.throbber_LoadingWrapper_chtlD {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.throbber_LoadingWrapper_chtlD.throbber_Static_1tnKC {
  animation-name: throbber_none_37O9t;
}
.throbber_LoadingWrapper_chtlD.throbber_Static_1tnKC * {
  animation-name: throbber_none_37O9t !important;
  stroke-dasharray: initial !important;
  stroke-dashoffset: initial !important;
  stroke-width: 5px !important;
  opacity: 1 !important;
}
.throbber_LoadingWrapper_chtlD.throbber_Static_1tnKC
  .throbber_bottomCircle_2U7m8
  path {
  stroke-width: 0 !important;
}
.throbber_LoadingWrapper_chtlD.throbber_noString_1Ygce {
  flex-direction: row;
}
.throbber_LoadingWrapper_chtlD .throbber_Throbber_3upHh,
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber,
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber path {
  width: 100%;
  height: 100%;
  position: relative;
}
.throbber_LoadingWrapper_chtlD .throbber_Throbber_3upHh {
  align-self: center;
  margin: 0px;
  width: 100%;
  height: 100%;
}
.throbber_LoadingWrapper_chtlD.throbber_throbber_small_U-aow
  .throbber_Throbber_3upHh {
  width: 32px;
  height: 32px;
}
.throbber_LoadingWrapper_chtlD.throbber_throbber_medium_1Fobg
  .throbber_Throbber_3upHh {
  width: 64px;
  height: 64px;
}
.throbber_LoadingWrapper_chtlD.throbber_throbber_large_2IrNq
  .throbber_Throbber_3upHh {
  width: 92px;
  height: 92px;
}
.throbber_throbber_center_wrapper_1PqOU {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.throbber_ThrobberText_4i9ro,
.throbber_LoadingWrapper_chtlD .throbber_ThrobberText_4i9ro {
  color: #3d85c8;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  flex: 1;
  user-select: none;
  margin-top: 8px;
  font-weight: 500;
}
.throbber_LoadingWrapper_chtlD.throbber_throbber_medium_1Fobg
  .throbber_ThrobberText_4i9ro {
  margin-top: 4px;
}
.throbber_LoadingWrapper_chtlD.throbber_throbber_small_U-aow
  .throbber_ThrobberText_4i9ro {
  margin-top: 2px;
}
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber.throbber_blur_ksnq2 {
  filter: blur(3px);
  position: absolute;
  left: 0;
  top: 0px;
}
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber.throbber_blur_ksnq2 path {
  stroke: #4375fd;
}
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber path {
  stroke: #67c1f5;
  animation-name: throbber_ThrobberRoundLoop_2KsRJ;
  animation-duration: 0.7s;
  stroke-linecap: butt;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  opacity: 0;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundOuterOutline_1nczY,
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber .throbber_roundOuter_1X5lV {
  stroke-dashoffset: 0;
  stroke-dasharray: 116;
  stroke-width: 6px;
}
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber .throbber_roundOuter_1X5lV {
  opacity: 1;
  stroke: #3b8bb9;
  stroke-width: 6px;
  transform-origin: 50% 50%;
  stroke-linecap: round;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundOuterOutline_1nczY {
  display: none;
}
@keyframes throbber_ThrobberRoundLoop_2KsRJ {
  to {
    stroke-dashoffset: -232;
  }
}
.throbber_LoadingWrapper_chtlD .SVGIcon_Throbber .throbber_roundFill_1vctz {
  animation-name: throbber_ThrobberFillLoop_3Ffp2;
  animation-duration: 3s;
  animation-delay: -1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  opacity: 1;
  stroke-width: 0;
}
@keyframes throbber_ThrobberFillLoop_3Ffp2 {
  0% {
    fill: rgba(103, 193, 245, 0);
  }
  50% {
    fill: rgba(103, 193, 245, 0.05);
  }
  100% {
    fill: rgba(103, 193, 245, 0);
  }
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_topCircle_1Axol
  .throbber_circlePulse_2TF6g,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_topCircle_1Axol
  circle {
  stroke: #67c1f5;
  animation-name: throbber_ThrobberTopCircleLoop_1hClF;
  animation-duration: 3s;
  animation-delay: -1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 67% 36%;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_topCircle_1Axol
  circle {
  animation-name: throbber_ThrobberBottomCircleLoop_1wHEq;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_bottomCircle_2U7m8
  path {
  fill: #67c1f5;
  stroke-width: 0;
  animation-name: throbber_ThrobberBottomCircleLoop_1wHEq;
  animation-duration: 3s;
  animation-delay: -0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes throbber_ThrobberTopCircleLoop_1hClF {
  0% {
    opacity: 0;
    transform: scale(0.75);
    stroke-width: 4px;
  }
  20% {
    opacity: 0.3;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: scale(5);
    stroke-width: 0px;
  }
  100% {
    opacity: 0;
    transform: scale(5);
    stroke-width: 0px;
  }
}
@keyframes throbber_ThrobberBottomCircleLoop_1wHEq {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber15_1hbf_,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber14_3743K,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber13_1vG0c,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber12_66Spb,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber11_2XCXD,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber10_1kLAG,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber09_3lj-a,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber08_2c9JB,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber07_2Shtf,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber06_2iRLM,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber05_1sOtP,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber04_3JAdj,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber03_1FqGc,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber02_3dMhW,
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber01_6Xq-0 {
  animation-name: throbber_ThrobberRoundLoopThickness_3Ve7-;
  animation-duration: 3s;
  stroke-dasharray: 150 950;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber01_6Xq-0 {
  animation-delay: 0s;
  opacity: 0.06;
  stroke-width: 0.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber02_3dMhW {
  animation-delay: -0.1s;
  opacity: 0.13;
  stroke-width: 1px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber03_1FqGc {
  animation-delay: -0.2s;
  opacity: 0.2;
  stroke-width: 1.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber04_3JAdj {
  animation-delay: -0.3s;
  opacity: 0.26;
  stroke-width: 2px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber05_1sOtP {
  animation-delay: -0.4s;
  opacity: 0.33;
  stroke-width: 2.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber06_2iRLM {
  animation-delay: -0.5s;
  opacity: 0.4;
  stroke-width: 3px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber07_2Shtf {
  animation-delay: -0.6s;
  opacity: 0.46;
  stroke-width: 3.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber08_2c9JB {
  animation-delay: -0.7s;
  opacity: 0.53;
  stroke-width: 4px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber09_3lj-a {
  animation-delay: -0.8s;
  opacity: 0.6;
  stroke-width: 4.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber10_1kLAG {
  animation-delay: -0.9s;
  opacity: 0.66;
  stroke-width: 5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber11_2XCXD {
  animation-delay: -1s;
  opacity: 0.73;
  stroke-width: 5.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber12_66Spb {
  animation-delay: -1.1s;
  opacity: 0.8;
  stroke-width: 6px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber13_1vG0c {
  animation-delay: -1.2s;
  opacity: 0.86;
  stroke-width: 6.5px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber14_3743K {
  animation-delay: -1.3s;
  opacity: 0.93;
  stroke-width: 7px;
}
.throbber_LoadingWrapper_chtlD
  .SVGIcon_Throbber
  .throbber_roundThrobber15_1hbf_ {
  animation-delay: -1.4s;
  opacity: 1;
  stroke-width: 7.5px;
}
@keyframes throbber_ThrobberRoundLoopThickness_3Ve7- {
  100% {
    stroke-dashoffset: -1100;
  }
}
.throbber_throbber_small_U-aow {
  width: 36px;
  height: 36px;
}
.throbber_throbber_medium_1Fobg {
  width: 64px;
  height: 64px;
}
.throbber_throbber_large_2IrNq {
  width: 92px;
  height: 92px;
}
.throbber_throbber_xlarge_2XWPE {
  width: 120px;
  height: 120px;
}
.throbber_throbber_xxlarge_QooXb {
  width: 240px;
  height: 240px;
}
.SVGIcon_Button {
  fill: #fff;
  overflow: visible;
  width: 100%;
  height: 100%;
  max-width: 320px;
  max-height: 320px;
}
.shared_svg_library_EmoticonBow_3vBI6 {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: 0;
  left: 0;
}
.shared_svg_library_EmoticonBow_st0_3EB-7 {
  opacity: 0.4;
  fill: #231f20;
}
.shared_svg_library_EmoticonBow_st1_2NIMu {
  fill: #e41e25;
}
.shared_svg_library_SteamDeckCompatInfo_1t9l5 {
  display: flex;
  background-color: #0e141b;
  padding: 2px;
  border-radius: 20px;
}
.shared_svg_library_SteamDeckCompatLogo_1Ly8Y {
  width: 20px;
  height: 20px;
}
.shared_svg_library_SteamDeckCompatIcon_1wEdn {
  width: 20px;
  height: 20px;
}
.shared_svg_library_SteamDeckCompatVerified_1x-dZ {
  color: #59bf40;
}
.shared_svg_library_SteamDeckCompatPlayable_1f6j0 {
  color: #ffc82c;
}
.shared_svg_library_SteamDeckCompatUnsupported_wUjbD,
.shared_svg_library_SteamDeckCompatUnknown_2b1JZ {
  color: #dcdedf;
}
.toggle_Toggle_1rqtP {
  width: 40px;
  height: 16px;
  position: relative;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.toggle_Toggle_1rqtP.toggle_Disabled_nZbOp {
  cursor: default;
  opacity: 0.6;
}
.toggle_Toggle_1rqtP .toggle_ToggleRail_Yef-_ {
  height: 10.6666666667px;
  width: 36px;
  border-radius: 5.3333333333px;
  box-shadow: inset 1px 1px 1px #0007;
  position: absolute;
  left: 2.6666666667px;
  top: 2.6666666667px;
  background-color: #26292e;
}
.toggle_Toggle_1rqtP .toggle_ToggleRail_Yef-_.toggle_Highlight_2fxbl {
  background-color: #2d5a81;
  transition: width 0.2s ease-in-out;
}
.toggle_Toggle_1rqtP
  .toggle_ToggleRail_Yef-_.toggle_Highlight_2fxbl.toggle_On_2VSKd {
  width: 36px;
}
.toggle_Toggle_1rqtP
  .toggle_ToggleRail_Yef-_.toggle_Highlight_2fxbl.toggle_Off_33SSs {
  width: 0;
}
.toggle_Toggle_1rqtP .toggle_ToggleSwitch_3Pr6O {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px #000a;
  position: absolute;
  left: 0;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.toggle_Toggle_1rqtP .toggle_ToggleSwitch_3Pr6O.toggle_On_2VSKd {
  background-color: #16a1e1;
  background-image: linear-gradient(to bottom, #01c7f9, #3066f5);
  transform: translateX(25.3333333333px);
}
.toggle_Toggle_1rqtP .toggle_ToggleSwitch_3Pr6O.toggle_Off_33SSs {
  background-color: #4b525d;
}
.toggle_ToggleRow_3gte5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-radius: 3px;
  background-color: rgba(59, 63, 72, 0.5);
}
.toggle_ToggleRow_3gte5 .toggle_Label_2mzt3 {
  color: #dfe3e6;
  font-size: 14px;
  font-weight: 300;
}
.toggle_ToggleRow_3gte5 .toggle_Label_2mzt3.toggle_Disabled_nZbOp {
  opacity: 0.3;
}
.dropdown_DialogDropDownMenu_Item_3HD54 {
  padding: 10px 15px;
  cursor: pointer;
}
.dropdown_DialogDropDownMenu_Item_3HD54:hover {
  background: #3e444d;
}
.dropdown_DialogDropDownMenu_27Awt._DialogInputContainer {
  background: #373c44;
  box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.2);
  margin-top: 2px;
}
.hoverposition_HoverPosition_1tQrX {
  position: fixed;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.25s;
  pointer-events: none;
}
.hoverposition_HoverPosition_1tQrX.hoverposition_Ready_12dDx {
  opacity: 1;
}
.hoverposition_HoverPosition_1tQrX.hoverposition_NoSpace_2RE0x {
  display: none;
}
.hoverposition_EnablePointerEvents_346UO {
  pointer-events: all;
}
.hoverposition_HoverAboveModal_2znvo {
  z-index: 2000;
}
.tooltip_TextToolTip_1y-4v {
  box-sizing: border-box;
  font-size: 13px;
  background-color: #696773;
  border-radius: 2px;
  color: #e0e1e6;
  padding: 6px 8px;
  box-shadow: 1px 1px 8px #0005, 2px 2px 16px 1px #0005;
  max-width: 300px;
  user-select: none;
}
.tooltip_ToolTipCustom_3g-WB {
  box-sizing: border-box;
  font-size: 13px;
  background-color: #696773;
  border-radius: 2px;
  color: #e0e1e6;
  padding: 6px 8px;
  box-shadow: 1px 1px 8px #0005, 2px 2px 16px 1px #0005;
  max-width: 300px;
  user-select: none;
}
.tooltip_ToolTipCustom_3g-WB .tooltip_ToolTipTitle_DE02N {
  color: #e0e1e6;
}
.tooltip_ToolTipCustom_3g-WB .tooltip_ToolTipTitle_DE02N.tooltip_Center_3PLe5 {
  text-align: center;
}
.tooltip_ToolTipCustom_3g-WB .tooltip_ToolTipInsetContent_1SHdU {
  color: #aaacb6;
  margin: 6px 4px;
}
.dropdownlabel_DropDownLabelContainer_WGRg7 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.dropdownlabel_DropDownLabelIconContainer_2dv-t {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 32px;
  max-width: 32px;
  padding-right: 12px;
}
.dropdownlabel_DropDownLabelIconContainer_2dv-t > svg {
  width: 100%;
  height: 100%;
}
.dropdownlabel_DropDownLabelTextColumn_scqOy {
  min-width: 50%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dropdownlabel_DropDownLabelTitle_HieKH {
  font-family: 'Motiva Sans', Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0px;
  color: #fff;
  color: #b8bcbf;
}
.gpfocus .dropdownlabel_DropDownLabelTitle_HieKH {
  color: #0e141b;
}
.dropdownlabel_DropDownLabelUpperDescription_1eudT {
  font-family: 'Motiva Sans', Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  color: #8b929a;
}
.gpfocus .dropdownlabel_DropDownLabelUpperDescription_1eudT {
  color: #67707b;
}
.dropdownlabel_DropDownLabelDescription_whGzP {
  font-family: 'Motiva Sans', Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  color: #8b929a;
}
.gpfocus .dropdownlabel_DropDownLabelDescription_whGzP {
  color: #67707b;
}
.pagedsettings_PagedSettingsDialog_379hM {
  display: flex;
  flex-direction: row;
  height: 720px;
}
.pagedsettings_PagedSettingsDialog_PageContent_26LM5 {
  flex: 3;
}
.pagedsettings_PagedSettingsDialog_PageContent_26LM5 .DialogHeader {
  margin-right: 0;
}
.pagedsettings_PagedSettingsDialog_PageListColumn_2Cma8 {
  background: #2a2d34;
  flex: 1;
  min-width: 140px;
  max-width: 220px;
  padding-left: 24px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pagedsettings_PagedSettingsDialog_Title_3gBLR {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #4297f8;
  font-weight: 300;
  font-size: 13px;
  user-select: none;
}
.pagedsettings_PagedSettingsDialog_PageList_2f7v2 {
  line-height: 16px;
  white-space: nowrap;
  overflow-y: overlay;
  flex-shrink: 1;
  flex-grow: 1;
}
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi {
  white-space: normal;
  max-width: 180px;
  text-overflow: ellipsis;
  color: #7e7e7e;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 14px;
  user-select: none;
}
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi.pagedsettings_DisabledItem_2CiVW,
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi.pagedsettings_DisabledItem_2CiVW:hover,
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi.pagedsettings_DisabledItem_2CiVW:not(.pagedsettings_Active_bTXaV):hover {
  color: #414141;
}
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi:not(.pagedsettings_Active_bTXaV):hover {
  color: #ccc;
}
.pagedsettings_PagedSettingsDialog_PageListItem_15qhi.pagedsettings_Active_bTXaV {
  color: #fff;
  cursor: default;
}
body.modals_BodyNoScroll_1JTaq {
  overflow-y: hidden;
  height: 100vh;
}
body.modals_BodyNoScrollDialog_t0EzL {
  overflow-y: hidden;
  height: 100vh;
}
.modals_OverlayModal_1GJbF {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1500;
}
.modals_GamepadOnlyModalWrapper_YHje2 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100vh;
  overflow-y: scroll;
}
.modals_GamepadOnlyModalWrapper_YHje2 .modals_GamepadOnlyPanelWrapper_3ruPb {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.focusring_FocusRingRoot_2BQL2 {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 10000;
}
.focusring_FocusRing_3ARGF {
  position: absolute;
  pointer-events: none;
  outline-offset: 2px;
  outline: 2px solid rgba(255, 255, 255, 0.6);
  animation: focusring_flash_3YJwx 0.5s ease,
    focusring_growOutline_3xRIc 0.4s ease, focusring_fadeOutline_2CNye 0.4s ease,
    focusring_blinker_y4OFc 1.2s ease-in-out 0.4s 20;
}
.focusring_FocusRing_3ARGF.focusring_DebugFocusRing_1HN59 {
  outline-color: #ff0;
}
.focusring_FocusRingOnHiddenItem_qFZkI.focusring_DebugFocusRing_1HN59 {
  outline-offset: 2px;
  outline-color: red;
  background-color: red;
}
@keyframes focusring_flash_3YJwx {
  0% {
    background-color: rgba(255, 255, 255, 0.08);
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@keyframes focusring_growOutline_3xRIc {
  0% {
    outline: 12px solid;
  }
  100% {
    outline: 2px solid;
  }
}
@keyframes focusring_fadeOutline_2CNye {
  0% {
    outline-color: rgba(255, 255, 255, 0);
  }
  100% {
    outline-color: rgba(255, 255, 255, 0.6);
  }
}
@keyframes focusring_blinker_y4OFc {
  50% {
    opacity: 0.4;
  }
}
.contextmenu_ContextMenuMouseOverlay_3EgM8 {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1599;
}
.contextmenu_ContextMenuFocusContainer_2QK-x:focus {
  outline: none;
}
.contextmenu_contextMenu_4fpUg {
  position: absolute;
  background: radial-gradient(
    ellipse farthest-corner at 50% 0%,
    #3c4047 0%,
    #3c4047 50%,
    #33363d 100%
  );
  box-shadow: 0 10px 32px 0px #000000ab;
  opacity: 1;
  transition: opacity 200ms;
  z-index: 1600;
  user-select: none;
  padding: 4px;
}
.web_chat_frame .contextmenu_contextMenu_4fpUg {
  max-height: calc(100% - 128px);
  overflow-y: auto;
  overflow-x: hidden;
}
html.contextmenu_ContextMenuPopup_152-v .contextmenu_contextMenu_4fpUg {
  position: static;
  box-shadow: none;
  display: inline-block;
  padding: 0;
}
html.contextmenu_ContextMenuPopup_152-v .contextmenu_contextMenuContents_3te6b {
  padding: 4px;
}
html.contextmenu_ContextMenuPopup_152-v .contextmenu_contextMenuItem_3hJA5 {
  min-width: fit-content;
}
.contextmenu_contextMenuContents_3te6b {
  display: flex;
  flex-direction: column;
  padding: 0px;
  font-size: 14px;
  -webkit-app-region: no-drag;
}
.contextmenu_contextMenu_4fpUg:not(.visible) {
  opacity: 0;
  pointer-events: none;
}
.contextmenu_contextMenuItem_3hJA5 {
  padding: 4px 6px;
  line-height: 17px;
  color: #9ca4a7;
  border-top: 0.5px solid rgba(80, 87, 94, 0.5);
  border-bottom: 0.5px solid rgba(80, 87, 94, 0);
  cursor: default;
  position: relative;
  min-width: 120px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.contextmenu_contextMenuItem_3hJA5:first-child {
  border-top: 0.5px solid rgba(80, 87, 94, 0);
}
.contextmenu_contextMenuItem_3hJA5:hover,
.contextmenu_contextMenuItem_3hJA5.contextmenu_active_1NWFM {
  background: #5a6069;
  color: #b8c5c9;
}
.contextmenu_contextMenuItem_3hJA5.disabled {
  background: none;
  color: #6b7072;
  cursor: default;
  pointer-events: none;
}
.contextmenu_contextMenuItem_3hJA5.disabled:hover {
  background: none;
  color: #6b7072;
  cursor: default;
}
.contextmenu_contextMenuItem_3hJA5.menuChecked {
  color: #6dcff6;
}
.contextmenu_contextMenuItem_3hJA5.menuChecked.contextMenuCheckMark {
  display: block;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_MenuSectionHeader_2b55g {
  padding-top: 8px;
  font-size: 12px;
  text-transform: uppercase;
}
.contextmenu_ContextMenuSeparator_LXVyl + .contextmenu_contextMenuItem_3hJA5 {
  border-top-color: dimgray;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_NoSeparation_2ct40 {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_UpperCase_3aR4r {
  text-transform: uppercase;
}
.contextmenu_contextMenuItem_3hJA5 .SVGIcon_Button {
  height: 10px;
  width: 10px;
  margin-right: 4px;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_SubMenu_2o_UY {
  display: flex;
  padding-right: 2px;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_SubMenu_2o_UY
  .contextmenu_Label_KM3XP {
  flex: 1 0 auto;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_SubMenu_2o_UY
  .contextmenu_Arrow_2hT07 {
  flex: 0 0 auto;
  margin: 0px 0px 0px 4px;
}
.contextmenu_contextMenuItem_3hJA5.contextmenu_SubMenu_2o_UY
  .SVGIcon_DownArrowContextMenu {
  height: 14px;
  width: 14px;
  transform: rotateZ(-90deg);
  fill: #9ca4a7;
  margin: 0px 3px;
}
.contextmenu_contextMenuItem_3hJA5 svg {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
.contextmenu_contextMenuItem_3hJA5 .SVGIcon_PlusCircle {
  height: 16px;
  width: 16px;
  margin-left: -3px;
  margin-bottom: -3px;
}
.contextmenu_contextMenuItem_3hJA5 .SVGIcon_PlusCircle line {
  stroke: gray;
  shape-rendering: crispEdges;
  stroke-width: 20px;
}
.contextmenu_contextMenuItem_3hJA5 .SVGIcon_PlusCircle circle {
  opacity: 0;
}
.contextMenuCheckMark {
  width: 4px;
  height: 18px;
  background-color: #6dcff6;
  min-height: 1px;
  position: absolute;
  left: -4px;
  margin-top: 0px;
  display: none;
}
.contextmenu_PopoutSubMenu_3TVcU {
  position: relative;
  width: 100%;
  overflow: visible;
}
.contextmenu_PopoutSubMenu_3TVcU .contextmenu_PopoutSubMenuItems_2Et1H {
  position: absolute;
  width: 60%;
  height: fit-content;
  left: 100%;
  top: 0;
  background: radial-gradient(
    ellipse farthest-corner at 50% 0%,
    #3c4047 0%,
    #3c4047 50%,
    #33363d 100%
  );
  box-shadow: 0 10px 32px 0px #000000ab;
  opacity: 1;
  word-wrap: break-word;
}
.app_DotaRoot_2cvxx {
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.battlepasspage_Tooltip_2yrW4 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.battlepasspage_CarouselFade_1139X {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.battlepasspage_StandardButton_16dWI {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.battlepasspage_StandardButton_16dWI:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.battlepasspage_StandardButton_16dWI .battlepasspage_ButtonText_1cp4W {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.battlepasspage_StandardButton_16dWI .battlepasspage_SteamLogo_fmWcn {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg');
}
.battlepasspage_ToolTip_2sWVz {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.battlepasspage_TextStyleDisplay_3DLe6 {
  font-size: 96px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 100%;
}
.battlepasspage_TextStyleHeading_19TV8 {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 100%;
}
.battlepasspage_TextStyleSectionHeading_2NQLK {
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  line-height: 100%;
}
.battlepasspage_TextStyleSmallHeading_TiAME {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 100%;
}
.battlepasspage_TextStyleOverline_2m5kd {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 100%;
}
.battlepasspage_TextStyleButton_3oCpo {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 100%;
}
.battlepasspage_TextStyleCaption_2U5ts {
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 100%;
}
.battlepasspage_TextStyleBody_3dE7p {
  font-size: 16px;
  font-weight: 500;
  line-height: 164%;
}
.battlepasspage_TextStyleDescription_3nNJl {
  font-size: 15px;
  font-weight: 500;
  line-height: 164%;
}
.battlepasspage_TextStyleThumbnailBody_LDpNo {
  font-size: 15px;
  font-weight: 500;
  line-height: 164%;
}
.battlepasspage_TextStyleFootnote_2oDQw {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 164%;
}
.battlepasspage_TextColorDarkerGold_ax-ao {
  color: #4f3612;
}
.battlepasspage_TextColorDarkGold_1Lo-a {
  color: #936725;
}
.battlepasspage_TextColorGold_3XMYK {
  color: #c79123;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorLightGold_3DQlE {
  color: #e4c269;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorLighterGold_2Lmy4 {
  color: #ecd393;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorLightestGold_2LsYn {
  color: #f8e8b9;
}
.battlepasspage_TextColorLightGrey_306K2 {
  color: #807f8a;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorLighterGrey_38YQB {
  color: #bbb8bb;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorLightestGrey_21DMR {
  color: #ebeaeb;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorWhite_3ll_d {
  color: #fff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.battlepasspage_TextColorGoldGlow_2_T6K {
  color: #fff;
  text-shadow: 0px 0px 16px #c79123;
}
.battlepasspage_TextColorGreenGlow_3q_YO {
  color: #8fed31;
  text-shadow: 0px 0px 8px #69993a;
}
.battlepasspage_TextColorGoldGradient_1lN6a {
  background: linear-gradient(#f8e8b9 10%, #ffffff 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 0px 10px black);
}
.battlepasspage_BattlepassPage_1BKbo {
  width: 100%;
  min-width: 320px;
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_TopHeader_3qws- {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_Title_2a4zc {
  margin: 0px auto;
  margin-top: 6vw;
  width: 50vw;
  z-index: 1;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_Title_2a4zc {
    width: 300px;
    height: 75px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_Aegis_2yH4R {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0px;
  width: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_Aegis_2yH4R
  video {
  width: 100%;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_Aegis_2yH4R {
    width: 150%;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_PrizePoolContainer_1PY_H {
  text-align: center;
  z-index: 1;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolContainer_1PY_H {
    transform: scale(0.75);
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolContainer_1PY_H {
    transform: scale(0.65);
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolContainer_1PY_H {
    transform: scale(0.5) translateY(150px);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_PrizePoolLabel_2bTr7 {
  margin-top: 40vw;
  text-align: center;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_PrizePoolTextContainer_vbySk {
  text-align: center;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_PrizePoolTextContainer_vbySk
  .battlepasspage_BPPurchaseTitle_3TCLd {
  margin-top: 70px;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_PrizePoolTextContainer_vbySk
  .battlepasspage_BPPurchaseBody_eSf-x {
  margin-top: 10px;
  text-align: center;
  max-width: 800px;
  z-index: 1;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolTextContainer_vbySk {
    transform: scale(0.65) translateY(-100px);
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolTextContainer_vbySk {
    width: 800px;
    transform: scale(0.45) translateY(-250px);
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_PrizePoolTextContainer_vbySk {
    width: 600px;
    transform: scale(0.5) translateY(-150px);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TopHeader_3qws-
  .battlepasspage_BuyBattlepassSection_2o0P0 {
  z-index: 1;
  margin-top: 5vw;
  margin-bottom: 80px;
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TopHeader_3qws-
    .battlepasspage_BuyBattlepassSection_2o0P0 {
    height: 600px;
    transform: scale(0.9) translateY(-70px);
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_SummerEventHeight_lv384 {
  height: 1250px;
  background-color: #050506;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SummerEventHeight_lv384 {
    height: 680px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_SummerEvent_1kjfu {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 1px;
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SummerEvent_1kjfu {
    background-size: 250%;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SummerEvent_1kjfu
  .battlepasspage_BottomSection_3pF8U {
  max-width: 1800px;
  position: absolute;
  bottom: 10vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SummerEvent_1kjfu
    .battlepasspage_BottomSection_3pF8U {
    transform: translateX(-50%) scale(0.75);
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SummerEvent_1kjfu
    .battlepasspage_BottomSection_3pF8U {
    width: 133%;
    transform: translateX(-50%) translateY(-300px) scale(0.75);
    flex-wrap: wrap;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SummerEvent_1kjfu
    .battlepasspage_BottomSection_3pF8U {
    bottom: 2vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SummerEvent_1kjfu
  .battlepasspage_BottomSection_3pF8U
  .battlepasspage_Tease1_qr6X4,
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SummerEvent_1kjfu
  .battlepasspage_BottomSection_3pF8U
  .battlepasspage_Tease1_qr6X4
  * {
  font-family: 'Averia Serif Libre', sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 2.1vw;
  line-height: 2.3vw;
  text-align: center;
  text-transform: lowercase;
  color: #dfe9f2;
  text-shadow: 0px 0px 20px #35d3a4;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SummerEvent_1kjfu
    .battlepasspage_BottomSection_3pF8U
    .battlepasspage_Tease1_qr6X4,
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SummerEvent_1kjfu
    .battlepasspage_BottomSection_3pF8U
    .battlepasspage_Tease1_qr6X4
    * {
    font-size: 3.1vw;
    line-height: 3.3vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SummerEvent_1kjfu
  .battlepasspage_BottomSection_3pF8U
  .battlepasspage_Tease2_2Gc59,
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SummerEvent_1kjfu
  .battlepasspage_BottomSection_3pF8U
  .battlepasspage_Tease2_2Gc59
  * {
  font-family: 'Averia Serif Libre', sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1.8vw;
  line-height: 2.3vw;
  line-height: 41px;
  text-align: center;
  text-transform: lowercase;
  padding-left: 10vw;
  color: #fff;
  text-shadow: 0px 0px 13.7134px rgba(0, 0, 0, 0.95);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
  height: 100vw;
  background-color: #101313;
}
@media (max-width: 2400px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 110vw;
  }
}
@media (max-width: 2000px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 116vw;
  }
}
@media (max-width: 1900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 118vw;
  }
}
@media (max-width: 1800px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 125vw;
  }
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 130vw;
  }
}
@media (max-width: 1493px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 2800px;
  }
}
@media (max-width: 995px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 3200px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 3050px;
  }
}
@media (max-width: 450px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 3200px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GuildsHeight_1mOfT {
    height: 3250px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-position-y: -100px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-size: 2400px;
  }
}
@media (max-width: 700px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-position-y: 0px;
    background-size: 2100px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-size: 1800px;
  }
}
@media (max-width: 500px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-size: 1600px;
    background-position-y: 50px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Guilds_2LB9A {
    background-size: 1200px;
    background-position-y: 100px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildTopRow_pNd-K {
  width: 90vw;
  max-width: 1580px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 51vw;
}
@media (max-width: 1493px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Guilds_2LB9A
    .battlepasspage_GuildTopRow_pNd-K {
    margin-top: 1100px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Guilds_2LB9A
    .battlepasspage_GuildTopRow_pNd-K {
    margin-top: 900px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildTopRow_pNd-K
  .battlepasspage_GuildTopRowElement_3AdaG {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 24px;
  margin-bottom: 40px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildTopRow_pNd-K
  .battlepasspage_GuildTopRowElement_3AdaG
  .battlepasspage_Title_2a4zc {
  margin-top: 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildTopRow_pNd-K
  .battlepasspage_GuildTopRowElement_3AdaG
  .battlepasspage_Desc_3tVNB {
  margin-top: 5px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildRewards_B9DFJ {
  width: 100%;
  margin-top: 50px;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildRewards_B9DFJ
  .battlepasspage_RewardImage_2SbLq {
  width: 1200px;
  height: auto;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildRewards_B9DFJ
  .battlepasspage_Title_2a4zc {
  margin: 0 auto;
  margin-top: 140px;
  width: 500px;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Guilds_2LB9A
    .battlepasspage_GuildRewards_B9DFJ
    .battlepasspage_Title_2a4zc {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildRewards_B9DFJ
  .battlepasspage_Desc_3tVNB {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 160px;
  width: 500px;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Guilds_2LB9A
    .battlepasspage_GuildRewards_B9DFJ
    .battlepasspage_Desc_3tVNB {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildsChat_1sCEn {
  width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  z-index: 1;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Guilds_2LB9A
    .battlepasspage_GuildsChat_1sCEn {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildsChat_1sCEn
  .battlepasspage_Desc_3tVNB {
  margin-top: 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Guilds_2LB9A
  .battlepasspage_GuildsChat_1sCEn
  .battlepasspage_Disclaimer_3yybR {
  margin-top: 20px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_DivinePathHeight_3a8xC {
  height: 1060px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_DivinePathHeight_3a8xC {
    height: 800px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_DivinePath_3HNrS {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_DivinePath_3HNrS
  .battlepasspage_DivineOverlay_3uswZ {
  position: absolute;
  width: 70vw;
  min-width: 371px;
  min-height: 255px;
  max-width: 927px;
  max-height: 637px;
  bottom: -50px;
  left: 0px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_DivinePath_3HNrS
    .battlepasspage_DivineOverlay_3uswZ {
    bottom: 50px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_DivinePath_3HNrS
    .battlepasspage_DivineOverlay_3uswZ {
    bottom: 100px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_DivinePath_3HNrS
    .battlepasspage_DivineOverlay_3uswZ {
    bottom: 150px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_DivinePath_3HNrS
    .battlepasspage_DivineOverlay_3uswZ {
    bottom: 150px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_DivinePath_3HNrS
  .battlepasspage_SecondMap_1EAex {
  position: absolute;
  bottom: 100px;
  right: 0px;
  font-weight: 600;
  font-size: 17px;
  line-height: 134%;
  text-align: right;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 0px 4px #c79123;
  padding: 20px 20px 20px 100px;
  background: linear-gradient(
    to left,
    #4f3612 0%,
    #4f3612 60%,
    rgba(147, 103, 37, 0) 100%
  );
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_DivinePath_3HNrS
    .battlepasspage_SecondMap_1EAex {
    font-size: 12px;
    bottom: 0px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_GauntletHeight_3aRma {
  height: 800px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Gauntlet_JHZYC {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_GoldDivider_3QvMX {
  width: 80vw;
  max-width: 1000px;
  height: 2px;
  margin: 0 auto;
  margin-top: 310px;
  border-bottom: 2px solid;
  border-image: linear-gradient(
    to right,
    transparent 0%,
    #e4c269 50%,
    transparent 100%
  );
  border-image-slice: 1;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_GoldDivider_3QvMX {
    margin-top: 400px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_GoldDivider_3QvMX {
    margin-top: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Progress_29Q9a {
  margin: 0 auto;
  margin-top: 50px;
  font-size: 32px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  line-height: 100%;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_Progress_29Q9a {
    transform: scale(0.8);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl {
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_VerticalDivider_2LzgF {
  width: 2px;
  height: 50px;
  margin: 0 20px;
  border-right: 2px solid #535353;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7 {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7
  .battlepasspage_Pip_2Wrir {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #535353;
  margin: 0px 5px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7
  .battlepasspage_Pip_2Wrir.battlepasspage_Win_31oZU {
  background-image: linear-gradient(#245328, #2c2e2c);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7
  .battlepasspage_Pip_2Wrir.battlepasspage_Win_31oZU
  .battlepasspage_Checkmark_3nEP9 {
  width: 100%;
  height: 100%;
  transform: scale(1.5) translateX(1px) translateY(2px);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7
  .battlepasspage_Pip_2Wrir.battlepasspage_Lose_1JsyZ {
  background-image: linear-gradient(#532424, #2c2e2c);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_Pips_3Gpxl
  .battlepasspage_PipContainer_1aLu7
  .battlepasspage_Pip_2Wrir.battlepasspage_Lose_1JsyZ
  .battlepasspage_Xmark_1ZuRB {
  width: 100%;
  height: 100%;
  transform: scale(1.4) translateX(1px) translateY(2px);
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_Pips_3Gpxl {
    transform: scale(0.8);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_TextStyleBody_3dE7p {
  max-width: 560px;
  margin: 0 auto;
  margin-top: 50px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_TextStyleBody_3dE7p {
    transform: scale(0.8);
  }
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_HeroImage1_Yi0AC,
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_HeroImage2_lfpA3,
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Gauntlet_JHZYC
    .battlepasspage_HeroImage3_30kTS {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_HeroImage1_Yi0AC {
  position: absolute;
  bottom: 10.3vw;
  left: 0;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_HeroImage2_lfpA3 {
  position: absolute;
  bottom: 0;
  left: 0px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Gauntlet_JHZYC
  .battlepasspage_HeroImage3_30kTS {
  position: absolute;
  bottom: 0;
  right: 0px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_SideshopHeight_1jkaK {
  height: 1100px;
}
@media (max-width: 1072px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SideshopHeight_1jkaK {
    height: 1350px;
  }
}
@media (max-width: 720px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SideshopHeight_1jkaK {
    height: 1750px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Sideshop_Uk-8Z {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_Quirt_3k_dZ {
  position: absolute;
  left: 0px;
  bottom: 0;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sideshop_Uk-8Z
    .battlepasspage_Quirt_3k_dZ {
    opacity: 0;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_Sithil_2muob {
  position: absolute;
  right: 0px;
  top: 50px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sideshop_Uk-8Z
    .battlepasspage_Sithil_2muob {
    opacity: 0;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_RecruitHeroes_3_QwB {
  position: absolute;
  top: 230px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 720px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sideshop_Uk-8Z
    .battlepasspage_RecruitHeroes_3_QwB {
    top: 340px;
    width: 100%;
    transform: translateX(-50%);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr {
  width: 90vw;
  max-width: 1500px;
  position: absolute;
  top: 660px;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1466px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sideshop_Uk-8Z
    .battlepasspage_MiddleSection_1paxr {
    width: 125%;
    transform: translateX(-50%) scale(0.8);
  }
}
@media (max-width: 1072px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sideshop_Uk-8Z
    .battlepasspage_MiddleSection_1paxr {
    transform: translateX(-50%) translateY(-100px) scale(0.8);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemImage_3nRQi {
  width: 400px;
  height: 222px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemImage_3nRQi.battlepasspage_Image1_2YlyK {
  background-color: #1a0f00;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemImage_3nRQi.battlepasspage_Image2_2w7Wa {
  background-color: #16161b;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemImage_3nRQi.battlepasspage_Image3_3OcBJ {
  background-color: #16161b;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemTitle_1XKTp {
  margin-top: 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sideshop_Uk-8Z
  .battlepasspage_MiddleSection_1paxr
  .battlepasspage_SideshopItem_2YJAr
  .battlepasspage_SideshopItemDesc_22Vly {
  margin-top: 10px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_VersusScreenHeight_ulcoP {
  min-height: 600px;
  height: 54vw;
  background-image: linear-gradient(to left, #030202, #1b1b21);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_VersusScreen_3XJr9 {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_VersusScreen_3XJr9
  .battlepasspage_BackgroundVideo_33DPG {
  width: 100%;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MVPHeight_282dG {
  min-height: 600px;
  height: 46.1vw;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MVP_2EHhR {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_MVP_2EHhR
  .battlepasspage_BackgroundVideo_33DPG {
  width: 100%;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_BountiesHeight_2KRTp {
  height: 620px;
  background-image: linear-gradient(to right, #030202, #1b292e);
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_BountiesHeight_2KRTp {
    height: 520px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Bounties_39LXd {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Bounties_39LXd
  .battlepasspage_BountyImage_xBl32 {
  width: 800px;
  height: 400px;
  position: absolute;
  right: 150px;
  top: 50%;
  transform: translateY(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_MatchPredictionsHeight_2xeQj {
  height: 620px;
  background-image: linear-gradient(to right, #030202, #1b292e);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MatchPredictions_1WtwC {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_MatchPredictions_1WtwC {
    background-size: 170%;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_PauseMinigamesHeight_P7vhO {
  height: 700px;
  background-image: linear-gradient(to right, #030202, #1b1b21);
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PauseMinigamesHeight_P7vhO {
    height: 650px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_PauseMinigames_3GYDH {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_PauseMinigames_3GYDH {
    background-size: 120%;
    background-position-y: 70px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_WageringHeight_3grlk {
  height: 700px;
  background-image: linear-gradient(to left, #030202, #1b1b21);
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_WageringHeight_3grlk {
    height: 650px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Wagering_3hQuK {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_Wagering_3hQuK {
    background-size: 170%;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AssistantHeight_89lsi {
  height: 800px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_AssistantHeight_89lsi {
    height: 640px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Assistant_1zYzn {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Assistant_1zYzn
  .battlepasspage_AssistantCarousel_2wtnS {
  margin: 0 auto;
  margin-top: 150px;
  width: 840px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_AssistantCarousel_2wtnS {
    width: 640px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_AssistantCarousel_2wtnS {
    margin-top: 250px;
    width: 480px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_AssistantCarousel_2wtnS {
    width: 90vw;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_AssistantCarousel_2wtnS {
    margin-top: 170px;
    width: 95vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Assistant_1zYzn
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(-220px) translateX(-450px);
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
    transform: translateY(-180px) translateX(-350px);
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
    transform: translateY(-140px) translateX(-250px);
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Assistant_1zYzn
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(-220px) translateX(450px) rotateZ(180deg);
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
    transform: translateY(-180px) translateX(350px) rotateZ(180deg);
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
    transform: translateY(-140px) translateX(250px) rotateZ(180deg);
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Assistant_1zYzn
  .battlepasspage_NameAndDesc_YJe_P {
  width: 840px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 50px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_NameAndDesc_YJe_P {
    width: 640px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_NameAndDesc_YJe_P {
    width: 480px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_NameAndDesc_YJe_P {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Assistant_1zYzn
  .battlepasspage_NameAndDesc_YJe_P
  .battlepasspage_AssistantName_1SVLy {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_AssistantName_1SVLy {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Assistant_1zYzn
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_AssistantDesc_33C-Y {
    font-size: 12px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ConsumablesHeight_2rwJ5 {
  height: 900px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ConsumablesHeight_2rwJ5 {
    height: 700px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ConsumablesHeight_2rwJ5 {
    height: 600px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Consumables_2jinl {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_ConsumablesCarousel_3Ynke {
  margin: 0 auto;
  margin-top: 140px;
  width: 840px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumablesCarousel_3Ynke {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumablesCarousel_3Ynke {
    margin-top: 100px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(-220px) translateX(-450px);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(-220px) translateX(450px) rotateZ(180deg);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_CarouselDots_WeMel {
  width: 700px;
  height: 96px;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_CarouselDots_WeMel {
    width: 525px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_CarouselDots_WeMel {
    width: 100vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .carousel__dot--selected
  .battlepasspage_ConsumableDot_31HQH {
  opacity: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_ConsumableDot_31HQH {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  opacity: 0.5;
  transition: 0.2s;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumableDot_31HQH {
    width: 80px;
    transform: translateY(14px);
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumableDot_31HQH {
    width: 60px;
    transform: translateY(24px);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_ConsumableDot_31HQH
  .battlepasspage_ConsumableIcon_18wPz {
  width: 96px;
  height: auto;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumableDot_31HQH
    .battlepasspage_ConsumableIcon_18wPz {
    width: 80px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_ConsumableDot_31HQH
    .battlepasspage_ConsumableIcon_18wPz {
    width: 60px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_NameAndDesc_YJe_P {
  width: 840px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Consumables_2jinl
  .battlepasspage_NameAndDesc_YJe_P
  .battlepasspage_ConsumablesName_1-pxf {
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ConsumablesDesc_TwFnh {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ConsumablesDesc_TwFnh {
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ConsumablesDesc_TwFnh {
    font-size: 12px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_NameAndDesc_YJe_P {
    width: 570px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Consumables_2jinl
    .battlepasspage_NameAndDesc_YJe_P {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_GiftBattlePassHeight_1nrrJ {
  height: 600px;
  background-image: linear-gradient(to left, #030202, #1b292e);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_GiftBattlePass_3_TS0 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_GiftBattlePass_3_TS0 {
    background-size: 140%;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_GiftBattlePass_3_TS0
  .battlepasspage_GiftBattlePassImage_HrMDh {
  width: 800px;
  height: 400px;
  position: absolute;
  left: 150px;
  top: 50%;
  transform: translateY(-50%);
  background-image: linear-gradient(to right, #203e4b, #070707);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_SpraysHeight_38woB {
  height: 1000px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SpraysHeight_38woB {
    height: 1050px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SpraysHeight_38woB {
    height: 1000px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_SpraysHeight_38woB {
    height: 1000px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Sprays_GBvv4 {
  width: 100%;
  height: 100%;
  padding-top: 1px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_SprayCarousel_1_UsA {
  margin: 0 auto;
  margin-top: 250px;
  width: 840px;
  position: relative;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_SprayCarousel_1_UsA {
    width: 630px;
    margin-top: 300px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_SprayCarousel_1_UsA {
    width: 100%;
    margin-top: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_SprayCarousel_1_UsA
  .battlepasspage_Spray_PcALw {
  width: 512px;
  height: auto;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_SprayCarousel_1_UsA
    .battlepasspage_Spray_PcALw {
    width: 384px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_SprayCarousel_1_UsA
    .battlepasspage_Spray_PcALw {
    width: 60vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(-250px) translateX(-450px);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(-250px) translateX(450px) rotateZ(180deg);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_CarouselDots_WeMel {
  width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_CarouselDots_WeMel {
    width: 525px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Sprays_GBvv4
    .battlepasspage_CarouselDots_WeMel {
    width: 90vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_SprayName_3h762 {
  margin: 0 auto;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .carousel__dot--selected
  .battlepasspage_SprayDot_1B7c2 {
  opacity: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_SprayDot_1B7c2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0.5;
  transition: 0.2s;
  margin-bottom: 10px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Sprays_GBvv4
  .battlepasspage_SprayDot_1B7c2
  .battlepasspage_SprayIcon_1ZihL {
  width: 48px;
  height: 48px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeaturesHeight_3_KqT {
  height: 1600px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 1400px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 1200px;
  }
}
@media (max-width: 656px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 1550px;
  }
}
@media (max-width: 648px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 1900px;
  }
}
@media (max-width: 643px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 2250px;
  }
}
@media (max-width: 447px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 2650px;
  }
}
@media (max-width: 434px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeaturesHeight_3_KqT {
    height: 3050px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ReturningFeatures_3UIXb {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementDouble_3jotb {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 8px;
  margin-top: 60px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementDouble_3jotb
  .battlepasspage_FeatureImage_3rKDb {
  width: 570px;
  height: 330px;
  margin-bottom: 10px;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureImage_3rKDb {
    width: 400px;
    height: 231px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureImage_3rKDb {
    width: 300px;
    height: 173px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementDouble_3jotb
  .battlepasspage_FeatureTitle_2Ohih {
  position: relative;
  margin-top: 12px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureTitle_2Ohih {
    font-size: 15px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureTitle_2Ohih {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementDouble_3jotb
  .battlepasspage_FeatureDesc_1GKdo {
  position: relative;
  width: 540px;
  margin: 0 auto;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureDesc_1GKdo {
    width: 400px;
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementDouble_3jotb
    .battlepasspage_FeatureDesc_1GKdo {
    width: 300px;
    font-size: 12px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementTriple_2ApJ8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
  margin-top: 60px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementTriple_2ApJ8
  .battlepasspage_FeatureImage_3rKDb {
  width: 360px;
  height: 264px;
  margin-bottom: 10px;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureImage_3rKDb {
    width: 252px;
    height: 185px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureImage_3rKDb {
    width: 189px;
    height: 139px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementTriple_2ApJ8
  .battlepasspage_FeatureTitle_2Ohih {
  position: relative;
  margin-top: 12px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureTitle_2Ohih {
    font-size: 15px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureTitle_2Ohih {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_FeatureRow_ZAKzh
  .battlepasspage_FeatureElementTriple_2ApJ8
  .battlepasspage_FeatureDesc_1GKdo {
  position: relative;
  width: 350px;
  margin: 0 auto;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureDesc_1GKdo {
    width: 210px;
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ReturningFeatures_3UIXb
    .battlepasspage_FeatureRow_ZAKzh
    .battlepasspage_FeatureElementTriple_2ApJ8
    .battlepasspage_FeatureDesc_1GKdo {
    width: 158px;
    font-size: 12px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_AlsoReturningRow_VdV-o {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_AlsoReturningRow_VdV-o
  .battlepasspage_AlsoReturningHeader_3Gio8 {
  font-weight: 700;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ReturningFeatures_3UIXb
  .battlepasspage_AlsoReturningRow_VdV-o
  .battlepasspage_AlsoReturningDesc_1P4Gv {
  margin-top: 20px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ImmortalsHeight_HflvP {
  height: 1300px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ImmortalsHeight_HflvP {
    height: 1250px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Immortals_HTL4g {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 180px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px;
  filter: brightness(0.5);
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK.battlepasspage_Enabled_33fiI {
  cursor: pointer;
  filter: brightness(0.9);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK.battlepasspage_Enabled_33fiI:hover {
  filter: brightness(1.3);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK
  .battlepasspage_TreasureIcon_67V4d {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
  position: absolute;
  transition: 0.1s;
  top: 0px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK
  .battlepasspage_TreasureBorder_1G5jM {
  margin-top: 25px;
  width: 64px;
  height: 64px;
  border: double 2px transparent;
  border-radius: 50%;
  background-image: linear-gradient(black, black),
    linear-gradient(to right, #f8e8b9, #c79123);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK
  .battlepasspage_TreasureName_34dlt {
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #ecd393;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK
  .battlepasspage_TreasureRelease_3r1jz {
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  color: #c79123;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureList_251TM
  .battlepasspage_Treasure_36YlK.battlepasspage_Selected_2SRjU {
  filter: brightness(1.1);
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_TreasureList_251TM {
    transform: scale(0.6) translateY(-100px);
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_CarouselContainer_oRuS7 {
  display: none;
  position: absolute;
  top: 400px;
  left: 50%;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_CarouselContainer_oRuS7.battlepasspage_ShowCarousel_1N9jA {
  display: block;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_CarouselContainer_oRuS7 {
    top: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX {
  margin: 0 auto;
  margin-top: -50px;
  max-width: 1600px;
  width: 100vw;
  position: relative;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalCarousel_3vnaX {
    width: 170vw;
    margin-top: 50px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalCarousel_3vnaX
    .battlepasspage_ImmortalTreasureSet_2D4QT {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT
  .battlepasspage_VideoContainer_1guLa {
  max-width: 840px;
  max-height: 420px;
  width: 52.5vw;
  height: 26.25vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalCarousel_3vnaX
    .battlepasspage_ImmortalTreasureSet_2D4QT
    .battlepasspage_VideoContainer_1guLa {
    width: 105vw;
    height: 52.5vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT
  .battlepasspage_VideoContainer_1guLa
  .battlepasspage_HeroImage_1RyTt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 40vw;
  max-width: 640px;
  height: auto;
  overflow-y: visible;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT
  .battlepasspage_VideoContainer_1guLa
  .battlepasspage_HeroImage_1RyTt.battlepasspage_Left_LlBnS {
  left: -300px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT
  .battlepasspage_VideoContainer_1guLa
  .battlepasspage_HeroImage_1RyTt.battlepasspage_Right_m2Ik6 {
  right: -300px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalCarousel_3vnaX
    .battlepasspage_ImmortalTreasureSet_2D4QT
    .battlepasspage_VideoContainer_1guLa
    .battlepasspage_HeroImage_1RyTt {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalCarousel_3vnaX
  .battlepasspage_ImmortalTreasureSet_2D4QT
  .battlepasspage_VideoContainer_1guLa
  video {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(40px) translateX(-350px);
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(40px) translateX(350px) rotateZ(180deg);
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_CarouselDots_WeMel {
  max-width: 1000px;
  width: 70vw;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_NameAndDesc_YJe_P {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_NameAndDesc_YJe_P
  .battlepasspage_ImmortalName_ItA8Y {
  margin-top: 4px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ImmortalName_ItA8Y {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ImmortalName_ItA8Y {
    width: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_NameAndDesc_YJe_P
  .battlepasspage_ImmortalDesc_3cpas {
  margin-top: 8px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ImmortalDesc_3cpas {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_NameAndDesc_YJe_P
    .battlepasspage_ImmortalDesc_3cpas {
    width: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .carousel__dot--selected
  .battlepasspage_ImmortalDot_3iRzy {
  border-bottom: 2px solid #c79123;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  opacity: 1;
  transition: 0.2s;
  margin-bottom: 10px;
  border: 2px solid transparent;
  padding-bottom: 8px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy.battlepasspage_Rare_Y7WeM
  img {
  border: 2px solid #8ec021;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy.battlepasspage_VeryRare_SvGnY
  img {
  border: 2px solid #a77338;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy.battlepasspage_UltraRare_GQ4N6
  img {
  border: 2px solid #e2ac3f;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy.battlepasspage_CosmicallyRare_2_jBt
  img {
  border: 2px solid #d32ce6;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalDot_3iRzy
  .battlepasspage_BPHeroImage_3aPht {
  width: 63px;
  height: 37px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_TreasureLevels_1ABWq {
  width: 600px;
  margin: 0 auto;
  margin-top: 30px;
  line-height: 164%;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_TreasureLevels_1ABWq {
    font-size: 14px;
    width: 350px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_TreasureLevels_1ABWq {
    font-size: 12px;
    width: 300px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Immortals_HTL4g
  .battlepasspage_ImmortalsTrade_3ruO1 {
  width: 880px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalsTrade_3ruO1 {
    font-size: 14px;
    width: 350px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Immortals_HTL4g
    .battlepasspage_ImmortalsTrade_3ruO1 {
    font-size: 10px;
    width: 350px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_TerrainHeight_qO1so {
  min-height: 500px;
  height: 41.2vw;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Terrain_2TkGv {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Terrain_2TkGv
  .battlepasspage_BackgroundVideo_33DPG {
  width: 100%;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Terrain_2TkGv
    .battlepasspage_BackgroundVideo_33DPG {
    width: 140%;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_WraithKingHeight_3gQZP {
  height: 54vw;
  min-height: 500px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_BackgroundVideo_33DPG {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_WraithKing_-aK84 {
  width: 100%;
  height: 100%;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_BackgroundVideo_33DPG {
  width: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_WKContainer_3CQql {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_WraithKing_-aK84
    .battlepasspage_WKContainer_3CQql {
    bottom: 15px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_WKContainer_3CQql
  .battlepasspage_WKTitle_34FQi {
  margin: 0 auto;
  margin-top: 28vw;
  filter: drop-shadow(0px 0px 8px black);
  width: 480px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_WraithKing_-aK84
    .battlepasspage_WKContainer_3CQql
    .battlepasspage_WKTitle_34FQi {
    width: 240px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_WraithKing_-aK84
    .battlepasspage_WKContainer_3CQql
    .battlepasspage_SubTitle_2ZPeb {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_WKContainer_3CQql
  .battlepasspage_Body_1rQ7N {
  margin: 0 auto;
  margin-top: 20px;
  width: 60vw;
  max-width: 1000px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_WraithKing_-aK84
    .battlepasspage_WKContainer_3CQql
    .battlepasspage_Body_1rQ7N {
    width: 90vw;
    font-size: 10px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_WKContainer_3CQql
  .battlepasspage_LearnMoreButton_nSHLx {
  margin-top: 20px;
  padding: 16px 40px;
  display: inline-block;
  background: linear-gradient(180deg, #c79123 0%, #936725 100%);
  box-shadow: inset 0px 1.3199px 0px #ecd393;
  border-radius: 2.6398px;
  cursor: pointer;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_WraithKing_-aK84
    .battlepasspage_WKContainer_3CQql
    .battlepasspage_LearnMoreButton_nSHLx {
    padding: 6px 20px;
    padding-bottom: 8px;
    font-size: 14px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_WraithKing_-aK84
  .battlepasspage_WKContainer_3CQql
  .battlepasspage_LearnMoreButton_nSHLx:hover {
  filter: brightness(1.1);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MiniPudgeHeight_1YcoJ {
  height: 61.46vw;
  min-height: 550px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MiniPudge_1m44I {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_QueenOfPainHeight_1c8DO {
  height: 54vw;
  min-height: 500px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPainHeight_1c8DO
  .battlepasspage_BackgroundVideo_33DPG {
  width: 130%;
  top: -130px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_QueenOfPain_1NUL0 {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center;
  background-size: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02 {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_QueenOfPain_1NUL0
    .battlepasspage_QopContainer_1Pq02 {
    bottom: 15px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02
  .battlepasspage_QopTitle_35aTF {
  margin: 0 auto;
  filter: drop-shadow(0px 0px 8px black);
  width: 600px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_QueenOfPain_1NUL0
    .battlepasspage_QopContainer_1Pq02
    .battlepasspage_QopTitle_35aTF {
    width: 240px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02
  .battlepasspage_SubTitle_2ZPeb {
  margin-top: -16px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_QueenOfPain_1NUL0
    .battlepasspage_QopContainer_1Pq02
    .battlepasspage_SubTitle_2ZPeb {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02
  .battlepasspage_Body_1rQ7N {
  margin: 0 auto;
  margin-top: 20px;
  width: 60vw;
  max-width: 1000px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_QueenOfPain_1NUL0
    .battlepasspage_QopContainer_1Pq02
    .battlepasspage_Body_1rQ7N {
    width: 90vw;
    font-size: 10px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02
  .battlepasspage_LearnMoreButton_nSHLx {
  margin-top: 20px;
  padding: 16px 40px;
  display: inline-block;
  background: linear-gradient(180deg, #c79123 0%, #936725 100%);
  box-shadow: inset 0px 1.3199px 0px #ecd393;
  border-radius: 2.6398px;
  cursor: pointer;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_QueenOfPain_1NUL0
    .battlepasspage_QopContainer_1Pq02
    .battlepasspage_LearnMoreButton_nSHLx {
    padding: 6px 20px;
    padding-bottom: 8px;
    font-size: 14px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_QueenOfPain_1NUL0
  .battlepasspage_QopContainer_1Pq02
  .battlepasspage_LearnMoreButton_nSHLx:hover {
  filter: brightness(1.1);
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_WindrangerHeight_GAo37 {
  height: 61.46vw;
  min-height: 550px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Windranger_2c5WP {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AntimageHeight_33Nub {
  height: 61.46vw;
  min-height: 550px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Antimage_2YhKt {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_CustomTowersHeight_19_3D {
  height: 1050px;
  width: 100%;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowersHeight_19_3D {
    height: 900px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowersHeight_19_3D {
    height: 850px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowersHeight_19_3D {
    height: 750px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_CustomTowers_5DOOp {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 1px;
  margin-top: -1px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_CustomTowers_5DOOp
  .battlepasspage_CustomTowersBody_2iJok {
  width: 80vw;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 50px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersBody_2iJok {
    font-size: 14px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_CustomTowers_5DOOp
  .battlepasspage_CustomTowersVideoContainer_1TXEp {
  width: 1050px;
  height: 525px;
  margin: 0 auto;
  margin-top: 200px;
  position: relative;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersVideoContainer_1TXEp {
    width: 840px;
    height: 420px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersVideoContainer_1TXEp {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersVideoContainer_1TXEp {
    width: 100%;
    height: 50vw;
    margin-top: 150px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_CustomTowers_5DOOp
  .battlepasspage_CustomTowersVideoContainer_1TXEp
  .battlepasspage_CustomTowersVideo_3dmPq {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_CustomTowers_5DOOp
  .battlepasspage_CustomTowersVideoContainer_1TXEp
  .battlepasspage_CustomTowersImage1_2DMB2 {
  height: 120%;
  width: auto;
  bottom: -9%;
  left: -15%;
  position: absolute;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersVideoContainer_1TXEp
    .battlepasspage_CustomTowersImage1_2DMB2 {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_CustomTowers_5DOOp
  .battlepasspage_CustomTowersVideoContainer_1TXEp
  .battlepasspage_CustomTowersImage2_CzUSa {
  height: 120%;
  width: auto;
  bottom: -9%;
  right: -15%;
  position: absolute;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_CustomTowers_5DOOp
    .battlepasspage_CustomTowersVideoContainer_1TXEp
    .battlepasspage_CustomTowersImage2_CzUSa {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreakHeight_2a29k {
  height: 800px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreakHeight_2a29k {
    height: 60vw;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreakHeight_2a29k {
    height: 75vw;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreakHeight_2a29k {
    height: 85vw;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreakHeight_2a29k {
    height: 450px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_KillStreak_3CZGB {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_KillStreak_3CZGB
  .battlepasspage_KillStreakOverlay_102Fg {
  margin: 0 auto;
  margin-top: 220px;
  max-width: 1200px;
  width: 80vw;
  height: auto;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_KillStreak_3CZGB
    .battlepasspage_KillStreakOverlay_102Fg {
    margin-top: 280px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_PingCosmeticsHeight_3tdF2 {
  height: 800px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmeticsHeight_3tdF2 {
    height: 700px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmeticsHeight_3tdF2 {
    height: 600px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmeticsHeight_3tdF2 {
    height: 450px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_PingCosmetics_2xHu1 {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_PingCosmetics_2xHu1
  .battlepasspage_PingImage_yBMxB {
  margin-top: 100px;
  width: 80vw;
  height: auto;
  max-width: 1200px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmetics_2xHu1
    .battlepasspage_PingImage_yBMxB {
    margin-top: 200px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmetics_2xHu1
    .battlepasspage_PingImage_yBMxB {
    margin-top: 250px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_PingCosmetics_2xHu1
    .battlepasspage_PingImage_yBMxB {
    width: 100vw;
    margin-top: 200px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_EmoticonsHeight_3PWfJ {
  height: 800px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_EmoticonsHeight_3PWfJ {
    height: 700px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Emoticons_x8x__ {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_Pango_1BosV {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_Pango_1BosV {
    width: 400px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_Pango_1BosV {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_Mars_13cGV {
  position: absolute;
  right: 0px;
  bottom: -60px;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_Mars_13cGV {
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_Mars_13cGV {
    visibility: collapse;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_EmoticonListContainer_3jm3A {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  margin-top: 80px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_EmoticonListContainer_3jm3A.battlepasspage_EmoticonsGuild_3w9l6 {
  margin-top: 300px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_EmoticonListContainer_3jm3A.battlepasspage_EmoticonsGuild_3w9l6 {
    margin-top: 250px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_EmoticonListContainer_3jm3A
    .battlepasspage_EmoticonPackHeader_h_Ahy {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Emoticons_x8x__
    .battlepasspage_EmoticonListContainer_3jm3A
    .battlepasspage_EmoticonPackHeader_h_Ahy {
    font-size: 16px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_EmoticonListContainer_3jm3A
  .battlepasspage_EmoticonList_3iBOm {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Emoticons_x8x__
  .battlepasspage_EmoticonListContainer_3jm3A
  .battlepasspage_EmoticonList_3iBOm
  .battlepasspage_Emoticon_85suX {
  margin: 8px 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_VoiceAnnouncerHeight_1hQii {
  height: 950px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_VoiceAnnouncerHeight_1hQii {
    height: 850px;
  }
}
@media (max-width: 800px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_VoiceAnnouncerHeight_1hQii {
    height: 800px;
  }
}
@media (max-width: 700px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_VoiceAnnouncerHeight_1hQii {
    height: 750px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_VoiceAnnouncerHeight_1hQii {
    height: 650px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_VoiceAnnouncer_30_kk {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_VoiceAnnouncer_30_kk
  .battlepasspage_VoiceAnnouncerOverlay_1h8U4 {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_RangedAttackHeight_36DPP {
  height: 900px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttackHeight_36DPP {
    height: 800px;
  }
}
@media (max-width: 800px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttackHeight_36DPP {
    height: 700px;
  }
}
@media (max-width: 700px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttackHeight_36DPP {
    height: 650px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttackHeight_36DPP {
    height: 600px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttackHeight_36DPP {
    height: 500px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_RangedAttack_avhXs {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RangedAttack_avhXs
  .battlepasspage_RangedAttackImageContainer_3N_mP {
  width: 1050px;
  height: 525px;
  margin: 0 auto;
  margin-top: 250px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttack_avhXs
    .battlepasspage_RangedAttackImageContainer_3N_mP {
    width: 840px;
    height: 420px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttack_avhXs
    .battlepasspage_RangedAttackImageContainer_3N_mP {
    width: 100%;
    height: 450px;
    margin-top: 30vw;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttack_avhXs
    .battlepasspage_RangedAttackImageContainer_3N_mP {
    margin-top: 40vw;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttack_avhXs
    .battlepasspage_RangedAttackImageContainer_3N_mP {
    margin-top: 35vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RangedAttack_avhXs
  .battlepasspage_RangedAttackImageContainer_3N_mP
  .battlepasspage_RangedAttackVideo_3lJpF {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RangedAttack_avhXs
  .battlepasspage_RangedAttackImageContainer_3N_mP
  .battlepasspage_RangedAttackOverlay1_207LI {
  position: absolute;
  bottom: -120px;
  right: -180px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RangedAttack_avhXs
    .battlepasspage_RangedAttackImageContainer_3N_mP
    .battlepasspage_RangedAttackOverlay1_207LI {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheelHeight_16KY7 {
  height: 1550px;
}
@media (max-width: 1066px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheelHeight_16KY7 {
    height: 1700px;
  }
}
@media (max-width: 716px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheelHeight_16KY7 {
    height: 2300px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheelHeight_16KY7 {
    height: 2170px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheel_7VxeX {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  position: relative;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheel_7VxeX {
    background-position-y: 100px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheel_7VxeX {
    background-position-y: 200px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheel_7VxeX {
    background-position-y: 300px;
    background-size: 150vw;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_ChatWheel_7VxeX {
    background-position-y: 200px;
    background-size: 150vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_ChatWheelOverlay_14j8h {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q {
  z-index: 2;
  margin: 0 auto;
  margin-top: 50px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q.battlepasspage_CasterSoundPacks_3XhGm {
  margin-top: 700px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ChatWheel_7VxeX
    .battlepasspage_SoundPackContainer_2MP5q.battlepasspage_CasterSoundPacks_3XhGm {
    margin-top: 500px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q.battlepasspage_CasterSoundPacks_3XhGm
  .battlepasspage_SoundPackList_385tc {
  width: 100%;
  max-width: 1200px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q.battlepasspage_SoundPackHeader_2hkzX {
  margin-top: 60px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q.battlepasspage_SoundPackHeader_2hkzX
  .battlepasspage_SoundPackList_385tc {
  width: 1200px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_EscalatingChatWheelContainer_15StU {
  margin-top: 42px;
  background-image: linear-gradient(
    to right,
    transparent,
    #4f3612,
    transparent
  );
  padding: 24px 0;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_EscalatingChatWheelContainer_15StU
  .battlepasspage_EscalatingChatWheelPrefix_1K3dq {
  margin-bottom: 4px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_EscalatingChatWheelContainer_15StU
  .battlepasspage_EscalatingChatWheelHeader_365Bh {
  margin-top: 4px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_EscalatingChatWheelContainer_15StU
  .battlepasspage_EscalatingChatWheelHeader_365Bh
  .battlepasspage_SoundPackList_385tc {
  width: 1200px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_EscalatingChatWheelContainer_15StU
  .battlepasspage_EscalatingChatWheelDesc_1Y2PE {
  margin: 0 auto;
  margin-top: 12px;
  width: 90vw;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_DifferentSample_1mt2V {
  margin: 0 auto;
  margin-top: 20px;
  width: 80vw;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_SoundPackHeader_2hkzX {
  margin-top: 60px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ChatWheel_7VxeX
  .battlepasspage_SoundPackContainer_2MP5q
  .battlepasspage_SoundPackList_385tc {
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_TauntsHeight_7n6H3 {
  height: 1000px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_TauntsHeight_7n6H3 {
    height: 900px;
  }
}
@media (max-width: 796px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_TauntsHeight_7n6H3 {
    height: 1300px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_TauntsHeight_7n6H3 {
    height: 1200px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Taunts_3N6Ia {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntBackgroundContainer_3ZoFk {
  width: 1200px;
  height: 400px;
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk {
    width: 900px;
    height: 300px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk {
    width: 600px;
    height: 200px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk {
    width: 400px;
    height: 133px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk {
    width: 300px;
    height: 100px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntBackgroundContainer_3ZoFk
  .battlepasspage_TauntBackground_bY-oa {
  width: 400px;
  height: auto;
  position: absolute;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk
    .battlepasspage_TauntBackground_bY-oa {
    width: 300px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk
    .battlepasspage_TauntBackground_bY-oa {
    width: 200px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk
    .battlepasspage_TauntBackground_bY-oa {
    margin-top: 40px;
    width: 133px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_Taunts_3N6Ia
    .battlepasspage_TauntBackgroundContainer_3ZoFk
    .battlepasspage_TauntBackground_bY-oa {
    margin-top: 50px;
    width: 100px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntBackgroundContainer_3ZoFk
  .battlepasspage_TauntBackground1_1iqm9 {
  left: 0px;
  top: 0px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntBackgroundContainer_3ZoFk
  .battlepasspage_TauntBackground2_1KYd8 {
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntBackgroundContainer_3ZoFk
  .battlepasspage_TauntBackground3_3-B0L {
  right: 0px;
  top: -50px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntList_3AN3K {
  max-width: 1300px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 100px;
  position: relative;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntTable_2PfG4 {
  max-width: 1300px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Taunts_3N6Ia
  .battlepasspage_TauntTable_2PfG4
  .battlepasspage_TauntColumn_3WX19 {
  width: 350px;
  display: flex;
  flex-direction: column;
  margin: 0px 30px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourierHeight_Bg5T5 {
  height: 920px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourierHeight_Bg5T5 {
    height: 800px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourierHeight_Bg5T5 {
    height: 600px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_EvolvingCourier_38fEb {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  position: relative;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_CourierImageContainer_31DaS {
  width: 840px;
  height: 420px;
  margin: 0 auto;
  margin-top: 300px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS {
    width: 630px;
    height: 315px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS {
    margin-top: 270px;
    height: 175px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_CourierImageContainer_31DaS
  .battlepasspage_CourierVideo_3XiQ1 {
  width: 100%;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_CourierImageContainer_31DaS
  .battlepasspage_CourierOverlay1_1Wjvy {
  position: absolute;
  bottom: -220px;
  left: -160px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS
    .battlepasspage_CourierOverlay1_1Wjvy {
    transform: scale(0.8);
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS
    .battlepasspage_CourierOverlay1_1Wjvy {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_CourierImageContainer_31DaS
  .battlepasspage_CourierOverlay2_32TK3 {
  position: absolute;
  bottom: -110px;
  right: -280px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS
    .battlepasspage_CourierOverlay2_32TK3 {
    transform: scale(0.8);
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_CourierImageContainer_31DaS
    .battlepasspage_CourierOverlay2_32TK3 {
    visibility: hidden;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_Versions_2K0nt {
  margin-top: 10px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_Unlocks_2hG7y {
  margin-top: 30px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_Unlocks_2hG7y {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_Unlocks_2hG7y {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EvolvingCourier_38fEb
  .battlepasspage_UnlocksLevels_3DvC2 {
  margin-top: 10px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_UnlocksLevels_3DvC2 {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EvolvingCourier_38fEb
    .battlepasspage_UnlocksLevels_3DvC2 {
    font-size: 13px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AnnouncerPackHeight_1zZfl {
  height: 800px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AnnouncerPack_Bk3DG {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MusicPackHeight_2ydxt {
  height: 880px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_MusicPack_VlBL4 {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_MusicPack_VlBL4
  .battlepasspage_MusicPackOverlay1_VA3jm {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_EmblemEffectHeight_DKNOG {
  height: 1000px;
}
@media (max-width: 700px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EmblemEffectHeight_DKNOG {
    height: 950px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EmblemEffectHeight_DKNOG {
    height: 900px;
  }
}
@media (max-width: 500px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EmblemEffectHeight_DKNOG {
    height: 800px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_EmblemEffectHeight_DKNOG {
    height: 700px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_EmblemEffect_33C4P {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_EmblemEffect_33C4P
  .battlepasspage_EmblemEffectOverlay_3XV2Y {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 94%;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactorHeight_3MZk_ {
  height: 1000px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TrustOfTheBenefactorHeight_3MZk_ {
    height: 900px;
  }
}
@media (max-width: 500px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TrustOfTheBenefactorHeight_3MZk_ {
    height: 800px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_TrustOfTheBenefactorHeight_3MZk_ {
    height: 750px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactor_1ai8u {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactor_1ai8u
  .battlepasspage_TrustImage_1PTlW {
  margin: 0 auto;
  margin-top: 250px;
  max-width: 600px;
  width: 80vw;
  height: auto;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactor_1ai8u
  .battlepasspage_Receive_3_NS4 {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactor_1ai8u
  .battlepasspage_View_2bDCY {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: underline;
  cursor: pointer;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_TrustOfTheBenefactor_1ai8u
  .battlepasspage_View_2bDCY:hover {
  filter: brightness(1.2);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffectsHeight_1JMA2 {
  height: 1000px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SeasonalEffectsHeight_1JMA2 {
    height: 1110px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_SeasonalEffects_1Gk6a {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_SeasonalEffectsCarousel_1gy52 {
  margin: 0 auto;
  margin-top: 230px;
  width: 840px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SeasonalEffects_1Gk6a
    .battlepasspage_SeasonalEffectsCarousel_1gy52 {
    width: 100%;
    height: 450px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_SeasonalEffectsCarousel_1gy52
  .battlepasspage_SeasonalEffectVideo_1CZR1 {
  width: 100%;
  margin: 0 auto;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(-230px) translateX(-450px);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(-230px) translateX(450px) rotateZ(180deg);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_CarouselDots_WeMel {
  margin: 0 auto;
  margin-top: 30px;
  width: 90vw;
  max-width: 800px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_CarouselDots_WeMel
  .battlepasspage_CarouselDot_1z9F3 {
  padding: 4px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SeasonalEffects_1Gk6a
    .battlepasspage_SeasonalEffectName_yg27S {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SeasonalEffects_1Gk6a
    .battlepasspage_SeasonalEffectName_yg27S {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_SeasonalEffects_1Gk6a
    .battlepasspage_SeasonalEffectName_yg27S {
    font-size: 14px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .carousel__dot--selected
  .battlepasspage_SeasonalEffectDot_jlIuC {
  border-bottom: 2px solid #c79123;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_SeasonalEffectDot_jlIuC {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin-bottom: 10px;
  transform: scale(0.9);
  opacity: 1;
  transition: 0.2s;
  border-bottom: 2px solid #00000000;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_SeasonalEffectDot_jlIuC
  .battlepasspage_SeasonalEffectIcon_11_0w {
  width: 48px;
  height: 48px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_SeasonalEffects_1Gk6a
  .battlepasspage_SeasonalEffectDot_jlIuC
  .battlepasspage_TextStyleFootnote_2oDQw {
  margin: 4px 0 8px 0;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ExclusiveWardHeight_1lypX {
  height: 900px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ExclusiveWardHeight_1lypX {
    height: 120vw;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ExclusiveWardHeight_1lypX {
    height: 130vw;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_ExclusiveWardHeight_1lypX {
    height: 140vw;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_ExclusiveWard_bbkVh {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_ExclusiveWard_bbkVh
  .battlepasspage_WardImage_2Zo4e {
  margin: 0 auto;
  margin-top: 200px;
  max-width: 800px;
  width: 100%;
  height: auto;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_RiverVialsHeight_irxkG {
  height: 950px;
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_RiverVialsHeight_irxkG {
    height: 800px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_RiverVialsHeight_irxkG {
    height: 800px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_RiverVials_3bqCT {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_RiverVialsCarousel_2NY9A {
  margin: 0 auto;
  margin-top: 280px;
  width: 840px;
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassPage_1BKbo
    .battlepasspage_RiverVials_3bqCT
    .battlepasspage_RiverVialsCarousel_2NY9A {
    width: 100%;
    height: 450px;
  }
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_RiverVialsCarousel_2NY9A
  .battlepasspage_RiverVial_NPZRs {
  width: 100%;
  height: auto;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Left_LlBnS {
  transform: translateY(-220px) translateX(-450px);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: translateY(-220px) translateX(450px) rotateZ(180deg);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_RiverVialName_3Zka5 {
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselDots_WeMel {
  margin: 0 auto;
  max-width: 800px;
  width: 90vw;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselDots_WeMel
  .carousel__dot--selected
  .battlepasspage_RiverVialDot_3-tIV {
  border-bottom: 2px solid #c79123;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselDots_WeMel
  .battlepasspage_RiverVialDot_3-tIV {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  transition: 0.2s;
  border-bottom: 2px solid #00000000;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselDots_WeMel
  .battlepasspage_RiverVialDot_3-tIV
  .battlepasspage_RiverVialIcon_1NrgI {
  width: 54px;
  height: 54px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_RiverVials_3bqCT
  .battlepasspage_CarouselDots_WeMel
  .battlepasspage_RiverVialDot_3-tIV
  .battlepasspage_TextStyleFootnote_2oDQw {
  margin: 4px 0 8px 0;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_TributeHeight_2CHTv {
  height: 850px;
}
@media (max-width: 1133px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_TributeHeight_2CHTv {
    height: 900px;
  }
}
@media (max-width: 754px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_TributeHeight_2CHTv {
    height: 1000px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_Tribute_-AyOi {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Tribute_-AyOi
  .battlepasspage_TributeImage_1MPgY {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Tribute_-AyOi
  .battlepasspage_TributeRewards_2HDuC {
  margin: 0 auto;
  margin-top: 730px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 90vw;
  max-width: 1200px;
  position: relative;
  z-index: 1;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Tribute_-AyOi
  .battlepasspage_TributeRewards_2HDuC
  .battlepasspage_TributeReward_30sKP {
  width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_Tribute_-AyOi
  .battlepasspage_TributeRewards_2HDuC
  .battlepasspage_TributeReward_30sKP
  .battlepasspage_TributeRewardLevel_2ivRb {
  padding: 8px 0px;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #f8e8b9;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AegisRoshanHeight_3AcAH {
  height: 900px;
}
@media (max-width: 976px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_AegisRoshanHeight_3AcAH {
    height: 1450px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_AegisRoshanHeight_3AcAH {
    height: 1550px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassPage_1BKbo .battlepasspage_AegisRoshanHeight_3AcAH {
    height: 1550px;
  }
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_AegisRoshan_gIQCf {
  width: 100%;
  height: 100%;
  padding-top: 1px;
  margin-top: -1px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 150px;
  z-index: 3;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_
  .battlepasspage_Reward_3nhbb {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_
  .battlepasspage_Reward_3nhbb
  .battlepasspage_RewardImage1_2PaoB {
  width: 480px;
  height: 460px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_
  .battlepasspage_Reward_3nhbb
  .battlepasspage_RewardImage2_1-8wW {
  width: 480px;
  height: 460px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_
  .battlepasspage_Reward_3nhbb
  .battlepasspage_RewardName_1pInZ {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Rewards_1uLj_
  .battlepasspage_Reward_3nhbb
  .battlepasspage_RewardLevel_3oNjE {
  padding: 10px 40px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Radiance-Bold', sans-serif;
  background-image: linear-gradient(to right, #dbeffb, #4db1ea, #dbeffb);
  margin-bottom: 12px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Description_2KZG3 {
  width: 90vw;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_AegisRoshan_gIQCf
  .battlepasspage_Footnote_2uLFQ {
  margin-top: 90px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_BuyBattlePassHeight_3M_IA {
  height: 800px;
}
.battlepasspage_BattlepassPage_1BKbo .battlepasspage_BuyBattlePass_2l5CD {
  width: 100%;
  height: 100%;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_BuyBattlePass_2l5CD
  .battlepasspage_PurchaseOptions_Wyxei {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 350px;
  margin-bottom: 70px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_BuyBattlePass_2l5CD
  .battlepasspage_PurchaseOptions_Wyxei
  .battlepasspage_PurchaseOption_17QRY {
  width: 400px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #bee2f8;
  border: 2px solid #4db1ea;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_BuyBattlePass_2l5CD
  .battlepasspage_PurchaseOptions_Wyxei
  .battlepasspage_PurchaseOption_17QRY
  .battlepasspage_BuyOptionText_2qgzf {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 100px;
  margin-bottom: 250px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_BuyBattlePass_2l5CD
  .battlepasspage_PurchaseOptions_Wyxei
  .battlepasspage_PurchaseOption_17QRY
  .battlepasspage_BuyOptionButton_2PiHB {
  padding: 20px 40px;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #a7d8f5;
  border: 2px solid #4db1ea;
  margin: 10px 20px;
}
.battlepasspage_BattlepassPage_1BKbo
  .battlepasspage_BuyBattlePass_2l5CD
  .battlepasspage_Description_2KZG3 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: underline;
  cursor: pointer;
}
.battlepasspage_CarouselArrow_2wqDO {
  width: 25px;
  height: 25px;
  padding: 0px;
  margin: 0px 4px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}
.battlepasspage_CarouselArrow_2wqDO:disabled {
  opacity: 0;
}
.battlepasspage_CarouselArrow_2wqDO.battlepasspage_Right_m2Ik6 {
  transform: rotateZ(180deg);
}
.battlepasspage_CarouselArrow_2wqDO .battlepasspage_ArrowImage_1Lo1i {
  width: 100%;
  height: 100%;
  transition: 0.1s;
}
.battlepasspage_CarouselArrow_2wqDO .battlepasspage_ArrowImage_1Lo1i:hover {
  filter: brightness(1.2);
  transform: translateX(-3px);
}
.battlepasspage_CarouselDots_WeMel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.battlepasspage_CarouselDots_WeMel * {
  background-color: transparent;
  border: 0px;
}
.battlepasspage_CarouselDots_WeMel .battlepasspage_Dot_C8PM6 {
  background-color: #4f3612;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  margin-right: 4px;
  border: none;
  padding: 0;
  transition: 0.2s;
}
.battlepasspage_CarouselDots_WeMel
  .battlepasspage_Dot_C8PM6.carousel__dot--selected {
  background-color: #c79123;
}
.battlepasspage_PlayButton__4SGx {
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 50%;
  background: linear-gradient(180deg, #c79123 0%, #936725 100%);
  box-shadow: 0px 0px 4px rgba(79, 54, 18, 0.3), inset 0px 1px 1px #ecd393;
  transition: 0.1s;
  cursor: pointer;
}
.battlepasspage_PlayButton__4SGx:hover {
  filter: brightness(1.2);
}
.battlepasspage_PlayButton__4SGx .battlepasspage_Arrow_O2Ejo {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-40%) translateY(-50%);
}
.battlepasspage_SeasonalSoundPack_2nCZ_ {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.battlepasspage_SeasonalSoundPack_2nCZ_ .battlepasspage_Name_4_7Rp {
  margin-top: 15px;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1 {
  width: 300px;
  height: 250px;
  padding-bottom: 24px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1 .battlepasspage_CapsuleTitle_3XV0l {
  width: 300px;
  height: 90px;
  margin-top: 0px;
  margin-bottom: -10px;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1
  .battlepasspage_CapsuleLevelBundle_1czQI {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0px 0px 4px #000;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1
  .battlepasspage_CapsuleDiscount_3gyZf {
  margin-top: 32px;
  height: 18px;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1
  .battlepasspage_CapsulePurchaseButton_3_1gl {
  padding: 18px 40px;
  border-radius: 3px;
  margin-top: 12px;
  transition: 0.1s;
  cursor: pointer;
}
.battlepasspage_BuyBattlePassCapsule_2iwm1
  .battlepasspage_CapsulePurchaseButton_3_1gl:hover {
  filter: brightness(1.2);
  transform: scale(1.04);
}
.battlepasspage_MajorHeaderDivider_2zgPo {
  width: 100%;
  height: 13.3vw;
  max-height: 213px;
  background-size: contain;
  background-repeat: repeat-x;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -3px;
  z-index: 1;
}
.battlepasspage_MajorHeaderDivider_2zgPo
  .battlepasspage_TextStyleSectionHeading_2NQLK {
  font-size: 60px;
  text-align: center;
  width: 80vw;
}
@media (max-width: 1600px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_TextStyleSectionHeading_2NQLK {
    font-size: 36px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_TextStyleSectionHeading_2NQLK {
    font-size: 32px;
    width: 70vw;
  }
}
@media (max-width: 900px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_TextStyleSectionHeading_2NQLK {
    font-size: 32px;
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_TextStyleSectionHeading_2NQLK {
    font-size: 26px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_TextStyleSectionHeading_2NQLK {
    font-size: 18px;
  }
}
.battlepasspage_MajorHeaderDivider_2zgPo .battlepasspage_StoneCap_vfxA2 {
  position: absolute;
  max-height: 352px;
  max-width: 704px;
}
.battlepasspage_MajorHeaderDivider_2zgPo
  .battlepasspage_StoneCap_vfxA2.battlepasspage_Left_LlBnS {
  top: -4.5vw;
  left: -22vw;
}
@media (min-width: 1600px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_StoneCap_vfxA2.battlepasspage_Left_LlBnS {
    top: -60px;
    left: 0;
  }
}
.battlepasspage_MajorHeaderDivider_2zgPo
  .battlepasspage_StoneCap_vfxA2.battlepasspage_Right_m2Ik6 {
  top: -4.5vw;
  right: -22vw;
}
@media (min-width: 1600px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_StoneCap_vfxA2.battlepasspage_Right_m2Ik6 {
    top: -60px;
    right: 0;
  }
}
@media (max-width: 900px) {
  .battlepasspage_MajorHeaderDivider_2zgPo .battlepasspage_StoneCap_vfxA2 {
    visibility: collapse;
  }
}
.battlepasspage_MajorHeaderDivider_2zgPo
  .battlepasspage_MajorHeaderSubtitle_2esLC {
  margin-top: 0.6vw;
  width: 50vw;
  text-align: center;
}
@media (max-width: 1600px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_MajorHeaderSubtitle_2esLC {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_MajorHeaderSubtitle_2esLC {
    font-size: 12px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_MajorHeaderDivider_2zgPo
    .battlepasspage_MajorHeaderSubtitle_2esLC {
    height: 0px;
    visibility: collapse;
  }
}
.battlepasspage_BPLevelContainer_1W2-G {
  display: flex;
  flex-direction: row;
}
.battlepasspage_BPLevelContainer_1W2-G .battlepasspage_BPShieldSmall_1BrOp {
  width: 18px;
  height: 20px;
  margin-right: 4px;
}
.battlepasspage_Taunt_1J0IW {
  width: 350px;
  height: 60px;
  display: flex;
  flex-direction: row;
  margin: 4px 20px;
}
.battlepasspage_Taunt_1J0IW .battlepasspage_HeroIcon_2zmPA {
  width: 32px;
  height: 32px;
  margin-top: 4px;
  margin-right: 10px;
}
.battlepasspage_Taunt_1J0IW .battlepasspage_Details_3Djxs {
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.battlepasspage_Taunt_1J0IW
  .battlepasspage_Details_3Djxs
  .battlepasspage_Name_4_7Rp {
  width: 100%;
  text-align: left;
  margin-left: 2px;
  margin-bottom: 4px;
}
@media (max-width: 375px) {
  .battlepasspage_Taunt_1J0IW
    .battlepasspage_Details_3Djxs
    .battlepasspage_Name_4_7Rp {
    font-size: 15px;
  }
}
.battlepasspage_BattlepassSegment_11b7_ {
  width: 100%;
  text-align: center;
  font-size: 20px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #5f4318;
  border-image: linear-gradient(
    269.92deg,
    #4f361280 0%,
    #93672580 47.92%,
    #4f361280 100%
  );
  border-image-slice: 1;
}
.battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Text_3AHnD {
  position: absolute;
  z-index: 1;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Left_LlBnS {
  left: 10vw;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Left_LlBnS
  .battlepasspage_HeaderPrefix_1qc-E,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Left_LlBnS
  .battlepasspage_Header_3j71v,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Left_LlBnS
  .battlepasspage_Body_1rQ7N {
  text-align: left;
  width: 50vw;
  max-width: 700px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Left_LlBnS
  .battlepasspage_Body_1rQ7N {
  padding-right: 100px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9 {
  margin: 0 auto;
  left: 0;
  right: 0;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
  .battlepasspage_HeaderPrefix_1qc-E,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
  .battlepasspage_Header_3j71v,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
  .battlepasspage_Body_1rQ7N {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 70vw;
  max-width: 700px;
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
    .battlepasspage_HeaderPrefix_1qc-E,
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
    .battlepasspage_Header_3j71v,
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
    .battlepasspage_Body_1rQ7N {
    width: 90vw;
  }
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Center_2vSv9
  .battlepasspage_Header_3j71v {
  max-width: 1300px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Right_m2Ik6 {
  right: 200px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Right_m2Ik6
  .battlepasspage_HeaderPrefix_1qc-E,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Right_m2Ik6
  .battlepasspage_Header_3j71v,
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Right_m2Ik6
  .battlepasspage_Body_1rQ7N {
  text-align: right;
  width: 50vw;
  max-width: 700px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Right_m2Ik6
  .battlepasspage_Body_1rQ7N {
  padding-left: 100px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Top_rzPt3 {
  top: 60px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Middle_11Tii {
  top: 50%;
  transform: translateY(-50%);
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Bottom_1alli {
  bottom: 60px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD.battlepasspage_Bottom_1alli.battlepasspage_NeverTradeable_21haX {
  bottom: 100px;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD
  .battlepasspage_HeaderPrefix_1qc-E {
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_HeaderPrefix_1qc-E {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_HeaderPrefix_1qc-E {
    font-size: 15px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_HeaderPrefix_1qc-E {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_HeaderPrefix_1qc-E {
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_HeaderPrefix_1qc-E {
    font-size: 12px;
  }
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Header_3j71v {
    font-size: 42px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Header_3j71v {
    font-size: 38px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Header_3j71v {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Header_3j71v {
    font-size: 32px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Header_3j71v {
    font-size: 28px;
  }
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD
  .battlepasspage_Body_1rQ7N {
  margin: 0 auto;
  margin-top: 20px;
  max-width: 800px;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Body_1rQ7N {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Body_1rQ7N {
    font-size: 15px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Body_1rQ7N {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Body_1rQ7N {
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_Text_3AHnD
    .battlepasspage_Body_1rQ7N {
    font-size: 12px;
  }
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_Text_3AHnD
  .battlepasspage_PostBody_1-5Wy {
  margin-top: 10px;
}
.battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
  margin: 0 auto;
  margin-bottom: 40px;
  width: 80vw;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
    font-size: 11px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
    font-size: 9px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Footer_1t__G {
    font-size: 9px;
  }
}
.battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
  box-shadow: 3px 3px 8px #000, inset 0px 0px 4px #48495c;
  position: absolute;
  top: 40px;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0px;
  padding-right: 40px;
  padding-left: 0px;
  color: #ecb681;
  background-image: linear-gradient(to right, black 50%, rgba(0, 0, 0, 0));
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V
  .battlepasspage_LevelText_2wOG3 {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelText_2wOG3 {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelText_2wOG3 {
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelText_2wOG3 {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelText_2wOG3 {
    font-size: 12px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelText_2wOG3 {
    font-size: 10px;
  }
}
@media (max-width: 1600px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
    top: 34px;
    padding-right: 34px;
  }
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
    top: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 28px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
    top: 26px;
    padding: 5px 10px;
  }
}
@media (max-width: 600px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
    top: 23px;
    padding: 4px 10px;
  }
}
@media (max-width: 375px) {
  .battlepasspage_BattlepassSegment_11b7_ .battlepasspage_LevelReward_3D55V {
    top: 20px;
    padding: 3px 10px;
  }
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Bronze_1Syaf {
  color: #c79123;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Silver_E6Hk- {
  color: #bbb8bb;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Silver_E6Hk-
  .battlepasspage_LevelShield_3J-0H {
  filter: grayscale(100%);
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Gold_3I3jX {
  color: #ecd393;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Gold_3I3jX
  .battlepasspage_LevelShield_3J-0H {
  filter: brightness(1.2);
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Platium_3s9gk {
  color: #73a2e5;
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V.battlepasspage_Platium_3s9gk
  .battlepasspage_LevelShield_3J-0H {
  filter: hue-rotate(180deg);
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V
  .battlepasspage_StoneLeft_2zrgE {
  height: 40px;
  transform: scale(2.2);
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_StoneLeft_2zrgE {
    display: none;
  }
}
.battlepasspage_BattlepassSegment_11b7_
  .battlepasspage_LevelReward_3D55V
  .battlepasspage_LevelShield_3J-0H {
  margin-right: 8px;
  margin-left: 30px;
}
@media (max-width: 1200px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelShield_3J-0H {
    margin-left: 10px;
  }
}
@media (max-width: 900px) {
  .battlepasspage_BattlepassSegment_11b7_
    .battlepasspage_LevelReward_3D55V
    .battlepasspage_LevelShield_3J-0H {
    display: none;
  }
}
.battlepasspage_BattlepassSegment_11b7_ .battlepasspage_Content_3ft7I {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.battlepasspage_SoundPack_-w71G {
  width: 350px;
  height: 75px;
  display: flex;
  flex-direction: row;
}
.battlepasspage_SoundPack_-w71G .battlepasspage_Play_v44v0 {
  margin: auto 0;
  transform: scale(0.7);
}
.battlepasspage_SoundPack_-w71G .battlepasspage_RightSection_1OS7R {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px;
}
.battlepasspage_SoundPack_-w71G
  .battlepasspage_RightSection_1OS7R
  .battlepasspage_Name_4_7Rp {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 4px;
  text-align: left;
}
.battlepasspage_BenefactorPopup_VEgsB {
  position: relative;
  width: 80vw;
  max-width: 1000px;
  background-color: #000;
  border-radius: 4px;
  padding: 40px;
  border: 1px solid #4f3612;
  box-shadow: 0px 0px 20px #000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.battlepasspage_BenefactorPopup_VEgsB .battlepasspage_BenefactorTitle_1bolt {
  text-align: center;
  margin-bottom: 8px;
}
.battlepasspage_BenefactorPopup_VEgsB .battlepasspage_BenefactorSubTitle_1uzky {
  text-align: center;
  margin-bottom: 30px;
}
.battlepasspage_BenefactorPopup_VEgsB .battlepasspage_Entries_xVO68 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.battlepasspage_BenefactorPopup_VEgsB
  .battlepasspage_Entries_xVO68
  .battlepasspage_Entry_2RMRk {
  font-size: 15px;
  width: 300px;
  padding: 0px 8px;
  color: #777;
}
@media (max-width: 375px) {
  .battlepasspage_BenefactorPopup_VEgsB
    .battlepasspage_Entries_xVO68
    .battlepasspage_Entry_2RMRk {
    font-size: 10px;
    padding: 0px 8px;
    text-align: center;
  }
}
.battlepasspage_PopupPanelContainer_2spe5 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  z-index: 2;
}
.battlepasspage_PopupPanelContainer_2spe5 .battlepasspage_PopupPanel_3zfuH {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.battlepasspage_PopupPanelContainer_2spe5.battlepasspage_ShowPopupPanel_3Fipc {
  opacity: 1;
  pointer-events: auto;
}
.battlepasspage_PopupPanelContainer_2spe5 .battlepasspage_CloseButton_5HOiG {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  filter: brightness(0.6);
  transition: 0.2s;
}
.battlepasspage_PopupPanelContainer_2spe5
  .battlepasspage_CloseButton_5HOiG
  img {
  width: 100%;
  height: 100%;
}
.battlepasspage_PopupPanelContainer_2spe5
  .battlepasspage_CloseButton_5HOiG:hover {
  filter: brightness(1);
  transform: scale(1.04);
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.oldheader_Tooltip_1sq8O {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.oldheader_CarouselFade_yL5Rh {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.oldheader_StandardButton_2TkOU {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.oldheader_StandardButton_2TkOU:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.oldheader_StandardButton_2TkOU .oldheader_ButtonText_36RGR {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.oldheader_StandardButton_2TkOU .oldheader_SteamLogo_3idbq {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.oldheader_ToolTip_2BY7t {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.oldheader_OldHeader_3bvNs {
  width: 100%;
  height: 64px;
  background-color: #18191a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs {
    justify-content: space-between;
    border-bottom: 1px solid #444;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_Logo_2_Q4F {
  width: 167px;
  height: 33px;
  margin-left: 50px;
}
.oldheader_OldHeader_3bvNs .oldheader_Logo_2_Q4F:hover {
  filter: brightness(1.3);
}
@media (max-width: 375px) {
  .oldheader_OldHeader_3bvNs .oldheader_Logo_2_Q4F {
    margin-left: 30px;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_BackToDota_2tn7S {
  display: none;
  margin: auto 0px;
  margin-right: 50px;
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs .oldheader_BackToDota_2tn7S {
    display: block;
  }
}
@media (max-width: 375px) {
  .oldheader_OldHeader_3bvNs .oldheader_BackToDota_2tn7S {
    font-size: 10px;
    margin-right: 30px;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_HeaderLink_1atky {
  margin: auto 0px;
}
.oldheader_OldHeader_3bvNs .oldheader_VerticalBar_2qn7H {
  width: 1px;
  height: 20px;
  border-left: 2px solid #4f4c49;
  margin: auto 30px;
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs .oldheader_VerticalBar_2qn7H {
    display: none;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_Spacer_bbuhP {
  width: 80px;
}
.oldheader_OldHeader_3bvNs .oldheader_SectionHeader_3gYeK {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #cecece;
  margin: auto 0px;
  font-family: 'Radiance', sans-serif;
}
.oldheader_OldHeader_3bvNs .oldheader_SectionHeader_3gYeK:hover {
  filter: brightness(1.3);
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs .oldheader_SectionHeader_3gYeK {
    display: none;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_HeropediaSection_3qN66 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  cursor: pointer;
}
.oldheader_OldHeader_3bvNs
  .oldheader_HeropediaSection_3qN66
  .oldheader_DownArrow_1of2e {
  width: 10px;
  height: 6px;
  margin: auto 0px;
  margin-left: 8px;
  filter: brightness(0.7);
}
.oldheader_OldHeader_3bvNs .oldheader_HeropediaSection_3qN66:hover {
  filter: brightness(1.3);
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs .oldheader_HeropediaSection_3qN66 {
    display: none;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto 0px;
  z-index: 9999;
}
.oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx a,
.oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx > * {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: auto 0px;
  color: #626263;
  cursor: pointer;
}
.oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx a:hover,
.oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx > *:hover {
  filter: brightness(1.3);
}
.oldheader_OldHeader_3bvNs
  .oldheader_LoginAndLanguage_1odbx
  .oldheader_VerticalBar_2qn7H {
  width: 1px;
  height: 16px;
  border-left: 1px solid #706c68;
  margin: auto 10px;
}
.oldheader_OldHeader_3bvNs
  .oldheader_LoginAndLanguage_1odbx
  .oldheader_DownArrow_1of2e {
  width: 8px;
  height: 5px;
  margin: auto 0px;
  margin-left: 5px;
  filter: brightness(0.5);
}
@media (max-width: 900px) {
  .oldheader_OldHeader_3bvNs .oldheader_LoginAndLanguage_1odbx {
    display: none;
  }
}
.oldheader_OldHeader_3bvNs .oldheader_PlayForFree_2XIEo {
  width: 200px;
  height: 38px;
  margin: auto 0px;
  margin-left: 20px;
  padding-top: 8px;
  background-color: #111c26;
  border: 1px solid #336391;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  font-size: 15px;
  color: #4585c3;
  text-shadow: 2px 2px 5px #000;
  transition: 0.3s;
}
.oldheader_OldHeader_3bvNs .oldheader_PlayForFree_2XIEo:hover {
  background-color: #263f56;
  color: #5595d3;
  border: 1px solid #3a73a3;
}
@media (max-width: 1140px) {
  .oldheader_OldHeader_3bvNs .oldheader_PlayForFree_2XIEo {
    display: none;
  }
}
.oldheader_LanguageSelector_33q5_ {
  cursor: pointer;
}
.oldheader_LanguageSelector_33q5_ .oldheader_LanguageList_1iV6t {
  z-index: 9999;
  padding: 12px 0px;
  border: 1px solid #888;
  background-color: #222;
  width: 310px;
  display: none;
  flex-direction: column;
  position: absolute;
  transition-duration: 0.3s;
  text-align: left;
}
.oldheader_LanguageSelector_33q5_
  .oldheader_LanguageList_1iV6t.oldheader_ShowLanguages_2m5pD {
  display: flex;
}
.oldheader_LanguageSelector_33q5_
  .oldheader_LanguageList_1iV6t
  .oldheader_LanguageOption_38kBZ {
  font-family: 'Radiance', sans-serif;
  color: #777;
  text-decoration: none;
  font-size: 10px;
  line-height: 18px;
  padding: 0px 12px;
  transition-duration: 0.3s;
}
.oldheader_LanguageSelector_33q5_
  .oldheader_LanguageList_1iV6t
  .oldheader_LanguageOption_38kBZ:hover {
  color: #000;
  background-color: #999;
}
.oldheader_HeropediaSelector_3J-AJ {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #cecece;
  margin: auto 0px;
  font-family: 'Radiance', sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 900px) {
  .oldheader_HeropediaSelector_3J-AJ {
    display: none;
  }
}
.oldheader_HeropediaSelector_3J-AJ .oldheader_DownArrow_1of2e {
  width: 10px;
  height: 6px;
  margin: auto 0px;
  margin-left: 8px;
  filter: brightness(0.7);
}
.oldheader_HeropediaSelector_3J-AJ .oldheader_OptionList_2nnCM {
  z-index: 9999;
  padding: 8px 0px;
  border: 1px solid #888;
  background-color: #161616;
  text-transform: none;
  margin-top: 18px;
  margin-left: 180px;
  width: 310px;
  display: none;
  flex-direction: column;
  position: absolute;
  transition-duration: 0.3s;
  text-align: left;
}
.oldheader_HeropediaSelector_3J-AJ
  .oldheader_OptionList_2nnCM.oldheader_ShowOptions_2k2XZ {
  display: flex;
}
.oldheader_HeropediaSelector_3J-AJ
  .oldheader_OptionList_2nnCM
  .oldheader_Option_22pa4 {
  font-family: 'Radiance', sans-serif;
  color: #999;
  text-decoration: none;
  letter-spacing: 0px;
  font-size: 13px;
  line-height: 18px;
  padding: 3px 8px;
  transition-duration: 0.3s;
}
.oldheader_HeropediaSelector_3J-AJ
  .oldheader_OptionList_2nnCM
  .oldheader_Option_22pa4:hover {
  color: #fff;
  background-color: #777;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.rootfooter_Tooltip_69gvz {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rootfooter_CarouselFade_1PUyd {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.rootfooter_StandardButton_3oalD {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.rootfooter_StandardButton_3oalD:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.rootfooter_StandardButton_3oalD .rootfooter_ButtonText_36TBd {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.rootfooter_StandardButton_3oalD .rootfooter_SteamLogo_1fUV9 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.rootfooter_ToolTip_20d3q {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.rootfooter_RootFooter_H4Gkw {
  text-align: center;
  width: 100%;
  z-index: 5;
  padding: 30px 100px;
  background-color: #000;
}
@media only screen and (max-width: 900px) {
  .rootfooter_RootFooter_H4Gkw {
    width: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .rootfooter_RootFooter_H4Gkw {
    width: 375px;
  }
}
.rootfooter_RootFooter_H4Gkw .rootfooter_Logos_3rH3- {
  width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 600px) {
  .rootfooter_RootFooter_H4Gkw .rootfooter_Logos_3rH3- {
    width: 375px;
  }
}
@media only screen and (max-width: 375px) {
  .rootfooter_RootFooter_H4Gkw .rootfooter_Logos_3rH3- {
    width: 375px;
    flex-direction: column;
    align-items: center;
  }
}
.rootfooter_RootFooter_H4Gkw
  .rootfooter_Logos_3rH3-
  .rootfooter_FooterLogo_2XaNu {
  margin: 0px 15px 20px 15px;
  max-height: 30px;
}
.rootfooter_RootFooter_H4Gkw .rootfooter_Legal_3kpHd {
  text-align: center;
  font-size: 14px;
  color: #777;
  padding: 0 20px;
  width: 500px;
  margin: 0 auto;
}
.fade_FadeContainer_1JDI3 {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.fade_FadeContainer_1JDI3.fade_Top_3x_ct {
  left: 0px;
  top: 0px;
  right: 0px;
}
.fade_FadeContainer_1JDI3.fade_Bottom_1NXAh {
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.fade_FadeContainer_1JDI3.fade_Left_2Ubxh {
  top: 0px;
  left: 0px;
  bottom: 0px;
}
.fade_FadeContainer_1JDI3.fade_Right_28o6N {
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.fade_FadeContainer_1JDI3 .fade_Fade_1keus {
  position: absolute;
  width: 100%;
  height: 100%;
}
.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 0.3s, transform 0.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;
}
[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 0.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;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.blogentrypage_Tooltip__QaYP {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blogentrypage_CarouselFade_5eGBM {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.blogentrypage_StandardButton_axn8m {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.blogentrypage_StandardButton_axn8m:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.blogentrypage_StandardButton_axn8m .blogentrypage_ButtonText_2kUH4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.blogentrypage_StandardButton_axn8m .blogentrypage_SteamLogo_-z4m9 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.blogentrypage_ToolTip_26Ws8 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.blogentrypage_BlogEntryPage_3PVZq {
  width: 100%;
  color: #fff;
  background-image: url('https://www.dota2.com.cn/springcleaning/imgs/bg_repeater.jpg');
  background-color: #15171b;
  position: relative;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_CommunityLink_-1Ftw {
  position: absolute;
  top: 100px;
  left: 20px;
  padding: 5px 20px;
  background-color: #2a2e36;
  border: 1px solid #565e6e;
  color: #fff;
  z-index: 10000;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_CommunityLink_-1Ftw:hover {
  filter: brightness(1.2);
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_TitleContainer_24V3X {
  width: 100%;
  height: 500px;
  z-index: 5;
  position: relative;
  margin-bottom: -275px;
  -webkit-mask-image: linear-gradient(to top, transparent 25%, black 100%);
  mask-image: linear-gradient(to top, transparent 25%, black 100%);
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_TitleContainer_24V3X
  .blogentrypage_TitleBackground_2Jkng {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/blog/default_header.jpg'); */
  background-size: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}
@keyframes blogentrypage_loading-in_14IUI {
  0% {
    opacity: 0;
    transform: translateY(300px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes blogentrypage_loading-in_14IUI {
  0% {
    opacity: 0;
    transform: translateY(300px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_BackToOverview_3yBA_ {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
  text-shadow: 0px 0px 4px #000;
  z-index: 200;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_BackToOverview_3yBA_:hover {
  filter: brightness(2);
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_BackToOverview_3yBA_
  .blogentrypage_BackArrow_mC3pI {
  width: 20px;
  height: 20px;
  filter: opacity(0.8);
  margin-top: 1px;
  margin-right: 8px;
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_BackToOverview_3yBA_:hover
  .blogentrypage_BackArrow_mC3pI {
  filter: brightness(2);
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Title_2HW6u {
  padding: 0px 18vw;
  position: relative;
  font-size: 60px;
  line-height: 115%;
  text-align: center;
  font-family: 'Reaver', serif;
  font-weight: 700;
  z-index: 10;
  text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
  margin-bottom: 20px;
  margin-top: 20px;
  animation-name: blogentrypage_loading-in_14IUI;
  animation-duration: 1.5s;
}
@media (max-width: 600px) {
  .blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Title_2HW6u {
    font-size: 36px;
  }
}
@media (max-width: 375px) {
  .blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Title_2HW6u {
    font-size: 30px;
  }
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Date_2JNhX {
  font-size: 20px;
  color: #999;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 50px;
  animation-name: blogentrypage_loading-in_14IUI;
  animation-duration: 1.5s;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv {
  padding: 0px 50px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  white-space: pre-wrap;
  font-size: 22px;
  line-height: 150%;
  font-family: 'Radiance', sans-serif;
  font-weight: lighter;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  animation-name: blogentrypage_loading-in_14IUI;
  animation-duration: 1.5s;
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_Body_30GVv
  .blogentrypage_Body_30GVv::first-line {
  color: red;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv span {
  color: #fff;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv iframe,
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv img {
  width: 100%;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv a {
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  border-bottom: 2px solid #999;
  transition-duration: 0.2s;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv a:visited {
  color: #fff;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv a:hover {
  color: #ff6046;
  border-bottom: 2px solid #ff6046;
}
.blogentrypage_BlogEntryPage_3PVZq .blogentrypage_LatestNews_2j9no {
  width: 100%;
  padding: 100px 14vw;
  margin: auto;
}
@media (max-width: 1200px) {
  .blogentrypage_BlogEntryPage_3PVZq .blogentrypage_LatestNews_2j9no {
    padding: 100px 0vw;
  }
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_LatestNews_2j9no
  .blogentrypage_LatestNewsHeader_rLc6u {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
}
.blogentrypage_BlogEntryPage_3PVZq
  .blogentrypage_LatestNews_2j9no
  .blogentrypage_LatestNewsContainer_3_5ne {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.blogentrypage_BlogEntryPage_3PVZq h2 {
  font-size: 25px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.microheader_Tooltip_3YhxF {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.microheader_CarouselFade_3h_Bh {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.microheader_StandardButton_3mkXB {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.microheader_StandardButton_3mkXB:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.microheader_StandardButton_3mkXB .microheader_ButtonText_jIe9r {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.microheader_StandardButton_3mkXB .microheader_SteamLogo_3qSrv {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.microheader_ToolTip_3cFBj {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.microheader_MicroHeader_U7wdC {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 0px 30px;
  background-color: #000;
  position: relative;
}
.microheader_MicroHeader_U7wdC.microheader_Overlapping_2RDnz {
  top: 0;
  position: absolute;
  z-index: 9999;
  background-color: transparent;
}
.microheader_MicroHeader_U7wdC .microheader_HeaderContents_RsnZk {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_DotaLogo_ZFf5S {
  width: 200px;
  min-width: 200px;
  height: 50px;
  min-height: 50px;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/global/dota2_logo_horiz.png'); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.8;
  margin-right: 40px;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_DotaLogo_ZFf5S:hover {
  opacity: 1;
  cursor: pointer;
}
@media (max-width: 1300px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_DotaLogo_ZFf5S {
    /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/global/dota2_logo_symbol.png'); */
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }
}
@media (max-width: 900px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_DotaLogo_ZFf5S {
    display: none;
  }
}
@media (max-width: 700px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_DotaLogo_ZFf5S {
    display: block;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_NavItems_3WYkc {
    justify-content: center;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp {
  font-size: 18px;
  font-family: 'Reaver', serif;
  font-weight: 600;
  letter-spacing: 3px;
  opacity: 0.8;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 0px;
  margin: 0px 20px;
  text-transform: uppercase;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
@media (max-width: 700px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_NavItems_3WYkc
    .microheader_NavLink_15Uwp {
    display: none;
  }
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_NavItems_3WYkc
    .microheader_NavLink_15Uwp.microheader_Active_3ulNR {
    display: flex;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp.microheader_GameDropdown_2cfJE {
  border: 2px solid transparent;
  transition-duration: 0.2s;
  padding: 12px 20px;
  margin: 0px;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp.microheader_GameDropdown_2cfJE.microheader_Active_3ulNR {
  padding: 12px 20px;
  margin: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgba(244, 244, 244, 0.2);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.6);
  transition-duration: 0.2s;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp.microheader_Active_3ulNR {
  border-bottom: 3px solid #ff6046;
  opacity: 1;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp:hover {
  opacity: 1;
  cursor: pointer;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp.microheader_StoreLink_VEHD2 {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp
  .microheader_DownArrow_1VjIj {
  width: 10px;
  height: 6px;
  opacity: 0.9;
  margin-left: 5px;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_NavLink_15Uwp
  .microheader_UpRightArrow_RsneX {
  width: 24px;
  height: 24px;
  margin: 0px 4px;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/arrow_left.png'); */
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(135deg);
  filter: brightness(0.7);
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_GameDropdownContents_18ww9 {
  position: absolute;
  top: 64px;
  left: 0;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 5px;
  background-color: rgba(244, 244, 244, 0.2);
  backdrop-filter: blur(10px);
  opacity: 1;
  z-index: 10000;
  min-height: 0;
  display: flex;
  flex-direction: column;
  transition-duration: 0.2s;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_GameDropdownContents_18ww9.microheader_Hidden_3P4BK {
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.2s;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_GameDropdownContents_18ww9
  a {
  font-size: 14px;
  letter-spacing: 2px;
  margin-top: 5px;
  opacity: 0.8;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  transition-duration: 0.2s;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_NavItems_3WYkc
  .microheader_GameDropdownContents_18ww9
  a:hover {
  opacity: 1;
  cursor: pointer;
  transition-duration: 0.2s;
  transform: translateX(5px);
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 700px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_OptionsSide_11feq {
    display: none;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Login_1RIIB {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff90;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Login_1RIIB:hover {
  color: #fff;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Login_1RIIB.microheader_Hidden_3P4BK {
  display: none;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Account_lcq6h {
  font-size: 18px;
  margin-bottom: 4px;
  color: #fff;
  display: flex;
  flex-direction: row;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Account_lcq6h.microheader_Hidden_3P4BK {
  display: none;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Account_lcq6h
  .microheader_Logout_rirOy {
  margin-left: 4px;
  color: #999;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_AccountLanguage_22B7Z
  .microheader_Account_lcq6h
  .microheader_Logout_rirOy:hover {
  color: #ccc;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_OptionsSide_11feq
  .microheader_PlayForFree_3viea
  .microheader_StandardButton_3mkXB {
  margin: 10px 0px 10px 20px;
}
@media (max-width: 1200px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_OptionsSide_11feq
    .microheader_PlayForFree_3viea {
    display: none;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_MobileHamburger_MM-C2 {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 10px 0px 10px 10px;
  margin-left: 40px;
  opacity: 0.8;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
@media (max-width: 700px) {
  .microheader_MicroHeader_U7wdC
    .microheader_HeaderContents_RsnZk
    .microheader_MobileHamburger_MM-C2 {
    display: flex;
  }
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_MobileHamburger_MM-C2:hover {
  opacity: 1;
}
.microheader_MicroHeader_U7wdC
  .microheader_HeaderContents_RsnZk
  .microheader_MobileHamburger_MM-C2
  .microheader_HamburgerSlice_vkYBh {
  width: 100%;
  height: 5px;
  background-color: #fff;
  border-radius: 2px;
}
.microheader_MicroHeader_U7wdC .microheader_MobilePopup_27Q74 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: #0f0f0f;
  display: none;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-timing-function: ease-in;
  transition-duration: 0.1s;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74.microheader_Show_hLuNN {
  opacity: 1;
  pointer-events: unset;
  display: flex;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_Header_2H33B {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_Header_2H33B
  .microheader_DotaLogo_ZFf5S {
  width: 200px;
  min-width: 200px;
  height: 50px;
  min-height: 50px;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/global/dota2_logo_horiz.png'); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 20px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_Header_2H33B
  .microheader_CloseButton_1cGE- {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 26px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_MobileOption_3IxVZ {
  width: 100%;
  height: 60px;
  background-color: #1b1b1b;
  color: #fff;
  font-family: 'Reaver', serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_MobileOption_3IxVZ
  .microheader_Arrow_3k0_X {
  width: 16px;
  height: 24px;
  margin-right: 18px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_MobileSubOptionList_3GiVq {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 4px 0px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_MobileSubOptionList_3GiVq
  .microheader_MobileSubOption_2HVs2 {
  width: 100%;
  height: 30px;
  background-color: #0f0f0f;
  color: #cacaca;
  font-family: 'Reaver', serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_MobileSubOptionList_3GiVq
  .microheader_MobileSubOption_2HVs2
  .microheader_Arrow_3k0_X {
  width: 8px;
  height: 12px;
  margin-left: 4px;
  margin-top: 1px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_LineSeparator_YWlJq {
  width: 100%;
  height: 1px;
  background-color: #494949;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8 {
  width: 100%;
  flex-grow: 1;
  background-color: #1b1b1b;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Login_1RIIB {
  font-size: 18px;
  margin-left: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff90;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Login_1RIIB.microheader_Hidden_3P4BK {
  display: none;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Account_lcq6h {
  font-size: 18px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  margin-left: 20px;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Account_lcq6h.microheader_Hidden_3P4BK {
  display: none;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Account_lcq6h
  .microheader_Logout_rirOy {
  margin-left: 4px;
  color: #999;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_LoginLanguage_204pi
  .microheader_Account_lcq6h
  .microheader_Logout_rirOy:hover {
  color: #ccc;
}
.microheader_MicroHeader_U7wdC
  .microheader_MobilePopup_27Q74
  .microheader_BottomSection_1E5o8
  .microheader_PlayForFree_3viea
  .microheader_StandardButton_3mkXB {
  width: calc(100% - 20px);
  margin: 10px 0px 10px 10px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.languageselector_Tooltip_2Q9Rk {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.languageselector_CarouselFade_1aGkY {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.languageselector_StandardButton_2bKb2 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.languageselector_StandardButton_2bKb2:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.languageselector_StandardButton_2bKb2 .languageselector_ButtonText_uehim {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.languageselector_StandardButton_2bKb2 .languageselector_SteamLogo_1MNdR {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.languageselector_ToolTip_3LaW0 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.languageselector_LanguageSelector_1C-JM {
  cursor: pointer;
}
.languageselector_LanguageSelector_1C-JM .languageselector_InnerWrapper_A5ZD2 {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff90;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.languageselector_LanguageSelector_1C-JM .languageselector_MobileWrapper_1Tjgw {
  width: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}
.languageselector_LanguageSelector_1C-JM
  .languageselector_MobileWrapper_1Tjgw
  .languageselector_MobileDropdown_kZoIo {
  width: 80px;
  appearance: none;
  background-color: #1b1b1b;
  border: none;
  color: #fff;
  font-size: 18px;
}
.languageselector_LanguageSelector_1C-JM .languageselector_LanguageList_1vJep {
  z-index: 9999;
  padding: 12px 0px;
  border: 1px solid #888;
  background-color: #222;
  width: 310px;
  display: none;
  flex-direction: column;
  position: absolute;
  transition-duration: 0.3s;
  text-align: left;
}
.languageselector_LanguageSelector_1C-JM
  .languageselector_LanguageList_1vJep.languageselector_ShowLanguages_1vnBC {
  display: flex;
}
.languageselector_LanguageSelector_1C-JM
  .languageselector_LanguageList_1vJep
  .languageselector_LanguageOption_Kd1K6 {
  font-family: 'Radiance', sans-serif;
  color: #999;
  text-decoration: none;
  font-size: 10px;
  line-height: 18px;
  padding: 0px 12px;
  transition-duration: 0.3s;
}
.languageselector_LanguageSelector_1C-JM
  .languageselector_LanguageList_1vJep
  .languageselector_LanguageOption_Kd1K6:hover {
  color: #000;
  background-color: #999;
}
.languageselector_LanguageIcon_yTASe {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  opacity: 0.8;
  margin-bottom: 1px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/language.svg'); */
}
.languageselector_DownArrow_37icj {
  width: 10px;
  height: 6px;
  opacity: 0.9;
  margin-left: 5px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.blogcapsule_Tooltip_3RpL9 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blogcapsule_CarouselFade_qeRrV {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.blogcapsule_StandardButton_3Ep64 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.blogcapsule_StandardButton_3Ep64:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.blogcapsule_StandardButton_3Ep64 .blogcapsule_ButtonText_3L4H5 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.blogcapsule_StandardButton_3Ep64 .blogcapsule_SteamLogo_2zGXC {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.blogcapsule_ToolTip_3RzoY {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.blogcapsule_BlogCapsule_3OBoG {
  width: 400px;
  height: 245px;
  margin: 15px;
  justify-items: center;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .blogcapsule_BlogCapsule_3OBoG {
    flex: 1 1 50%;
    margin: 10px;
  }
}
.blogcapsule_BlogCapsule_3OBoG .blogcapsule_Entry_2P4kN {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #333;
  position: relative;
  background-size: cover;
  background-position: top;
  border-bottom: 2px solid #555;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column-reverse;
  box-shadow: 0px 0px 10px #000;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//blog/default_cover.jpg'); */
  text-align: left;
  cursor: pointer;
  user-select: none;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.blogcapsule_BlogCapsule_3OBoG .blogcapsule_Entry_2P4kN:after {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  content: '\a';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
.blogcapsule_BlogCapsule_3OBoG .blogcapsule_Entry_2P4kN:hover:after {
  opacity: 1;
}
.blogcapsule_BlogCapsule_3OBoG .blogcapsule_Entry_2P4kN:hover {
  transform: scale(1.02);
  z-index: 100;
  box-shadow: 0px 0px 30px #000;
  border-bottom: 2px solid #ff6046;
}
.blogcapsule_BlogCapsule_3OBoG
  .blogcapsule_Entry_2P4kN:hover
  .blogcapsule_Desc_471NM {
  height: 120px;
  opacity: 1;
  transform: translateY(0px);
}
.blogcapsule_BlogCapsule_3OBoG
  .blogcapsule_Entry_2P4kN
  .blogcapsule_Date_3kp_O {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-left: 20px;
  margin-bottom: 8px;
  z-index: 2;
}
.blogcapsule_BlogCapsule_3OBoG
  .blogcapsule_Entry_2P4kN
  .blogcapsule_Desc_471NM {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  z-index: 2;
  margin-left: 20px;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(20px);
  height: 0px;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-property: height, opacity, transform;
}
.blogcapsule_BlogCapsule_3OBoG
  .blogcapsule_Entry_2P4kN
  .blogcapsule_Title_39UGs {
  margin: 0px 10px 8px 20px;
  text-shadow: 0px 0px 10px #000;
  font-family: 'Reaver', serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 24px;
  line-height: 115%;
  color: #fff;
  z-index: 2;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.updatecapsule_Tooltip_13ar6 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.updatecapsule_CarouselFade_3e2qn {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.updatecapsule_StandardButton_2es3S {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.updatecapsule_StandardButton_2es3S:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.updatecapsule_StandardButton_2es3S .updatecapsule_ButtonText_2mKcP {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.updatecapsule_StandardButton_2es3S .updatecapsule_SteamLogo_3h6zM {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.updatecapsule_ToolTip_11cb1 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.updatecapsule_UpdateCapsule_-Eouv {
  width: 100%;
  justify-items: left;
  position: relative;
  text-align: left;
  border-left: 2px solid #1f3242;
  background-color: #0b0b0b;
  padding: 20px 20px;
  margin: 40px 0px;
}
.updatecapsule_UpdateCapsule_-Eouv .updatecapsule_Date_gvPzK {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 8px;
  z-index: 2;
  font-weight: lighter;
}
.updatecapsule_UpdateCapsule_-Eouv .updatecapsule_Title_13NfC {
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 8px;
  text-shadow: 0px 0px 10px #000;
  font-family: 'Reaver', serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 24px;
  color: #fff;
  z-index: 2;
}
.updatecapsule_UpdateCapsule_-Eouv .updatecapsule_Desc_2s0cU {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  z-index: 2;
  margin-left: 20px;
  margin-bottom: 10px;
  line-height: 26px;
}
.updatecapsule_UpdateCapsule_-Eouv a {
  text-decoration: underline;
  transition-duration: 0.2s;
}
.updatecapsule_UpdateCapsule_-Eouv a:hover {
  filter: brightness(1.2);
}
.updatecapsule_UpdateCapsule_-Eouv h2 {
  font-weight: 600;
  color: #fff;
  font-size: 18px;
}
.updatecapsule_UpdateCapsule_-Eouv ul {
  margin-top: 10px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.blogoverviewpage_Tooltip_PGtWn {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blogoverviewpage_CarouselFade_jKIf2 {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.blogoverviewpage_StandardButton_3f666 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.blogoverviewpage_StandardButton_3f666:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.blogoverviewpage_StandardButton_3f666 .blogoverviewpage_ButtonText_3TMy_ {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.blogoverviewpage_StandardButton_3f666 .blogoverviewpage_SteamLogo_XQMfV {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.blogoverviewpage_ToolTip_2gxGB {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.blogoverviewpage_BlogOverviewPage_1mf6e {
  width: 100%;
  color: #fff;
  background-color: #000;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_TitleContainer_z6t_w {
  width: 100%;
  height: 24vw;
  position: relative;
  transform: translateY(-2.6vw);
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_TitleContainer_z6t_w
  .blogoverviewpage_TitleBackground_3i5CM {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_TitleContainer_z6t_w
  .blogoverviewpage_TitleContent_2hLgT {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  padding: 0px 14vw;
  z-index: 10;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_TitleContainer_z6t_w
  .blogoverviewpage_TitleContent_2hLgT
  .blogoverviewpage_DotaNews_31mRF {
  color: #e5ded9;
  font-size: 5vw;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_TitleContainer_z6t_w
  .blogoverviewpage_TitleContent_2hLgT
  .blogoverviewpage_Sub_1HiMU {
  font-size: 1.3vw;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.7px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e .blogoverviewpage_Body_fWoUo {
  width: 100%;
  height: 2220px;
  margin: 0px auto;
  text-align: center;
  min-height: 50vw;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_Pending_2j_9N {
  font-size: 40px;
  margin: 0 auto;
  margin-top: 30px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_Error_whOyf {
  font-size: 40px;
  margin: 0 auto;
  margin-top: 30px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_Heading_2uSU3 {
  font-size: 30px;
  margin-top: 30px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt {
  width: 100%;
  height: 600px;
  position: relative;
  cursor: pointer;
  user-select: none;
  display: block;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  overflow: hidden;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt:hover
  .blogoverviewpage_FeaturedContent_3x-xx {
  transform: translateY(-10px);
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt:hover
  .blogoverviewpage_HeadingImage_2e1Tr {
  transform: scale(1.05);
  opacity: 1;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_HeadingImage_2e1Tr {
  width: 100%;
  height: 600px;
  position: absolute;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition-duration: 0.5s;
  opacity: 0.8;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FadeContainer_3vuXp {
  z-index: 3;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_BottomFade_2AvsW {
  width: 100%;
  height: 300px;
  position: absolute;
  bottom: 0px;
  z-index: 3;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(80%, rgba(0, 0, 0, 0.7)),
    color-stop(100%, black)
  );
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx {
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0px 14vw;
  transition-duration: 0.2s;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_Date_37cbM {
  font-size: 18px;
  color: #ffffff90;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-weight: 600;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_Tag_1JseK {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  background: #ffffff50;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  float: right;
  position: absolute;
  right: 0px;
  top: 0px;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_Title_3QQKY {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 0px 0px 10px #000;
  letter-spacing: 1px;
  line-height: 110%;
  color: #e5ded9;
  text-align: left;
  font-family: 'Reaver', serif;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_FeaturedLink_SffNe {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  text-shadow: 0px 0px 4px #000;
  z-index: 200;
  opacity: 0.6;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_FeaturedLink_SffNe:hover {
  opacity: 1;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_FeaturedLink_SffNe
  .blogoverviewpage_ForwardArrow_343-b {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-right: 8px;
  transform: rotate(180deg);
  transition-duration: 0.2s;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_LargeEntry_2E3rt
  .blogoverviewpage_FeaturedContent_3x-xx
  .blogoverviewpage_FeaturedLink_SffNe:hover
  .blogoverviewpage_ForwardArrow_343-b {
  opacity: 1;
  transform: rotate(180deg) translateX(-5px);
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_TabContainer_3Abu7 {
  width: 100%;
  height: 100px;
  padding: 0px 14vw;
  padding-top: 40px;
  border-bottom: 3px solid #313131;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_TabContainer_3Abu7
  .blogoverviewpage_TabsLeft_2hM8T {
  width: 400px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_TabContainer_3Abu7
  .blogoverviewpage_TabsLeft_2hM8T
  .blogoverviewpage_Tab_1ZGUM {
  width: 48%;
  height: 100%;
  padding-top: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: bold;
  font-size: 17px;
  color: #828282;
  background-color: #222;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_TabContainer_3Abu7
  .blogoverviewpage_TabsLeft_2hM8T
  .blogoverviewpage_Tab_1ZGUM.blogoverviewpage_Active_2QA0p {
  color: #fff;
  background-color: #313131;
  border-top: 2px solid #646566;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx {
  width: 100%;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//blog/bg_repeater.jpg'); */
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_SubEntries_3hyKA {
  width: 100%;
  padding: 0px 14vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 3vw;
}
@media (max-width: 1200px) {
  .blogoverviewpage_BlogOverviewPage_1mf6e
    .blogoverviewpage_Body_fWoUo
    .blogoverviewpage_BottomSection_1rCwx
    .blogoverviewpage_SubEntries_3hyKA {
    padding: 0px 0vw;
  }
}
@media (max-width: 900px) {
  .blogoverviewpage_BlogOverviewPage_1mf6e
    .blogoverviewpage_Body_fWoUo
    .blogoverviewpage_BottomSection_1rCwx
    .blogoverviewpage_SubEntries_3hyKA {
    padding: 0px 0vw;
  }
}
@media (max-width: 600px) {
  .blogoverviewpage_BlogOverviewPage_1mf6e
    .blogoverviewpage_Body_fWoUo
    .blogoverviewpage_BottomSection_1rCwx
    .blogoverviewpage_SubEntries_3hyKA {
    padding: 0px 0vw;
  }
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_SubUpdates_31uv5 {
  width: 100%;
  padding: 0px 14vw;
  display: column;
  justify-content: center;
  margin-top: -1px;
  padding-top: 1px;
}
@media (max-width: 600px) {
  .blogoverviewpage_BlogOverviewPage_1mf6e
    .blogoverviewpage_Body_fWoUo
    .blogoverviewpage_BottomSection_1rCwx
    .blogoverviewpage_SubUpdates_31uv5 {
    padding: 1px 7vw;
  }
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0 {
  padding: 0px 14vw;
  margin-top: 30px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0
  .blogoverviewpage_PageNumber_FafYQ {
  width: 30px;
  height: 30px;
  padding: 5px 10px;
  background-color: #ffffff50;
  margin: 0px 5px;
  font-family: 'Radiance', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  user-select: none;
  text-align: center;
  transition-property: filter, transform, background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0
  .blogoverviewpage_PageNumber_FafYQ:hover {
  filter: brightness(1.5);
  transform: scale(1.04);
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0
  .blogoverviewpage_PageNumber_FafYQ.blogoverviewpage_Hidden_106H5 {
  opacity: 0;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0
  .blogoverviewpage_PageNumber_FafYQ.blogoverviewpage_SelectedPage_16vx6 {
  background-color: #ff6046;
}
.blogoverviewpage_BlogOverviewPage_1mf6e
  .blogoverviewpage_Body_fWoUo
  .blogoverviewpage_BottomSection_1rCwx
  .blogoverviewpage_Pages_BieN0
  .blogoverviewpage_PageNumber_FafYQ.blogoverviewpage_SelectedPage_16vx6:hover {
  filter: none;
  transform: none;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.dpcmenubar_Tooltip_3BOcr {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dpcmenubar_CarouselFade_3JqgC {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.dpcmenubar_StandardButton_2RYGb {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.dpcmenubar_StandardButton_2RYGb:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.dpcmenubar_StandardButton_2RYGb .dpcmenubar_ButtonText_2oJnK {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.dpcmenubar_StandardButton_2RYGb .dpcmenubar_SteamLogo_Pw3JZ {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.dpcmenubar_ToolTip_2aps4 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.dpcmenubar_DPCMenuBar_1SBIP {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(left, #131315, #131315, #131315, #131315);
  filter: drop-shadow(0px 16px 10px #00000099);
  position: sticky;
  top: 140px;
  z-index: 999;
}
.dpcmenubar_DPCMenuBar_1SBIP.dpcmenubar_IsEventInactive_2Ixc4 {
  top: 80px;
}
.dpcmenubar_DPCMenuBar_1SBIP .dpcmenubar_DPCHeaderContents_XzLjB {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCTitle_2uawB {
  width: 200px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2 {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2
  .dpcmenubar_DPCLink_2GNzc {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #6b7785;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2
  .dpcmenubar_DPCLink_2GNzc
  .dpcmenubar_Label_3mnIs {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 800;
  font-size: 13px;
  margin: 0px 20px;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2
  .dpcmenubar_DPCLink_2GNzc.dpcmenubar_Active_1PCYx {
  color: #fff;
  border-bottom: 2px solid #ff6046;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2
  .dpcmenubar_DPCLink_2GNzc:hover {
  color: #fff;
}
.dpcmenubar_DPCMenuBar_1SBIP
  .dpcmenubar_DPCHeaderContents_XzLjB
  .dpcmenubar_DPCOptions_1jMa2
  .dpcmenubar_Divider_18aXF {
  width: 2px;
  height: 25px;
  background-color: #5e6976;
  margin: 0px 15px;
  transform: rotate(30deg);
}
.dpcmenubar_DPCSpoilerBlock_1gYpv {
  width: 250px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  cursor: pointer;
  user-select: none;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv.dpcmenubar_Hidden_hf1_d {
  opacity: 0;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv.dpcmenubar_Blocked_2waRR
  .dpcmenubar_Switch_3bIts
  .dpcmenubar_ShowContainer_2Ls3- {
  background-color: #3f464f;
  color: #6b7785;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv.dpcmenubar_Blocked_2waRR
  .dpcmenubar_Switch_3bIts
  .dpcmenubar_HideContainer_3ZQkE {
  background-color: #ff6046;
  color: #fff;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv .dpcmenubar_SpoilerText_2HWki {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv
  .dpcmenubar_SpoilerText_2HWki
  .dpcmenubar_SpoilerLabel_1o5DK {
  color: #6b7785;
  font-weight: 700;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv
  .dpcmenubar_SpoilerText_2HWki
  .dpcmenubar_SpoilerValue_lZuEb {
  color: #fff;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv .dpcmenubar_Switch_3bIts {
  width: 90px;
  height: 25px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .dpcmenubar_DPCSpoilerBlock_1gYpv .dpcmenubar_Switch_3bIts {
    display: none;
  }
}
.dpcmenubar_DPCSpoilerBlock_1gYpv
  .dpcmenubar_Switch_3bIts
  .dpcmenubar_ShowContainer_2Ls3- {
  width: 45px;
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background-color: #ff6046;
  color: #fff;
}
.dpcmenubar_DPCSpoilerBlock_1gYpv
  .dpcmenubar_Switch_3bIts
  .dpcmenubar_HideContainer_3ZQkE {
  width: 45px;
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px;
  background-color: #3f464f;
  color: #6b7785;
}
.dpcselectors_CycleSelector_1HHv4 {
  width: 200px;
  height: 30px;
  display: flex;
  flex-direction: row;
  margin: 4px;
}
.dpcselectors_CycleSelector_1HHv4 .dpcselectors_Arrow_3zzpy {
  width: 30px;
  height: 30px;
  border: 2px solid #5e6976;
  border-radius: 3px;
  background-color: #5e6976;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0px 0px, 30px 0px, 20px 30px, 0px 30px);
  transition-property: filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcselectors_CycleSelector_1HHv4
  .dpcselectors_Arrow_3zzpy.dpcselectors_Enabled_y3pFP {
  cursor: pointer;
  user-select: none;
}
.dpcselectors_CycleSelector_1HHv4
  .dpcselectors_Arrow_3zzpy.dpcselectors_Enabled_y3pFP
  .dpcselectors_ArrowIcon_232VF {
  opacity: 1;
}
.dpcselectors_CycleSelector_1HHv4
  .dpcselectors_Arrow_3zzpy.dpcselectors_Right_1I4ov {
  transform: rotateZ(180deg);
}
.dpcselectors_CycleSelector_1HHv4
  .dpcselectors_Arrow_3zzpy.dpcselectors_Enabled_y3pFP:hover {
  filter: brightness(1.3);
}
.dpcselectors_CycleSelector_1HHv4
  .dpcselectors_Arrow_3zzpy
  .dpcselectors_ArrowIcon_232VF {
  width: 7.5px;
  height: 12.5px;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  margin-right: 8px;
  opacity: 0;
}
.dpcselectors_CycleSelector_1HHv4 .dpcselectors_CurrentOption_3zzAB {
  width: 150px;
  height: 100%;
  margin: 0px -5px;
  background-color: #5e6976;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  pointer-events: none;
  clip-path: polygon(10px 0px, 150px 0px, 140px 30px, 0px 30px);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 13px;
  color: #fff;
}
.dpcselectors_DropdownSelector_3jmb0 {
  width: 180px;
  height: 30px;
  position: relative;
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleHighlighted_qjss3
  .dpcselectors_DropdownBody_1u6rb {
  background: linear-gradient(
    108deg,
    #41474e 0%,
    #41474e calc(100% - 33px),
    #ff6046 calc(100% - 33px),
    #ff6046 100%
  );
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleNormal_2AM-s
  .dpcselectors_DropdownBody_1u6rb {
  background-color: #5e6976;
  padding-right: 10px;
  color: #fff;
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleNormal_2AM-s
  .dpcselectors_DropdownBody_1u6rb
  .dpcselectors_LeftSegment_2BgYM {
  color: #fff;
  max-width: 90%;
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleNormal_2AM-s
  .dpcselectors_DropdownBody_1u6rb
  .dpcselectors_RightArrow_3XoYb {
  filter: brightness(1);
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleDim_15AJD
  .dpcselectors_DropdownBody_1u6rb {
  background-color: #2e3339;
  padding-right: 10px;
  color: #9099a3;
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleDim_15AJD
  .dpcselectors_DropdownBody_1u6rb
  .dpcselectors_LeftSegment_2BgYM {
  color: #9099a3;
}
.dpcselectors_DropdownSelector_3jmb0.dpcselectors_StyleDim_15AJD
  .dpcselectors_DropdownBody_1u6rb
  .dpcselectors_RightArrow_3XoYb {
  filter: brightness(0.5);
}
.dpcselectors_DropdownSelector_3jmb0 .dpcselectors_DropdownBody_1u6rb {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 11px;
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  clip-path: polygon(
    0px 0px,
    calc(100% - 30px) 0px,
    calc(100% - 40px) 100%,
    calc(100% - 35px) 100%,
    calc(100% - 25px) 0px,
    calc(100% + 2px) 0px,
    calc(100% + 2px) 100%,
    0px 100%
  );
  appearance: none;
  outline: none;
  border: none;
  position: relative;
}
.dpcselectors_DropdownSelector_3jmb0 .dpcselectors_DropdownBody_1u6rb option {
  background-color: #1e2024;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownBody_1u6rb
  .dpcselectors_LeftSegment_2BgYM {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
.dpcselectors_DropdownSelector_3jmb0 .dpcselectors_RightArrow_3XoYb {
  width: 7.5px;
  height: 12.5px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(270deg);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_RightArrow_3XoYb.dpcselectors_IsOpen_1LwZv {
  transform: rotate(90deg);
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_RightArrow_3XoYb.dpcselectors_AbsolutePos_32jIV {
  position: absolute;
  right: 11px;
  top: 10px;
  bottom: 0;
}
.dpcselectors_DropdownSelector_3jmb0 .dpcselectors_DropdownOptions_3heSt {
  width: 100%;
  position: absolute;
  top: 34px;
  z-index: 10;
  background-color: #2e3339;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt.dpcselectors_IsOpen_1LwZv {
  opacity: 1;
  pointer-events: initial;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Separator_2wK3P {
  width: calc(100% - 20px);
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #606875;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Separator_2wK3P
  .dpcselectors_Line_3rnxf {
  flex-grow: 1;
  height: 1px;
  background-color: #515863;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Option_1qN-o {
  width: 100%;
  height: 38px;
  padding: 0px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Option_1qN-o
  .dpcselectors_OptionLabel_SGKBi {
  color: #a3a3a3;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Option_1qN-o
  .dpcselectors_OptionSubLabel_2UU2O {
  color: #a3a3a3;
  font-size: 10px;
  letter-spacing: 1px;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Option_1qN-o:hover {
  background-color: #41474e;
}
.dpcselectors_DropdownSelector_3jmb0
  .dpcselectors_DropdownOptions_3heSt
  .dpcselectors_Option_1qN-o:hover
  .dpcselectors_OptionLabel_SGKBi {
  color: #fff;
}
.dpcselectors_TextInput_33HiC {
  width: 200px;
  height: 30px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.dpcselectors_TextInput_33HiC input {
  appearance: none;
  outline: none;
  width: 200px;
  height: 100%;
  color: #5e6976;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  border: 2px solid;
  border-color: #5e6976;
  border-radius: 3px;
  padding: 0px 31px;
  background-color: transparent;
  transition-property: color, border-color, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.dpcselectors_TextInput_33HiC input:hover {
  color: #fff;
  border-color: #5e6976;
  background-color: #5e697640;
}
.dpcselectors_TextInput_33HiC input:focus {
  color: #fff;
  border-color: #5e6976;
  background-color: #5e697640;
}
.dpcselectors_TextInput_33HiC .dpcselectors_MagnifyingGlass_3N27p {
  width: 13px;
  height: 13px;
  position: absolute;
  left: 12px;
  top: 8px;
  bottom: 0;
  color: #5e6976;
  pointer-events: none;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.05s;
}
.dpcselectors_Switch_26we- {
  position: relative;
  margin-right: 0px;
  cursor: pointer;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dpcselectors_Switch_26we-.dpcselectors_On_IFTP8
  .dpcselectors_Background_3oinv {
  background-color: #3f464f;
}
.dpcselectors_Switch_26we-.dpcselectors_On_IFTP8 .dpcselectors_Selector_17u1z {
  background-color: #ff6046;
  box-shadow: -0.2em 0 0.3em #00000040;
  margin-left: 30px;
}
.dpcselectors_Switch_26we- .dpcselectors_Background_3oinv {
  background-color: #3f464f;
  width: 60px;
  height: 20px;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.dpcselectors_Switch_26we- .dpcselectors_Selector_17u1z {
  position: absolute;
  left: 0;
  margin-left: 0px;
  background-color: #6b7785;
  box-shadow: 2px 0 0.3em #0000004d;
  width: 30px;
  height: 20px;
  border-radius: 4px;
  transition: margin-left 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.dpcselectors_SwitchSmall_1KHEx {
  position: relative;
  margin-right: 0px;
  cursor: pointer;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dpcselectors_SwitchSmall_1KHEx.dpcselectors_On_IFTP8
  .dpcselectors_Background_3oinv {
  background-color: #3f464f;
}
.dpcselectors_SwitchSmall_1KHEx.dpcselectors_On_IFTP8
  .dpcselectors_Selector_17u1z {
  background-color: #fff;
  box-shadow: -0.2em 0 0.3em #00000040;
  margin-left: 14px;
}
.dpcselectors_SwitchSmall_1KHEx .dpcselectors_Background_3oinv {
  background-color: #3f464f;
  width: 30px;
  height: 7px;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.dpcselectors_SwitchSmall_1KHEx .dpcselectors_Selector_17u1z {
  position: absolute;
  left: 0;
  margin-left: 0px;
  background-color: #6b7785;
  box-shadow: 2px 0 0.3em #0000004d;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  transition: margin-left 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.matchesheader_Tooltip_13iGI {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.matchesheader_CarouselFade_Hj4cn {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.matchesheader_StandardButton_3ZQa4 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.matchesheader_StandardButton_3ZQa4:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.matchesheader_StandardButton_3ZQa4 .matchesheader_ButtonText_3pj01 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.matchesheader_StandardButton_3ZQa4 .matchesheader_SteamLogo_1SyOz {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.matchesheader_ToolTip_mYdIh {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.matchesheader_DPCMatchesHeader_14-kx {
  height: 140px;
  width: 100%;
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 1000;
  position: sticky;
  top: 0px;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.7);
}
.matchesheader_DPCMatchesHeader_14-kx.matchesheader_IsEventInactive_2QJHI {
  height: 80px;
}
.matchesheader_DPCMatchesHeader_14-kx .matchesheader_InactiveEvent_1KG0T {
  width: 100%;
  height: 100%;
  background-color: #222223;
  font-size: 18px;
  color: #a3a3a3;
  font-weight: 500;
  letter-spacing: 2px;
  display: flex;
  flex-direction: column;
  padding-right: 220px;
  justify-content: center;
  align-items: center;
  box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1300px) {
  .matchesheader_DPCMatchesHeader_14-kx .matchesheader_InactiveEvent_1KG0T {
    padding-right: 0px;
  }
}
.matchesheader_DPCMatchesHeader_14-kx .matchesheader_Contents_2S_so {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 1px;
}
.matchesheader_ScrollArrow_3SMd2 {
  width: 60px;
  min-width: 60px;
  height: 100%;
  filter: drop-shadow(3px 0px 6px #00000099);
  position: absolute;
  top: 0;
  z-index: 1;
}
.matchesheader_ScrollArrow_3SMd2.matchesheader_Left_2_HTc {
  left: 0;
}
.matchesheader_ScrollArrow_3SMd2.matchesheader_Right_2AifX {
  transform: rotateZ(180deg);
  right: 0;
}
.matchesheader_ScrollArrow_3SMd2:hover {
  filter: brightness(1.2);
}
.matchesheader_ScrollArrow_3SMd2 .matchesheader_Clip_79OEk {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #1a1c20, #262931);
  clip-path: polygon(0px 0px, 60px 0px, 50px 100%, 0px 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition-property: filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.matchesheader_ScrollArrow_3SMd2
  .matchesheader_Clip_79OEk
  .matchesheader_ArrowIcon_ZjTa1 {
  width: 13px;
  height: 25px;
  filter: brightness(0.4);
}
.matchesheader_OptionSelector_1EvG2 {
  width: 225px;
  min-width: 225px;
  height: 100%;
  background: linear-gradient(to left, #262931, #171819);
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1300px) {
  .matchesheader_OptionSelector_1EvG2 {
    min-width: 0px;
    max-width: 0px;
    overflow: hidden;
  }
}
.matchesheader_OptionSelector_1EvG2 .matchesheader_DPCBlock_3ZTWj {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0px 20px;
}
.matchesheader_OptionSelector_1EvG2
  .matchesheader_DPCBlock_3ZTWj
  .matchesheader_DPCLogo_1p0JU {
  max-width: 75%;
  transition-duration: 0.3s;
}
.matchesheader_OptionSelector_1EvG2
  .matchesheader_DPCBlock_3ZTWj
  .matchesheader_DPCLogo_1p0JU:hover {
  filter: brightness(1.4);
}
.matchesheader_OptionSelector_1EvG2
  .matchesheader_DPCBlock_3ZTWj
  .matchesheader_DPCIcon_2nuaQ {
  width: 42px;
  height: 42px;
  margin-right: 10px;
}
.matchesheader_OptionSelector_1EvG2
  .matchesheader_DPCBlock_3ZTWj
  .matchesheader_DPCText_23D0x {
  height: 100%;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.matchesheader_MatchesContainer_3ycH_ {
  flex-grow: 1;
  height: 100%;
  overflow-x: hidden;
  position: relative;
}
.matchesheader_MatchesContainer_3ycH_ .matchesheader_MatchesScroller_3VLyy {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: scroll;
  background-color: #131313;
  padding-left: 50px;
  padding-right: 50px;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy.matchesheader_AfterFirstScroll_3T_RZ {
  scroll-behavior: smooth;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_NodeList_QT4ZF {
  height: calc(100% - 23px);
  display: flex;
  flex-direction: row;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_NodeList_QT4ZF
  .matchesheader_EndSpacer_1ikTI {
  width: 50px;
  min-width: 50px;
  height: 100%;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_NodeList_QT4ZF
  .matchesheader_ScheduleBumper_QbfXd {
  width: 240px;
  min-width: 240px;
  height: 118%;
  margin: 0px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_NodeList_QT4ZF
  .matchesheader_ScheduleBumper_QbfXd
  .matchesheader_ScheduleLink_21jOl {
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  padding: 10px 15px;
  background-color: transparent;
  color: #a3a3a3;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: color, border-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_NodeList_QT4ZF
  .matchesheader_ScheduleBumper_QbfXd
  .matchesheader_ScheduleLink_21jOl:hover {
  border-color: #fff;
  color: #fff;
  background-color: #ffffff1a;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks {
  height: 20px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBumper_jqaCM {
  width: 240px;
  min-width: 240px;
  height: 100%;
  margin: 0px 2px;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q {
  height: 100%;
  margin: 0px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q.matchesheader_First_ronQb {
  background-color: #19191a;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q.matchesheader_Second_3sIRy {
  background-color: #222223;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q.matchesheader_Third_2IlSU {
  background-color: #2e2e2f;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q.matchesheader_Today_3dHq8 {
  background-color: #252c3e;
  border: 1px solid #252c3e;
}
.matchesheader_MatchesContainer_3ycH_
  .matchesheader_MatchesScroller_3VLyy
  .matchesheader_DayContainer_2XJks
  .matchesheader_DayBar_wan4q
  .matchesheader_DayLabel_t_xS2 {
  width: 100px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #a3a3a3;
  position: sticky;
  left: calc(50% - 50px);
  right: calc(50% - 50px);
}
.matchesheader_MatchesContainer_3ycH_ .matchesheader_DropShadow_1ndHT {
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 17px 0 9px -7px rgba(0, 0, 0, 0.4),
    inset -17px 0 9px -7px rgba(0, 0, 0, 0.4);
  z-index: 2;
  pointer-events: none;
}
.matchesheader_ViewScheduleButton_2rqMh {
  width: 150px;
  min-width: 150px;
  height: 100%;
  background-color: transparent;
  border: 1px solid #a3a3a3;
}
.matchesheader_DPCMatchBannerNode_2ONCG {
  width: 240px;
  min-width: 240px;
  height: 100%;
  margin: 0px 2px;
  padding: 0px 16px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-style: solid;
  border-width: 2px;
  user-select: none;
  position: relative;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_First_ronQb {
  background-color: #19191a;
  border: 1px solid #19191a;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_Second_3sIRy {
  background-color: #222223;
  border: 1px solid #222223;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_Third_2IlSU {
  background-color: #2e2e2f;
  border: 1px solid #2e2e2f;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_Today_3dHq8 {
  background-color: #252c3e;
  border: 1px solid #252c3e;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_IsSelected_nZWsg {
  border: 1px solid #4a587c;
  box-shadow: inset 0 0 30px rgba(74, 94, 119, 0.6);
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_IsLive_1Yt1E
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_LiveBanner_2r7SO {
  display: flex;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_IsLive_1Yt1E
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_Time_1gyeN {
  opacity: 0;
}
.matchesheader_DPCMatchBannerNode_2ONCG.matchesheader_IsLive_1Yt1E.matchesheader_IsSelected_nZWsg {
  border-image: linear-gradient(
      128deg,
      rgba(0, 171, 48, 0.1),
      rgba(0, 171, 48, 0.7),
      rgba(0, 171, 48, 0.1)
    )
    1;
  box-shadow: inset 0 0 30px rgba(0, 171, 48, 0.25);
}
.matchesheader_DPCMatchBannerNode_2ONCG:hover:not(.matchesheader_IsSelected_nZWsg)
  .matchesheader_Overlay_3XSh- {
  opacity: 1;
  pointer-events: inherit;
}
.matchesheader_DPCMatchBannerNode_2ONCG .matchesheader_Overlay_3XSh- {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.17s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_Overlay_3XSh-
  .matchesheader_HoverOption_3rOI0 {
  max-width: 150px;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  padding: 6px 15px;
  background-color: transparent;
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: border-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_Overlay_3XSh-
  .matchesheader_HoverOption_3rOI0:hover {
  border-color: #fff;
  color: #fff;
  background-color: #ffffff1a;
}
.matchesheader_DPCMatchBannerNode_2ONCG .matchesheader_UpperContainer_zLmZg {
  width: 100%;
  position: relative;
  min-height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0px;
  border-bottom: 1px solid #a3a3a3;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_Time_1gyeN {
  font-size: 13px;
  color: #a3a3a3;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_Description_2xC4y {
  font-size: 12px;
  text-transform: uppercase;
  color: #a3a3a3;
  font-weight: bold;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_Description_2xC4y
  .matchesheader_Detail_PrqMq {
  text-align: center;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_LiveBanner_2r7SO {
  position: absolute;
  top: 10px;
  left: 0px;
  background-color: #00ab30;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 2px;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: none;
  flex-direction: row;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_UpperContainer_zLmZg
  .matchesheader_LiveBanner_2r7SO
  .matchesheader_Dot_1fKw8 {
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 2px;
}
.matchesheader_DPCMatchBannerNode_2ONCG .matchesheader_TeamsContainer_3lycu {
  width: 100%;
  flex-grow: 1;
  padding: 8px 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg.matchesheader_Winner_3eH-4
  .matchesheader_TeamName_11Uwr,
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg.matchesheader_Winner_3eH-4
  .matchesheader_TeamInfo_3ZFU8 {
  color: #ccc;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg
  .matchesheader_TeamLogo_YDA-c {
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg
  .matchesheader_TeamName_11Uwr {
  font-size: 12px;
  margin-right: 8px;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_TeamsContainer_3lycu
  .matchesheader_BannerTeam_v8AUg
  .matchesheader_TeamInfo_3ZFU8 {
  font-size: 14px;
  flex-grow: 1;
  min-width: 30px;
  text-align: right;
  color: #a3a3a3;
  text-transform: uppercase;
  font-weight: 800;
}
.matchesheader_DPCMatchBannerNode_2ONCG .matchesheader_Multicast_2GX2X {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 14px;
}
.matchesheader_DPCMatchBannerNode_2ONCG
  .matchesheader_Multicast_2GX2X
  .matchesheader_Icon_3nwO7 {
  width: 20px;
  height: 20px;
}
.matchesheader_TeamLogo_YDA-c.matchesheader_Invalid_241ng {
  opacity: 0;
}
.teamlogo_TeamLogo_1wG_v {
  width: 64px;
  height: 64px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.dpctooltips_Tooltip_lK77b {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dpctooltips_CarouselFade_ZN_Z5 {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.dpctooltips_StandardButton_1_NP4 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.dpctooltips_StandardButton_1_NP4:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.dpctooltips_StandardButton_1_NP4 .dpctooltips_ButtonText_ppstw {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.dpctooltips_StandardButton_1_NP4 .dpctooltips_SteamLogo__UMTN {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.dpctooltips_ToolTip_1MUeG {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.dpctooltips_DPCTeamTooltip_1i7q1 {
  z-index: 99999;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}
.dpctooltips_DPCTeamTooltip_1i7q1 .dpctooltips_TooltipBody_3Ywoi {
  width: 700px;
  height: 300px;
  background: linear-gradient(125deg, #4e4e59, #0f1113 40%);
  display: flex;
  flex-direction: column;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Header_FTPpx {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Header_FTPpx
  .dpctooltips_TeamName_3Ff9D {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09 {
  width: 100%;
  height: 240px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px;
  background-color: #0f1113;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF {
  width: 130px;
  height: 100%;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Role_gNVod {
  width: 100%;
  height: 28px;
  background: linear-gradient(to right, #343b42, #41414b);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 8px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Portrait_8Ckie {
  width: 100%;
  height: 126px;
  background-color: #292929;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 10px;
  position: relative;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Portrait_8Ckie
  .dpctooltips_PortraitInset_2D463 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 -20px 20px -20px #000, inset 0 20px 20px -20px #000;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Info_2cjUx {
  width: 100%;
  height: 70px;
  background-color: #2f2f36;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Info_2cjUx
  .dpctooltips_Nickname_1hZxa {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.dpctooltips_DPCTeamTooltip_1i7q1
  .dpctooltips_TooltipBody_3Ywoi
  .dpctooltips_Body_3KF09
  .dpctooltips_MemberContainer_-cLbF
  .dpctooltips_Info_2cjUx
  .dpctooltips_Name_-lVYv {
  color: #aaa;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.aboutpage_Tooltip_1MVcd {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.aboutpage_CarouselFade_pCvNE {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.aboutpage_StandardButton_3Doa7 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.aboutpage_StandardButton_3Doa7:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.aboutpage_StandardButton_3Doa7 .aboutpage_ButtonText_327PS {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.aboutpage_StandardButton_3Doa7 .aboutpage_SteamLogo_1lfq8 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.aboutpage_ToolTip_1HhV5 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.aboutpage_DPCAboutPage_3mKWe {
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: repeat-y;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Header_7nKRq {
  width: 100%;
  padding: 125px 31%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #161618;
  background: linear-gradient(145deg, #161618 0%, #142031 0%, #1d2b41 100%);
  background-size: cover;
  background-position: top, center;
  background-repeat: no-repeat;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Header_7nKRq
  .aboutpage_ProCircuit_5CN_s {
  color: #a3a3a3;
  font-size: 30px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: 'Reaver', serif;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Header_7nKRq .aboutpage_Global_1FfXn {
  color: #fff;
  font-size: 40px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  padding-top: 5px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Header_7nKRq
  .aboutpage_GlobalDesc_33NiE {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 400;
  line-height: 23px;
  max-width: 750px;
  padding-top: 35px;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Events_1jovm {
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  padding: 80px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Events_1jovm .aboutpage_Title_1UuwC {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 32px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  margin-bottom: 40px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Events_1jovm
  .aboutpage_EventContainer_3lfbZ {
  width: 1200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 1300px) {
  .aboutpage_DPCAboutPage_3mKWe
    .aboutpage_Events_1jovm
    .aboutpage_EventContainer_3lfbZ {
    width: 900px;
  }
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Events_1jovm
  .aboutpage_EventContainer_3lfbZ
  .aboutpage_EventImage_3TaU7 {
  width: 600px;
  height: 400px;
  background-color: #1a1b1f;
}
@media (max-width: 1300px) {
  .aboutpage_DPCAboutPage_3mKWe
    .aboutpage_Events_1jovm
    .aboutpage_EventContainer_3lfbZ
    .aboutpage_EventImage_3TaU7 {
    width: 450px;
    height: 300px;
  }
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Events_1jovm
  .aboutpage_EventContainer_3lfbZ
  .aboutpage_EventDescription_2kyd6 {
  width: 600px;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1300px) {
  .aboutpage_DPCAboutPage_3mKWe
    .aboutpage_Events_1jovm
    .aboutpage_EventContainer_3lfbZ
    .aboutpage_EventDescription_2kyd6 {
    width: 450px;
    height: 300px;
  }
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Events_1jovm
  .aboutpage_EventContainer_3lfbZ
  .aboutpage_EventDescription_2kyd6
  .aboutpage_EventTitle_YDO8v {
  width: 100%;
  padding: 0px 50px;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-family: 'Reaver', serif;
  margin-bottom: 20px;
}
@media (max-width: 1300px) {
  .aboutpage_DPCAboutPage_3mKWe
    .aboutpage_Events_1jovm
    .aboutpage_EventContainer_3lfbZ
    .aboutpage_EventDescription_2kyd6
    .aboutpage_EventTitle_YDO8v {
    font-size: 24px;
  }
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Events_1jovm
  .aboutpage_EventContainer_3lfbZ
  .aboutpage_EventDescription_2kyd6
  .aboutpage_EventDesc_vnn6g {
  width: 100%;
  padding: 0px 50px;
  color: #a3a3a3;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
@media (max-width: 1300px) {
  .aboutpage_DPCAboutPage_3mKWe
    .aboutpage_Events_1jovm
    .aboutpage_EventContainer_3lfbZ
    .aboutpage_EventDescription_2kyd6
    .aboutpage_EventDesc_vnn6g {
    font-size: 16px;
  }
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_TheInternational_2s1vT {
  width: 100%;
  padding: 125px 31%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #161618;
  background: linear-gradient(300deg, #161618 0%, #142031 0%, #1d2b41 100%);
  background-size: cover;
  background-position: top, center;
  background-repeat: no-repeat;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_TheInternational_2s1vT
  .aboutpage_Title_1UuwC {
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-family: 'Reaver', serif;
  margin-bottom: 20px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_TheInternational_2s1vT
  .aboutpage_Desc_2VtWH {
  color: #aaa;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.5px;
  font-weight: 400;
  max-width: 750px;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_FAQ_2zp01 {
  width: 100%;
  padding: 80px 25%;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #252626;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: no-repeat;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_FAQ_2zp01 .aboutpage_Title_1UuwC {
  color: #fff;
  font-size: 32px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  margin-bottom: 20px;
  margin-top: 40px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_FAQ_2zp01
  .aboutpage_LastUpdated_2ZeiL {
  color: #a3a3a3;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-family: 'Reaver', serif;
  margin-bottom: 40px;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_FAQ_2zp01 .aboutpage_FAQEntry_-VY3U {
  width: 100%;
  max-width: 750px;
  margin-bottom: 30px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_FAQ_2zp01
  .aboutpage_FAQEntry_-VY3U
  .aboutpage_Question_Q4Ksv {
  color: #fff;
  font-size: 16px;
  font-family: 'Reaver', serif;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_FAQ_2zp01
  .aboutpage_FAQEntry_-VY3U
  .aboutpage_Answer_3m1ss {
  color: #a3a3a3;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Format_2mJRY {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 200px;
  padding-right: 25%;
  padding-left: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #1b1b1b;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: no-repeat;
}
.aboutpage_DPCAboutPage_3mKWe .aboutpage_Format_2mJRY .aboutpage_Title_1UuwC {
  color: #fff;
  text-align: center;
  font-size: 32px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  margin-bottom: 20px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf {
  width: 100%;
  max-width: 750px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_Subtitle_28o48 {
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-family: 'Reaver', serif;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_Subtitle02_3FVI7 {
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-family: 'Reaver', serif;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_Body_2A-KY {
  color: #a3a3a3;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  line-height: 18px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7 {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_TitleMain_1HDU8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 30px;
  margin-top: 20px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_TitleDesc_1R1kM {
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 1px;
  line-height: 16px;
  font-size: 16px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_ToursTitle_39Y_G {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 42px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_ToursDesc_3YIip {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 350px;
  margin-bottom: 4px;
  font-size: 13px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S {
  width: 643px;
  display: flex;
  flex-direction: row;
  gap: 23px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J
  .aboutpage_ToursYear_3fwhS {
  font-size: 18px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J
  .aboutpage_ToursYearRegional_1rPyi {
  font-size: 14px;
  margin-top: 28px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J
  .aboutpage_ToursYearRegionalDesc_1jBB_ {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 0px 24px;
  margin-top: 8px;
  color: #ddd;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J
  .aboutpage_ToursYearMajor_3PQoP {
  font-size: 14px;
  margin-top: 36px;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_Columns_2xt1S
  .aboutpage_Column_3eK5J
  .aboutpage_ToursYearMajorDesc_bhxdc {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 0px 24px;
  margin-top: 8px;
  color: #ddd;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_RegionalsTitle_AGXrg {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 120px;
  font-size: 20px;
  font-weight: 700;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_RegionalsDesc_8hgAe {
  margin-top: 10px;
  font-size: 17px;
  color: #ddd;
  max-width: 400px;
  text-align: center;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_InternationalTitle_10nly {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
  font-size: 20px;
  font-weight: 700;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_FormatEntry_9Wfnf
  .aboutpage_EventImage_3TaU7
  .aboutpage_InternationalDesc_2EQVn {
  margin-top: 10px;
  font-size: 17px;
  color: #ddd;
  max-width: 600px;
  text-align: center;
}
.aboutpage_DPCAboutPage_3mKWe
  .aboutpage_Format_2mJRY
  .aboutpage_EventImage_3TaU7 {
  width: 750px;
  height: 901px;
  background-color: #1a1b1f;
  margin-top: 40px;
}
.aboutpage_WeeklyGrid_3xND1 {
  width: 600px;
  height: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #111;
  padding-right: 10px;
  padding-bottom: 10px;
}
.aboutpage_WeeklyGrid_3xND1 .aboutpage_TimestampLabel_1GUY8 {
  width: 20%;
  height: 11.11%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.aboutpage_WeeklyGrid_3xND1 .aboutpage_WeeklyGridEntry_2YfAp {
  width: 11.43%;
  height: 11.11%;
  display: flex;
  flex-direction: column;
}
.aboutpage_WeeklyGrid_3xND1
  .aboutpage_WeeklyGridEntry_2YfAp.aboutpage_DoubleHigh_17ZeM {
  height: 22.22%;
}
.aboutpage_WeeklyGrid_3xND1
  .aboutpage_WeeklyGridEntry_2YfAp.aboutpage_DoubleHigh_17ZeM.aboutpage_EmptyBottom_3atlj {
  padding-bottom: 9%;
}
.aboutpage_WeeklyGrid_3xND1
  .aboutpage_WeeklyGridEntry_2YfAp
  .aboutpage_DayOfWeek_1v21E {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.aboutpage_WeeklyGrid_3xND1
  .aboutpage_WeeklyGridEntry_2YfAp
  .aboutpage_Region_6Dn3c {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #1d1d1d;
  border: 1px solid #111;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.dpcroot_Tooltip_GGh2h {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dpcroot_CarouselFade_oURfR {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.dpcroot_StandardButton_nQgCM {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.dpcroot_StandardButton_nQgCM:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.dpcroot_StandardButton_nQgCM .dpcroot_ButtonText_1V9t5 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.dpcroot_StandardButton_nQgCM .dpcroot_SteamLogo_3USNw {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.dpcroot_ToolTip_3EWbN {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.dpcroot_DPCRoot_3VT83 {
  width: 100%;
  color: #fff;
  background-color: #161618;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dpcroot_DPCRoot_3VT83 .dpcroot_GCDown_1V28C {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ddd;
}
.dpcroot_DPCHeaderImage_2adxj {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: top, center;
}
.dpcroot_SpoilerBlockPopup_2bfYT {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  background-color: #000000aa;
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV {
  max-width: 650px;
  border: 1px solid #333;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_ModalImg_qjUwd {
  background-color: #00000090;
  width: 100%;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_ModalImg_qjUwd
  .dpcroot_DPCLogo_1BtdT {
  max-width: 200px;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Header_1rnvt {
  font-size: 20px;
  color: #fff;
  font-family: 'Reaver', serif;
  font-weight: 600;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 25px 0px;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Note_2nypS {
  font-size: 16px;
  color: #999;
  padding: 15px 0px 25px 0px;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Skip_1zyxm {
  width: 100%;
  padding: 10px 0px;
  background-color: #00000090;
  text-decoration: underline;
  text-align: center;
  color: #6d6d6d;
  cursor: pointer;
  user-select: none;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Skip_1zyxm:hover {
  filter: brightness(1.6);
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Options_1fwdV {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 25px 10px 25px;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Divider_18wow {
  height: 100%;
  width: 3px;
  margin: 10px;
  background-color: #92929290;
}
.dpcroot_SpoilerBlockPopup_2bfYT .dpcroot_Box_4lvVV .dpcroot_Option_1hsRf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px 10px;
  flex-grow: 1;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Label_2WeBl {
  height: 20px;
  width: 100%;
  font-size: 14px;
  color: #61b064;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Title_1tD4L {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: left;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 600;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Title_1tD4L
  svg {
  width: 25px;
  margin-right: 10px;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Desc_CB4AW {
  font-size: 17px;
  color: #adadad;
  margin-top: 5px;
  text-align: justify;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Button_11bp1 {
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 5px 15px;
  margin-top: 20px;
  border: 2px solid #61b064;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Button_11bp1
  svg {
  width: 30px;
  height: 20px;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_Option_1hsRf
  .dpcroot_Button_11bp1:hover {
  filter: brightness(1.3);
  background-color: #ffffff10;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_OptionSpoilerFree_2v98C
  .dpcroot_Button_11bp1 {
  border: 2px solid #6b7785;
}
.dpcroot_SpoilerBlockPopup_2bfYT
  .dpcroot_Box_4lvVV
  .dpcroot_OptionSpoilerFree_2v98C
  svg {
  opacity: 0.8;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  max-height: 400px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe .dpcroot_TextContainer_1g0r7 {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventTitle_2Z6x- {
  font-size: 38px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  position: absolute;
  top: 140px;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSegment_3yJmW {
  font-size: 20px;
  font-weight: 550;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  position: absolute;
  top: 215px;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSubTitle_dVt3A {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  position: absolute;
  top: 250px;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW,
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy,
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTime_1ClVy,
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTime_3B2Aj {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW {
  top: 140px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTitle_QiDaW {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy {
  top: 160px;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  top: 220px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTitle_2w0W3 {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  top: 240px;
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsTitle_1ReEx {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 250px;
  top: 145px;
  right: 155px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsTitle_1ReEx {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY {
  font-size: 15px;
  font-weight: 700px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 10px 35px;
  width: 170px;
  height: 40px;
  top: 225px;
  right: 195px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021League_3DTMe
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsButton_3yzbY {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021League_3DTMe
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY:hover {
  background-color: #ffffff1a;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx- {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx- .dpcroot_TextContainer_1g0r7 {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPresented_3KS9N {
  font-size: 14px;
  font-weight: 550px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  position: absolute;
  top: 200px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventTitle_2Z6x- {
  font-size: 38px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  position: absolute;
  top: 140px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSegment_3yJmW {
  font-size: 20px;
  font-weight: 550;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  position: absolute;
  top: 270px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSubTitle_dVt3A {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  position: absolute;
  top: 305px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventLoc_3wLoT {
  font-size: 12px;
  font-family: 'Reaver', serif;
  color: #a3a3a3;
  letter-spacing: 1px;
  text-align: center;
  position: absolute;
  top: 70px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseTitle_2z9IC {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseTime_1R-X5 {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhaseTime_1R-X5 {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseWildcard_3S07s {
  top: 100px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhaseWildcard_3S07s {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseWildcardTime_3-Naf {
  top: 120px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseGroup_3DBuu {
  top: 180px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhaseGroup_3DBuu {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseGroupTime_2SdlE {
  top: 200px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhasePlayoffs_2uzws {
  top: 260px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhasePlayoffs_2uzws {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhasePlayoffsTime_3W3Sn {
  top: 280px;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsTitle_1ReEx {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 250px;
  top: 200px;
  right: 155px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsTitle_1ReEx {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY {
  font-size: 15px;
  font-weight: 700px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 10px 35px;
  width: 170px;
  height: 40px;
  top: 270px;
  right: 195px;
  position: absolute;
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY:hover {
  background-color: #ffffff1a;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsButton_3yzbY {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_PrizePoolTitle_JYJRh {
  font-size: 20px;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  top: 100px;
  right: 80px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_PrizePoolTitle_JYJRh {
    display: none;
  }
}
.dpcroot_DPCHeaderSpring2021Major_IXyx-
  .dpcroot_TextContainer_1g0r7
  .dpcroot_PrizePoolValue_2SztN {
  font-size: 26px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  top: 130px;
  right: 80px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderSpring2021Major_IXyx-
    .dpcroot_TextContainer_1g0r7
    .dpcroot_PrizePoolValue_2SztN {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa .dpcroot_TextContainer_1g0r7 {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_CenterContent_J6CnU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  height: 100%;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_TILogo_3qlYs {
  width: 400px;
  margin-bottom: 20px;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_Underline_2OGbF {
  width: 300px;
  height: 1px;
  background: linear-gradient(to right, #ab8c3b 30%, #efe5bb 50%, #ab8c3b 70%);
  margin-bottom: 20px;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventTitle_2Z6x- {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSubTitle_dVt3A {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPresented_3KS9N {
  font-size: 14px;
  font-weight: 550px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  position: absolute;
  top: 45px;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW,
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  font-size: 14px;
  font-weight: 600px;
  font-family: 'Reaver', serif;
  color: transparent;
  background-image: linear-gradient(
    145deg,
    #bb9a4a 0%,
    #ffdc88 45%,
    #ffe9b3 52%,
    #bb9a4a 69%
  );
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy,
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTime_1ClVy,
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTime_3B2Aj {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW {
  top: 140px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTitle_QiDaW {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy {
  top: 160px;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  top: 220px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTitle_2w0W3 {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  top: 240px;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsTitle_1ReEx {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 280px;
  top: 145px;
  right: 155px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsTitle_1ReEx {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY {
  font-size: 15px;
  font-weight: 700px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-color: #bb9a4a;
  border-radius: 3px;
  padding: 10px 35px;
  width: 170px;
  height: 40px;
  top: 225px;
  right: 210px;
  position: absolute;
}
.dpcroot_DPCHeaderTI2021Quals_2SWDa
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY:hover {
  background-color: #ffffff1a;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021Quals_2SWDa
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsButton_3yzbY {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021_botBF {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_DPCHeaderTI2021_botBF .dpcroot_TextContainer_1g0r7 {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_CenterContent_J6CnU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  height: 100%;
  pointer-events: auto;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_TILogo_3qlYs {
  width: 400px;
  margin-bottom: 20px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_Underline_2OGbF {
  width: 300px;
  height: 1px;
  background: linear-gradient(to right, #ab8c3b 30%, #efe5bb 50%, #ab8c3b 70%);
  margin-bottom: 20px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventTitle_2Z6x- {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSubTitle_dVt3A {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseTitle_2z9IC {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: transparent;
  background-image: linear-gradient(
    145deg,
    #bb9a4a 0%,
    #ffdc88 45%,
    #ffe9b3 52%,
    #bb9a4a 69%
  );
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021_botBF
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhaseTitle_2z9IC {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseTime_1R-X5 {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021_botBF
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventPhaseTime_1R-X5 {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseGroup_3DBuu {
  top: 140px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhaseGroupTime_2SdlE {
  top: 160px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhasePlayoffs_2uzws {
  top: 220px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventPhasePlayoffsTime_3W3Sn {
  top: 240px;
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_PrizePoolTitle_JYJRh {
  font-size: 20px;
  font-family: 'Reaver', serif;
  color: transparent;
  background-image: linear-gradient(
    145deg,
    #bb9a4a 0%,
    #ffdc88 45%,
    #ffe9b3 52%,
    #bb9a4a 69%
  );
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  top: 160px;
  right: 80px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021_botBF
    .dpcroot_TextContainer_1g0r7
    .dpcroot_PrizePoolTitle_JYJRh {
    display: none;
  }
}
.dpcroot_DPCHeaderTI2021_botBF
  .dpcroot_TextContainer_1g0r7
  .dpcroot_PrizePoolValue_2SztN {
  font-size: 26px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  top: 190px;
  right: 80px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderTI2021_botBF
    .dpcroot_TextContainer_1g0r7
    .dpcroot_PrizePoolValue_2SztN {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1 {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  max-height: 400px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1 .dpcroot_TextContainer_1g0r7 {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventTitle_2Z6x- {
  font-size: 38px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  position: absolute;
  top: 140px;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSegment_3yJmW {
  font-size: 20px;
  font-weight: 550;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  position: absolute;
  top: 215px;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventSubTitle_dVt3A {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  position: absolute;
  top: 250px;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW,
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  font-size: 14px;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy,
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 400px;
  left: 20px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTime_1ClVy,
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTime_3B2Aj {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTitle_QiDaW {
  top: 140px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventStartTitle_QiDaW {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventStartTime_1ClVy {
  top: 160px;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTitle_2w0W3 {
  top: 220px;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventEndTitle_2w0W3 {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventEndTime_3B2Aj {
  top: 240px;
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsTitle_1ReEx {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  width: 250px;
  top: 145px;
  right: 155px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsTitle_1ReEx {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY {
  font-size: 15px;
  font-weight: 700px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 10px 35px;
  width: 170px;
  height: 40px;
  top: 225px;
  right: 195px;
  position: absolute;
}
@media (max-width: 1300px) {
  .dpcroot_DPCHeaderGenericLeague_3VSU1
    .dpcroot_TextContainer_1g0r7
    .dpcroot_EventResultsButton_3yzbY {
    display: none;
  }
}
.dpcroot_DPCHeaderGenericLeague_3VSU1
  .dpcroot_TextContainer_1g0r7
  .dpcroot_EventResultsButton_3yzbY:hover {
  background-color: #ffffff1a;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.schedulepage_Tooltip_Iydxz {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.schedulepage_CarouselFade_3kirz {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.schedulepage_StandardButton_22Vf3 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.schedulepage_StandardButton_22Vf3:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.schedulepage_StandardButton_22Vf3 .schedulepage_ButtonText_2OBMf {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.schedulepage_StandardButton_22Vf3 .schedulepage_SteamLogo_16x4F {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.schedulepage_ToolTip_3lL54 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.schedulepage_DPCSchedulePage_J-DTL {
  color: #fff;
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: repeat-y;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.schedulepage_DPCSchedulePage_J-DTL .schedulepage_ScrollToTopButton_1r-rx {
  padding: 8px 30px;
  background-color: #2e3339;
  color: #9099a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 3px;
  margin-top: 60px;
  margin-bottom: 200px;
  cursor: pointer;
  user-select: none;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.schedulepage_DPCSchedulePage_J-DTL
  .schedulepage_ScrollToTopButton_1r-rx:hover {
  color: #fff;
  background-color: #41474e;
}
.schedulepage_DPCScheduleHeader_1-Phy {
  width: 100%;
  height: 100px;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: right;
  gap: 30px;
  align-items: center;
  background: linear-gradient(
    180deg,
    #161618 0%,
    #161618 0%,
    #161618 75%,
    rgba(22, 22, 24, 0) 100%
  );
  z-index: 998;
  padding: 0px 20px;
}
.schedulepage_DPCScheduleHeader_1-Phy .schedulepage_Filters_3wb9m {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_AllDays_nwkeQ {
  height: 50px;
  font-size: 15px;
  color: #fff;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 0px 25px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 3px solid #28282e;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: none;
  cursor: pointer;
  user-select: none;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_AllDays_nwkeQ.schedulepage_Selected_3XenX {
  background-color: #222;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8 {
  height: 100px;
  font-size: 12px;
  color: #fff;
  font-family: 'Reaver', serif;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_Title_2Pvkg {
  font-family: 'Reaver', serif;
  color: #a7a7a7;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_DayList_2wZOM {
  height: 50px;
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_DayList_2wZOM
  .schedulepage_DayContainer_1adcC {
  height: 100%;
  min-width: 50px;
  padding: 0px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 3px solid #28282e;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: none;
  cursor: pointer;
  user-select: none;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_DayList_2wZOM
  .schedulepage_DayContainer_1adcC.schedulepage_Selected_3XenX {
  background-color: #28282e;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_DayList_2wZOM
  .schedulepage_DayContainer_1adcC
  .schedulepage_DayNumber_1Jl04 {
  font-size: 15px;
  color: #fff;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.schedulepage_DPCScheduleHeader_1-Phy
  .schedulepage_InternationalDaySelector_bsIjw
  .schedulepage_EventStageContainer_1MBg8
  .schedulepage_DayList_2wZOM
  .schedulepage_DayContainer_1adcC
  .schedulepage_DayOfWeek_2SKaX {
  font-size: 12px;
  color: #a7a7a7;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.schedulepage_DPCScheduleList_9d9np {
  width: 100%;
  min-height: 1000px;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: 0px 0px;
}
.schedulepage_DPCScheduleList_9d9np .schedulepage_DaySection_3sqgx {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.schedulepage_DPCScheduleList_9d9np
  .schedulepage_DaySection_3sqgx
  .schedulepage_DayHeader_3h7NQ {
  width: calc(100% - 40px);
  max-width: 1200px;
  height: 40px;
  margin: 0px 0px;
  background-color: #28282e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 200px;
  z-index: 2;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
}
.schedulepage_DPCScheduleList_9d9np
  .schedulepage_DaySection_3sqgx
  .schedulepage_DayHeader_3h7NQ.schedulepage_IsEventCompleted_32b_2 {
  top: 140px;
}
.schedulepage_DPCScheduleList_9d9np
  .schedulepage_DaySection_3sqgx
  .schedulepage_DayHeader_3h7NQ
  .schedulepage_DateLabel_2niU3 {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.schedulepage_DPCScheduleList_9d9np
  .schedulepage_DaySection_3sqgx
  .schedulepage_DayNodeList_2qBkm {
  width: 100%;
  max-width: 1240px;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.schedulepage_DPCScheduleEntry_3y0l2 {
  width: 100%;
  max-width: 1200px;
  background-color: #27272dbf;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
  border: 1px solid transparent;
  transition-property: border, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.schedulepage_DPCScheduleEntry_3y0l2.schedulepage_Expanded_16zY4 {
  border: 1px solid #2c3b63;
  background-color: #1c2031;
}
.schedulepage_DPCScheduleEntry_3y0l2 .schedulepage_Body_3vxUU {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_LeftSection_2Qs-X {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_NodeType_7B3pD {
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_NodeType_7B3pD.schedulepage_Upper_1uwpw {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 2px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_NodeType_7B3pD.schedulepage_Lower_2gwVS {
  font-size: 12px;
  letter-spacing: 1px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_TimeLabel_uZM_o {
  color: #6b7785;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 1000px) {
  .schedulepage_DPCScheduleEntry_3y0l2
    .schedulepage_Body_3vxUU
    .schedulepage_LeftSection_2Qs-X {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
  .schedulepage_DPCScheduleEntry_3y0l2
    .schedulepage_Body_3vxUU
    .schedulepage_LeftSection_2Qs-X
    .schedulepage_NodeType_7B3pD.schedulepage_Upper_1uwpw,
  .schedulepage_DPCScheduleEntry_3y0l2
    .schedulepage_Body_3vxUU
    .schedulepage_LeftSection_2Qs-X
    .schedulepage_NodeType_7B3pD.schedulepage_Lower_2gwVS {
    font-size: 12px;
  }
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #a3a3a3;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr.schedulepage_Winner_1rqXG
  .schedulepage_TeamName_GaQic {
  color: #fff;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr.schedulepage_Left_2lNWt {
  text-align: right;
  margin-right: 14px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr.schedulepage_Right_10Sjo {
  text-align: left;
  margin-left: 14px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr
  .schedulepage_TeamName_GaQic {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamSection_2YSDr
  .schedulepage_Record_3PrHy {
  font-size: 13px;
  font-weight: 700;
  color: #6b7785;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_TeamLogo_1qbyw {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_CenterContainer_-EYdz {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_CenterContainer_-EYdz
  .schedulepage_LiveBanner_2_QQf {
  background-color: #00ab30;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 2px;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: flex;
  flex-direction: row;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_CenterContainer_-EYdz
  .schedulepage_LiveBanner_2_QQf
  .schedulepage_Dot_3g47v {
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-radius: 4px;
  background-color: #fff;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_CenterContainer_-EYdz
  .schedulepage_Versus_1mvbK {
  width: 100px;
  text-align: center;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_CenterSection_2KdXd
  .schedulepage_CenterContainer_-EYdz
  .schedulepage_Score_3aCK3 {
  width: 100px;
  text-align: center;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_RightSection_1VXoP {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1000px) {
  .schedulepage_DPCScheduleEntry_3y0l2
    .schedulepage_Body_3vxUU
    .schedulepage_RightSection_1VXoP {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_RightSection_1VXoP
  .schedulepage_MatchDetailsButton_3egRQ {
  padding: 8px 30px;
  background-color: #2e3339;
  color: #9099a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_RightSection_1VXoP
  .schedulepage_MatchDetailsButton_3egRQ:hover,
.schedulepage_DPCScheduleEntry_3y0l2
  .schedulepage_Body_3vxUU
  .schedulepage_RightSection_1VXoP
  .schedulepage_MatchDetailsButton_3egRQ.schedulepage_Expanded_16zY4 {
  color: #fff;
  background-color: #41474e;
}
.schedulepage_DPCScheduleEntry_3y0l2 .schedulepage_Expansion_30W3U {
  width: 100%;
  height: 0px;
  overflow: hidden;
  background-color: #15171e;
  transition-property: height, min-height, padding-top, padding-bottom;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.schedulepage_DPCScheduleGameDetails_34rHh {
  width: 100%;
  flex-grow: 1;
  flex-basis: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.schedulepage_DPCScheduleGameDetails_34rHh .schedulepage_LeftSection_2Qs-X {
  width: 250px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_Time_3H8xZ {
  color: #6b7785;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_WatchedBox_5z83N {
  padding: 4px 8px;
  background-color: #007acc;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 10px;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_MarkWatchedButton_3hQQV {
  padding: 4px 8px;
  border: 1px solid #005288;
  background-color: #001524;
  border-radius: 3px;
  color: #7d94a3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 10px;
  cursor: pointer;
  user-select: none;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_LeftSection_2Qs-X
  .schedulepage_MarkWatchedButton_3hQQV:hover {
  background-color: #003050;
}
.schedulepage_DPCScheduleGameDetails_34rHh .schedulepage_HeroList_3cr1j {
  width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0px 40px;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_HeroList_3cr1j
  .schedulepage_HeroIcon_1wUEA {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
}
.schedulepage_DPCScheduleGameDetails_34rHh .schedulepage_Center_11McY {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_Center_11McY
  .schedulepage_FirstLine_3QmiG {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_Center_11McY
  .schedulepage_FirstLine_3QmiG
  .schedulepage_GameNumber_2v4Ar {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_Center_11McY
  .schedulepage_WinningTeam_1XW2H {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #a3a3a3;
  text-align: center;
  margin-bottom: 8px;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_Center_11McY
  .schedulepage_Duration_2Rf33 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #6b7785;
}
.schedulepage_DPCScheduleGameDetails_34rHh .schedulepage_RightSection_1VXoP {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_RightSection_1VXoP
  .schedulepage_WatchVODButton_3BXoh {
  padding: 8px 30px;
  width: 60%;
  background-color: #2e3339;
  font-size: 12px;
  color: #0f1113;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  border-color: #2e3339;
  border-radius: 3px;
  user-select: none;
  pointer-events: none;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_RightSection_1VXoP
  .schedulepage_WatchVODButton_3BXoh.schedulepage_Enabled_1ES5B {
  border: 1px solid #2e3339;
  color: #9099a3;
  cursor: pointer;
  pointer-events: initial;
}
.schedulepage_DPCScheduleGameDetails_34rHh
  .schedulepage_RightSection_1VXoP
  .schedulepage_WatchVODButton_3BXoh.schedulepage_Enabled_1ES5B:hover {
  color: #fff;
  background-color: #41474e;
  cursor: pointer;
}
.schedulepage_DPCScheduleGameDetails_34rHh::after {
  width: calc(100% - 48px);
  height: 100%;
  position: absolute;
  content: '';
  margin: 0px 24px;
  border-bottom: 1px solid #31363f;
  pointer-events: none;
}
.schedulepage_DPCScheduleGameDetails_34rHh::after.schedulepage_IsLast_1BhPF {
  border-bottom: none;
}
.aboutbanner_DPCAboutBanner_2QgBE {
  width: 100%;
  background-color: #1b293e;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
}
.aboutbanner_DPCAboutBanner_2QgBE .aboutbanner_Background_3O-Jk {
  width: 100%;
  max-width: 1920px;
  height: 330px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aboutbanner_DPCAboutBanner_2QgBE
  .aboutbanner_Background_3O-Jk
  .aboutbanner_Content_25lN3 {
  width: 100%;
  padding: 0px 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.aboutbanner_DPCAboutBanner_2QgBE
  .aboutbanner_Background_3O-Jk
  .aboutbanner_Content_25lN3
  .aboutbanner_Title_2Ed2T {
  color: #fff;
  font-family: 'Reaver', serif;
  font-weight: 650;
  font-size: 30px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.aboutbanner_DPCAboutBanner_2QgBE
  .aboutbanner_Background_3O-Jk
  .aboutbanner_Content_25lN3
  .aboutbanner_Body_11EGA {
  color: #a3a3a3;
  font-family: 'Reaver', serif;
  font-weight: 550;
  font-size: 20px;
  letter-spacing: 1px;
  width: 430px;
  margin-bottom: 35px;
}
.aboutbanner_DPCAboutBanner_2QgBE
  .aboutbanner_Background_3O-Jk
  .aboutbanner_Content_25lN3
  .aboutbanner_Button_3WY5V {
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  padding: 10px 35px;
  background-color: transparent;
  color: #a3a3a3;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: color, border-color, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.aboutbanner_DPCAboutBanner_2QgBE
  .aboutbanner_Background_3O-Jk
  .aboutbanner_Content_25lN3
  .aboutbanner_Button_3WY5V:hover {
  border-color: #fff;
  color: #fff;
  background-color: #ffffff1a;
}
.standingsbracket_DPCStandingsBracket_1Xt0p {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 20px;
}
.standingsbracket_DPCStandingsBracket_1Xt0p.standingsbracket_NoData_2ctr9 {
  opacity: 0;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketHeader_32VmK {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #36363e;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d {
  width: 100%;
  position: relative;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  background-color: #27272dbf;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d.standingsbracket_NodeExpanded_3KF2_ {
  background-color: #121214;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d
  .standingsbracket_DayDisplayContainer_E0PK7 {
  width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 40px;
  right: 30px;
  cursor: pointer;
  user-select: none;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d
  .standingsbracket_DayDisplayContainer_E0PK7
  .standingsbracket_DayDisplayLabel_3FV5y {
  color: #a3a3a3;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d
  .standingsbracket_DayDisplayContainer_E0PK7
  .standingsbracket_DayDisplayValue_3-f6g {
  min-width: 30px;
  color: #5e6976;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketBody_25x0d
  .standingsbracket_DayDisplayContainer_E0PK7
  .standingsbracket_DayDisplayValue_3-f6g.standingsbracket_On_2YP0g {
  color: #fff;
}
.standingsbracket_DPCStandingsBracket_1Xt0p .standingsbracket_DayLegend_1tetC {
  height: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
  overflow: hidden;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_DayLegend_1tetC.standingsbracket_Show_3eUoz {
  height: 60px;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_DayLegend_1tetC
  .standingsbracket_Timestamp_1GMkk {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_DayLegend_1tetC
  .standingsbracket_Timestamp_1GMkk
  .standingsbracket_GradientSquare_3PYt_ {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketScroller_1NHYa {
  padding-top: 60px;
  padding-left: 60px;
  padding-bottom: 60px;
  padding-right: 0px;
  max-width: 90vw;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketScroller_1NHYa::-webkit-scrollbar-track {
  background-color: transparent;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketScroller_1NHYa::-webkit-scrollbar {
  width: 3px;
  background-color: #2e3339;
}
.standingsbracket_DPCStandingsBracket_1Xt0p
  .standingsbracket_BracketScroller_1NHYa::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: #3c434a;
}
.standingsbracket_BracketConnectorStraight_1-9fq {
  height: 100%;
  position: relative;
}
.standingsbracket_BracketConnectorStraight_1-9fq
  .standingsbracket_ConnectorLine_15rTr {
  width: 100%;
  height: 1px;
  background-color: #555;
  position: absolute;
}
.standingsbracket_BracketConnectorCombine_2G63z {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_Segment1_At8as {
  width: 20px;
  height: 100%;
  position: relative;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_Segment1_At8as
  .standingsbracket_ConnectorLineTop_3SzCT {
  width: 100%;
  height: 1px;
  background-color: #555;
  position: absolute;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_Segment1_At8as
  .standingsbracket_ConnectorLineBottom_KTaHS {
  width: 100%;
  height: 1px;
  background-color: #555;
  position: absolute;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_ConnectorLineVertical_3VSQ7 {
  width: 1px;
  background-color: #555;
  position: absolute;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_Segment3_1AYzN {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.standingsbracket_BracketConnectorCombine_2G63z
  .standingsbracket_Segment3_1AYzN
  .standingsbracket_ConnectorLineCombined_3y6rg {
  width: 100%;
  height: 1px;
  background-color: #555;
}
.bracketnode_BracketNode_nYREa {
  background-color: #27272d;
  display: flex;
  flex-direction: column;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  user-select: none;
  position: relative;
  transition-property: width, height, margin, filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  overflow: hidden;
  z-index: 2;
}
.bracketnode_BracketNode_nYREa.bracketnode_Expanded_11Z54 {
  z-index: 3;
}
.bracketnode_BracketNode_nYREa.bracketnode_Expanded_11Z54
  .bracketnode_NodeHeader_1Qtwc
  .bracketnode_BestOf_2Nmd7 {
  opacity: 1;
}
.bracketnode_BracketNode_nYREa.bracketnode_Expanded_11Z54
  .bracketnode_NodeHeader_1Qtwc
  .bracketnode_Live_10DK3 {
  opacity: 0;
}
.bracketnode_BracketNode_nYREa.bracketnode_IsLive_11AHx:not(.bracketnode_Expanded_11Z54)
  .bracketnode_NodeHeader_1Qtwc
  .bracketnode_Live_10DK3 {
  opacity: 1;
}
.bracketnode_BracketNode_nYREa.bracketnode_OtherExpanded_UQCJU {
  filter: brightness(0.6);
}
.bracketnode_BracketNode_nYREa.bracketnode_ShowingColor_diHEb
  .bracketnode_NodeHeader_1Qtwc {
  color: #fff;
}
.bracketnode_BracketNode_nYREa .bracketnode_NodeHeader_1Qtwc {
  width: 100%;
  background-color: #36363e;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #36363e;
  color: #959596;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  text-align: left;
  padding: 2px 5px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_NodeHeader_1Qtwc
  .bracketnode_Live_10DK3 {
  position: absolute;
  right: 4px;
  top: 2px;
  opacity: 0;
  color: #00ab30;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_NodeHeader_1Qtwc
  .bracketnode_BestOf_2Nmd7 {
  position: absolute;
  right: 4px;
  top: 2px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.bracketnode_BracketNode_nYREa .bracketnode_ContentsContainer_1Pqp9 {
  width: 100%;
  flex-grow: 1;
  position: relative;
}
.bracketnode_BracketNode_nYREa .bracketnode_Teams_LCFB4 {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  padding-top: 6px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4.bracketnode_Hidden_24ezM {
  opacity: 0;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4
  .bracketnode_Team_MfT0Y {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #959596;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4
  .bracketnode_Team_MfT0Y.bracketnode_Winner_1EO6O {
  color: #ccc;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4
  .bracketnode_Team_MfT0Y
  .bracketnode_TeamLogo_9FdZ6 {
  margin-left: 8px;
  margin-right: 4px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4
  .bracketnode_Team_MfT0Y
  .bracketnode_TeamName_1A0H3 {
  flex-grow: 1;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Teams_LCFB4
  .bracketnode_Team_MfT0Y
  .bracketnode_Score_1d0Wi {
  width: 16px;
  margin-right: 8px;
  text-align: right;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.bracketnode_BracketNode_nYREa .bracketnode_Details_2_SCU {
  width: 100%;
  height: 100%;
  position: absolute;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU.bracketnode_Hidden_24ezM {
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Team_MfT0Y {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #959596;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Team_MfT0Y.bracketnode_Winner_1EO6O {
  color: #ccc;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Team_MfT0Y
  .bracketnode_TeamLogo_9FdZ6 {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  margin-right: 4px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Team_MfT0Y
  .bracketnode_TeamName_1A0H3 {
  flex-grow: 1;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Team_MfT0Y
  .bracketnode_Score_1d0Wi {
  width: 16px;
  margin-right: 8px;
  text-align: right;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Timestamp_1nn90 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #6b7785;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_Separator_3xF8H {
  width: calc(100% - 8px);
  margin: 4px 4px;
  border-bottom: 1px solid #3f464e;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_LiveContainer_2dtBM {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0.bracketnode_Disabled_3jOTj
  .bracketnode_GameNumber_26aPw,
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0.bracketnode_Disabled_3jOTj
  .bracketnode_DetailsButton_11Z-v {
  color: #555;
  border-color: #555;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0.bracketnode_Disabled_3jOTj
  .bracketnode_GameNumber_26aPw:hover,
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0.bracketnode_Disabled_3jOTj
  .bracketnode_DetailsButton_11Z-v:hover {
  color: #555;
  background-color: inherit;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_SeriesGame_21_C0
  .bracketnode_GameNumber_26aPw {
  flex-grow: 1;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #959596;
  margin-left: 8px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_DetailsButton_11Z-v {
  padding: 4px 8px;
  margin: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #959596;
  border: 1px solid #959596;
  border-radius: 2px;
}
.bracketnode_BracketNode_nYREa
  .bracketnode_Details_2_SCU
  .bracketnode_DetailsButton_11Z-v:hover {
  color: #ccc;
  background-color: #444;
}
.standingsbrackettree_DPCStandingsBracketTree_2H-GO {
  position: relative;
}
.standingsbrackettree_BracketNodeContainer_1jV6B,
.standingsbrackettree_BracketConnectorContainer_2vOTg {
  position: absolute;
}
.standingsresults_DPCStandingsResults_2TWyU {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0px 20px;
}
.standingsresults_DPCStandingsResults_2TWyU .standingsresults_Placement_3qVRN {
  width: 60px;
  border-radius: 3px;
  padding: 8px 0px;
  margin: 0px 40px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #36363e;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}
.standingsresults_DPCStandingsResults_2TWyU
  .standingsresults_Placement_3qVRN.standingsresults_First_5bSly {
  color: #35231e;
  background: linear-gradient(
    108deg,
    #7a6b58 0%,
    #a99878 28%,
    #d4cfc2 52%,
    #a99878 76%,
    #7a6b58 100%
  );
  border: 1.5px solid #564c40;
}
.standingsresults_DPCStandingsResults_2TWyU
  .standingsresults_Placement_3qVRN.standingsresults_Second_2zeHb {
  color: #1f2c49;
  background: linear-gradient(
    108deg,
    #485266 0%,
    #656c7f 28%,
    #a0a9ba 52%,
    #656c7f 76%,
    #485266 100%
  );
  border: 1.5px solid #394151;
}
.standingsresults_DPCStandingsResults_2TWyU
  .standingsresults_Placement_3qVRN.standingsresults_Third_1OVhZ {
  color: #311d2c;
  background: linear-gradient(
    108deg,
    #533e42 0%,
    #826363 28%,
    #c3a595 52%,
    #826363 76%,
    #533e42 100%
  );
  border: 1.5px solid #443336;
}
.standingsresults_StandingsResult_2pqSN {
  width: 100%;
  height: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(
    108deg,
    #2a2a32bf 0%,
    #2a2a32bf calc(100% - 400px),
    #36363ebf calc(100% - 400px),
    #36363ebf 100%
  );
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.standingsresults_StandingsResult_2pqSN .standingsresults_Placement_3qVRN {
  width: 60px;
  border-radius: 3px;
  padding: 8px 0px;
  margin: 0px 40px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #36363e;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_Placement_3qVRN.standingsresults_First_5bSly {
  color: #35231e;
  background: linear-gradient(
    108deg,
    #7a6b58 0%,
    #a99878 28%,
    #d4cfc2 52%,
    #a99878 76%,
    #7a6b58 100%
  );
  border: 1.5px solid #564c40;
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_Placement_3qVRN.standingsresults_Second_2zeHb {
  color: #1f2c49;
  background: linear-gradient(
    108deg,
    #485266 0%,
    #656c7f 28%,
    #a0a9ba 52%,
    #656c7f 76%,
    #485266 100%
  );
  border: 1.5px solid #394151;
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_Placement_3qVRN.standingsresults_Third_1OVhZ {
  color: #311d2c;
  background: linear-gradient(
    108deg,
    #533e42 0%,
    #826363 28%,
    #c3a595 52%,
    #826363 76%,
    #533e42 100%
  );
  border: 1.5px solid #443336;
}
.standingsresults_StandingsResult_2pqSN .standingsresults_TeamName_2JB8u {
  flex-grow: 1;
  margin-left: 40px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_EarningsContainer_43t09,
.standingsresults_StandingsResult_2pqSN
  .standingsresults_PointsContainer_2-kkm {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_EarningsContainer_43t09
  .standingsresults_Title_1Ir9X,
.standingsresults_StandingsResult_2pqSN
  .standingsresults_PointsContainer_2-kkm
  .standingsresults_Title_1Ir9X {
  color: #7f7f81;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.standingsresults_StandingsResult_2pqSN
  .standingsresults_EarningsContainer_43t09
  .standingsresults_Value_3_Jga,
.standingsresults_StandingsResult_2pqSN
  .standingsresults_PointsContainer_2-kkm
  .standingsresults_Value_3_Jga {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.standingspage_Tooltip_hZdPi {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.standingspage_CarouselFade_3iFH- {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.standingspage_StandardButton_1_67o {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.standingspage_StandardButton_1_67o:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.standingspage_StandardButton_1_67o .standingspage_ButtonText_2EPFI {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.standingspage_StandardButton_1_67o .standingspage_SteamLogo_3FeXW {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.standingspage_ToolTip_3NrsF {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.standingspage_DPCStandingsPage_oJp3o {
  width: 100%;
  color: #fff;
  background-color: #050606;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.standingspage_DPCStandingsPageLeague_26G0I {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 200px;
}
.standingspage_DPCStandingsPageLeague_26G0I .standingspage_Header_3pHiA {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  gap: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 80px;
  margin-bottom: 20px;
}
.standingspage_DPCStandingsPageMajor_m2Itz {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 200px;
}
.standingspage_DPCStandingsPageMajor_m2Itz .standingspage_Header_3pHiA {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 0px 20px;
}
.standingspage_DPCStandingsPageLeagueFinals_2mzfM {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 200px;
}
.standingspage_DPCStandingsPageLeagueFinals_2mzfM .standingspage_Header_3pHiA {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 0px 20px;
}
.standingspage_DPCStandingsPageTIQualifiers_QwnkE {
  width: 100%;
  min-height: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}
.standingspage_DPCStandingsPageTIQualifiers_QwnkE .standingspage_Header_3pHiA {
  width: 100%;
  max-width: 1420px;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 0px 20px;
}
.standingsgrid_DPCStandingsGrid_27wR8 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.standingsgrid_DPCStandingsGrid_27wR8.standingsgrid_NoData_3BlJo {
  opacity: 0;
}
.standingsgrid_DPCStandingsGrid_27wR8 .standingsgrid_GridMain_3I8BA {
  width: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #27272dbf;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.4);
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_Header_3wbqj {
  width: 100%;
  height: 40px;
  min-height: 40px;
  background-color: #36363e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B {
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc {
  display: flex;
  flex-direction: row;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG {
  width: 56px;
  height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: #818181;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG:hover {
  color: #fff;
  background-color: #27272d;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG
  .standingsgrid_Date_tu5Ef {
  font-size: 12px;
  text-align: center;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG
  .standingsgrid_Record_9-5Jy {
  font-size: 13px;
  text-align: center;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG
  .standingsgrid_GridMatch_1rJs1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_GridBody_3iy6B
  .standingsgrid_GridRow_3RuNc
  .standingsgrid_GridCell_31EuG
  .standingsgrid_GridMatch_1rJs1
  .standingsgrid_Live_1lEe7 {
  background-color: #00ab30;
  color: #fff;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 2px;
  flex-direction: row;
  align-items: center;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_RowHighlightContainer_3aeqo {
  width: 100%;
  position: absolute;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_RowHighlightContainer_3aeqo
  .standingsgrid_RowHighlight_23Tix {
  position: absolute;
  width: 100%;
  height: 56px;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_ColumnHighlightContainer_3bby9 {
  height: 100%;
  position: absolute;
}
.standingsgrid_DPCStandingsGrid_27wR8
  .standingsgrid_GridMain_3I8BA
  .standingsgrid_GridContainer_1AK8m
  .standingsgrid_ColumnHighlightContainer_3bby9
  .standingsgrid_ColumnHighlight_3O-nA {
  position: absolute;
  width: 56px;
  height: 100%;
}
.standingsgrid_LegendContainer_2MdPW {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.standingsgrid_LegendContainer_2MdPW .standingsgrid_LegendCenter_9Bvc6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 20px;
  gap: 20px;
}
.standingsgrid_LegendContainer_2MdPW
  .standingsgrid_LegendCenter_9Bvc6
  .standingsgrid_LegendItem_2OlJy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.standingsgrid_LegendContainer_2MdPW
  .standingsgrid_LegendCenter_9Bvc6
  .standingsgrid_LegendItem_2OlJy
  .standingsgrid_ColorSquare_2z4P0 {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.standingsgrid_LegendContainer_2MdPW
  .standingsgrid_LegendCenter_9Bvc6
  .standingsgrid_LegendItem_2OlJy
  .standingsgrid_Description_2qrIb {
  color: #a3a3a3;
  max-width: 300px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X {
  max-width: 1300px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X
  .standingsroundrobin_Tiebreakers_1Nu1A {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X
  .standingsroundrobin_Tiebreakers_1Nu1A
  .standingsroundrobin_Title_361Zx {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X
  .standingsroundrobin_Standings_aAnDu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 70px;
  column-gap: 20px;
  justify-content: center;
  padding: 0px 20px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X
  .standingsroundrobin_Standings_aAnDu
  .standingsroundrobin_NoTeams_1rkgt {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 20px 0px;
}
.standingsroundrobin_DPCStandingsRoundRobin_3E28X
  .standingsroundrobin_Title_361Zx {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 2px;
  padding-left: 20px;
  margin-bottom: -65px;
  margin-top: 20px;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6 {
  width: 580px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6.standingsteamlist_Narrow__lS4M {
  width: 100%;
  max-width: 390px;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6.standingsteamlist_NoData_1dWGB {
  opacity: 0;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6 .standingsteamlist_Heading_1lWn6 {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: #36363e;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #151518;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  position: relative;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6
  .standingsteamlist_Heading_1lWn6
  .standingsteamlist_ViewSelctor_6IEgw {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
}
.standingsteamlist_DPCStandingsTeamList_3rmB6 .standingsteamlist_Teams_1G6Jz {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.4);
}
.standingsteamlist_DPCStandingsTeamList_3rmB6
  .standingsteamlist_Teams_1G6Jz
  .standingsteamlist_HighlightOverlay_gXvWn {
  width: 100%;
  position: absolute;
  left: 0;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ {
  width: 100%;
  height: 70px;
  background-color: #27272dbf;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ * {
  z-index: 2;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_Standing_3fQyw {
  width: 60px;
  min-width: 60px;
  text-align: center;
  font-size: 15px;
  color: #a3a3a3;
  font-weight: 800;
  letter-spacing: 1px;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_TeamLogo_3H1TA {
  margin-right: 15px;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.4));
}
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_TeamName_7bvfE {
  flex-grow: 1;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  margin-left: 10px;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_Wins_1qw2u,
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_Losses_1SdDD,
.standingsteamlist_DPCStandingsTeam_1_RVZ .standingsteamlist_WinsLosses_1Z-lo {
  width: 70px;
  min-width: 70px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #a3a3a3;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ.standingsteamlist_Header_3UEZ5 {
  background-color: #36363e;
  height: 40px;
}
.standingsteamlist_DPCStandingsTeam_1_RVZ.standingsteamlist_Header_3UEZ5 * {
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
.standingsteamlist_LegendContainer_2uZJC {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.standingsteamlist_LegendContainer_2uZJC .standingsteamlist_LegendCenter_1Ghrb {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 20px;
  gap: 20px;
}
.standingsteamlist_LegendContainer_2uZJC
  .standingsteamlist_LegendCenter_1Ghrb
  .standingsteamlist_LegendItem_95Y-o {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.standingsteamlist_LegendContainer_2uZJC
  .standingsteamlist_LegendCenter_1Ghrb
  .standingsteamlist_LegendItem_95Y-o
  .standingsteamlist_ColorSquare_qkHm0 {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.standingsteamlist_LegendContainer_2uZJC
  .standingsteamlist_LegendCenter_1Ghrb
  .standingsteamlist_LegendItem_95Y-o
  .standingsteamlist_Description_2ym1x {
  color: #a3a3a3;
  max-width: 300px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.internationalstandingspage_Tooltip_jPUzs {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.internationalstandingspage_CarouselFade_1UfQl {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.internationalstandingspage_StandardButton_3FwRA {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.internationalstandingspage_StandardButton_3FwRA:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.internationalstandingspage_StandardButton_3FwRA
  .internationalstandingspage_ButtonText_2pVUo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.internationalstandingspage_StandardButton_3FwRA
  .internationalstandingspage_SteamLogo_2KfqK {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.internationalstandingspage_ToolTip_2MLxq {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ {
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: repeat-y;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 6px;
  padding: 60px 60px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_NoResults_mx7Ws {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamBody_3lxCw {
  height: 60px;
  background-color: #2a2a32;
  padding: 0px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition-property: filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamBody_3lxCw:hover {
  filter: brightness(1.3);
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamBody_3lxCw
  .internationalstandingspage_TeamName_uFkkH {
  flex-grow: 1;
  color: #a89b9b;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0px 30px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamBody_3lxCw
  .internationalstandingspage_Points_1kGMI {
  width: 200px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ {
  width: 100%;
  padding: 0px 30px;
  display: flex;
  flex-direction: column;
  background-color: #18181d;
  transition-property: padding;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ.internationalstandingspage_Expanded_3nEfX {
  padding-top: 4px;
  padding-bottom: 4px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ.internationalstandingspage_Expanded_3nEfX
  .internationalstandingspage_LeagueResult_3AZ2j {
  height: 40px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j {
  width: 100%;
  height: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_Timestamp_37EE5 {
  width: 200px;
  min-width: 200px;
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_PlayerLeft_3Hmjg {
  flex-grow: 1;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  text-align: center;
  gap: 8px;
  padding-left: 167px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_PlayerLeft_3Hmjg
  .internationalstandingspage_PlayerName_fPnpv {
  color: #fff;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_PointPenalty_2hhv0 {
  width: 200px;
  min-width: 200px;
  color: #af3030;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_LeagueLogo_2kXyu {
  width: 77px;
  min-width: 77px;
  height: 30px;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_LeaguePlace_9-qxE {
  width: 60px;
  min-width: 60px;
  color: #ccc;
  font-size: 14px;
  font-weight: 700;
  padding-left: 30px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_LeagueName_3efjm {
  flex-grow: 1;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0px 30px;
}
.internationalstandingspage_DPCTIStandingsPage_3-HyZ
  .internationalstandingspage_TeamEntry_2QSCy
  .internationalstandingspage_TeamExpansion_233IJ
  .internationalstandingspage_LeagueResult_3AZ2j
  .internationalstandingspage_Points_1kGMI {
  width: 200px;
  min-width: 200px;
  color: #ddd;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.international2021_Tooltip_WX1Ou {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.international2021_CarouselFade_1vOl2 {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.international2021_StandardButton_28Po- {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.international2021_StandardButton_28Po-:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.international2021_StandardButton_28Po- .international2021_ButtonText_1wzjZ {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.international2021_StandardButton_28Po- .international2021_SteamLogo_1Isae {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.international2021_ToolTip_zGTKQ {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.international2021_InternationalPrizePoolBanner_1-3Wk {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.international2021_InternationalPrizePoolBanner_1-3Wk
  .international2021_Background_2GXMw {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 0px 50px 0px;
}
.international2021_InternationalPrizePoolBanner_1-3Wk
  .international2021_Background_2GXMw
  .international2021_PrizePoolLabel_3oIVb {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Reaver', serif;
  color: #bb9a4a;
  color: #fff;
  margin-bottom: 0px;
}
.international2021_InternationalPrizePoolBanner_1-3Wk
  .international2021_Background_2GXMw
  .international2021_PrizePoolValue_2snC- {
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Reaver', serif;
  color: #fff;
  background: linear-gradient(
    #ab8c3b 30%,
    #efe5bb 50%,
    #d2bd6f 60%,
    #785f2f 80%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.international2021_InternationalPrizeSplits_DbYSg {
  width: 100%;
  padding: 0px 0px 0px 0px;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/prize_bg.jpg'); */
  background-size: cover;
  background-position: center bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_DividerTop_VhDkv {
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/divider.png'); */
  background-size: cover;
  width: 100%;
  height: 5px;
  position: absolute;
  box-shadow: 0px 0px 20px #000;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W {
  width: 100%;
  height: auto;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_PrizePoolLabel_3oIVb {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 150px;
  font-family: 'Reaver', serif;
  color: #bb9a4a;
  color: #fff;
  margin-bottom: 0px;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_PrizePoolValue_2snC- {
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: 'Reaver', serif;
  color: #fff;
  background: linear-gradient(
    #ab8c3b 30%,
    #efe5bb 50%,
    #d2bd6f 60%,
    #785f2f 80%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Title_2fexy {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: 'Reaver', serif;
  background: linear-gradient(
    #ab8c3b 30%,
    #efe5bb 50%,
    #d2bd6f 60%,
    #785f2f 80%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 26px;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Underline_TEhsx {
  width: 300px;
  height: 1px;
  background: linear-gradient(to right, #ab8c3b 30%, #efe5bb 50%, #ab8c3b 70%);
  margin-bottom: 40px;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Grid_YcYMv {
  width: 100%;
  max-width: 1280px;
  margin-bottom: 200px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Grid_YcYMv
  .international2021_GridRow_1oAOo {
  width: 100%;
  max-width: 1280px;
  height: 100px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Grid_YcYMv
  .international2021_GridRow_1oAOo
  .international2021_GridEntry_FaMQF {
  flex-grow: 1;
  flex-basis: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #00000090;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Grid_YcYMv
  .international2021_GridRow_1oAOo
  .international2021_GridEntry_FaMQF
  .international2021_PrizeValue_3wnvl {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Reaver', serif;
  background: linear-gradient(
    #ab8c3b 30%,
    #efe5bb 50%,
    #d2bd6f 60%,
    #785f2f 80%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.international2021_InternationalPrizeSplits_DbYSg
  .international2021_PrizeGridContain_3zm2W
  .international2021_Grid_YcYMv
  .international2021_GridRow_1oAOo
  .international2021_GridEntry_FaMQF
  .international2021_Place_3ww4d {
  font-size: 17px;
  letter-spacing: 2px;
  color: #a3a3a3;
}
.international2021_InternationalCompendiumBanner_ZUzrp {
  width: 100%;
  height: auto;
  position: relative;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/grout_bg.jpg'); */
  background-size: cover;
  background-position: center top;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  display: block;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Sparkles_1WPIu {
  position: absolute;
  width: 100%;
  animation-duration: 10s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-name: international2021_PortraitIn_38iMw;
}
@keyframes international2021_PortraitIn_38iMw {
  0% {
    transform: translateY(-10px);
    opacity: 0.5;
  }
  50% {
    transform: translateY(30px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0.5;
  }
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 10vw 100px 10vw;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/heroes_bottom.png'); */
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_IntroHeader_22ClT {
  font-size: 36px;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-top: 50px;
  color: #bb9a4a;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_IntroTI_1uv6Z {
  font-size: 60px;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_IntroKickoff_uMneh {
  font-size: 24px;
  font-family: 'Radiance', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #ffffff90;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_IntroDesc_1NzAz {
  font-family: 'Reaver', serif;
  font-size: 18px;
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
  max-width: 600px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_FollowTitle_31EVN {
  margin-top: 80px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_FollowSection_24R1D {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_FollowSection_24R1D
  .international2021_Follow_24z1a {
  width: 30%;
  width: 70px;
  height: 70px;
  margin: 0px 10px;
  transition-duration: 0.3s;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_FollowSection_24R1D
  .international2021_Follow_24z1a:hover {
  transform: translateY(-4px);
  filter: brightness(1.4);
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_FollowSection_24R1D
  .international2021_FollowText_24cRd {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_LearnMoreButton_2gEDj {
  border: 1px solid #bb9a4a;
  border-radius: 3px;
  padding: 10px 35px;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: color, border-color, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  cursor: pointer;
  user-select: none;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Intro_1TvG5
  .international2021_LearnMoreButton_2gEDj:hover {
  border-color: #e6c373;
  color: #fff;
  background-color: #ffffff1a;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw {
  width: 100%;
  height: auto;
  background-color: #00000060;
  overflow: visible;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_DividerTop_VhDkv {
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/divider.png'); */
  background-size: cover;
  width: 100%;
  height: 5px;
  position: absolute;
  box-shadow: 0px 0px 20px #000;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin: 0 auto;
  overflow: visible;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_ImageContainer_1xgkw {
  width: 50%;
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
@media (max-width: 900px) {
  .international2021_InternationalCompendiumBanner_ZUzrp
    .international2021_Background_2GXMw
    .international2021_CompendiumContent_1rTfb
    .international2021_ImageContainer_1xgkw {
    display: none;
  }
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_ImageContainer_1xgkw
  .international2021_StatueImage_2Illg {
  width: 200%;
  margin-top: 30px;
  z-index: 10;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 10;
  width: 70%;
  padding: 0px 0px 0px 100px;
}
@media (max-width: 900px) {
  .international2021_InternationalCompendiumBanner_ZUzrp
    .international2021_Background_2GXMw
    .international2021_CompendiumContent_1rTfb
    .international2021_CompendiumText_3CdQa {
    padding: 70px 20px;
    width: 100%;
  }
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_CompendiumHeader_1APzg {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #bb9a4a;
}
@media (max-width: 900px) {
  .international2021_InternationalCompendiumBanner_ZUzrp
    .international2021_Background_2GXMw
    .international2021_CompendiumContent_1rTfb
    .international2021_CompendiumText_3CdQa
    .international2021_CompendiumHeader_1APzg {
    font-size: 18px;
  }
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_CompendiumHeader_1APzg
  .CompendiumTitle {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  font-family: 'Reaver', serif;
  text-align: left;
  color: #fff;
  letter-spacing: 2px;
}
@media (max-width: 900px) {
  .international2021_InternationalCompendiumBanner_ZUzrp
    .international2021_Background_2GXMw
    .international2021_CompendiumContent_1rTfb
    .international2021_CompendiumText_3CdQa
    .international2021_CompendiumHeader_1APzg
    .CompendiumTitle {
    font-size: 40px;
    line-height: 45px;
  }
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_Underline_TEhsx {
  width: 300px;
  height: 1px;
  background: linear-gradient(to right, #ab8c3b 30%, #efe5bb 50%, #ab8c3b 70%);
  margin: 20px 0px;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_CompendiumDetails_3A_MY {
  font-family: 'Reaver', serif;
  font-size: 18px;
  text-align: left;
  color: #fff;
  letter-spacing: 1px;
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_LearnMoreButton_2gEDj {
  border: 1px solid #bb9a4a;
  border-radius: 3px;
  padding: 10px 35px;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: color, border-color, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  cursor: pointer;
  user-select: none;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_CompendiumContent_1rTfb
  .international2021_CompendiumText_3CdQa
  .international2021_LearnMoreButton_2gEDj:hover {
  border-color: #e6c373;
  color: #fff;
  background-color: #ffffff1a;
}
.international2021_InternationalCompendiumBanner_ZUzrp
  .international2021_Background_2GXMw
  .international2021_Rewardline_1j6n3 {
  width: 100%;
  margin-top: 0px;
}
.international2021_InternationalTeamList_o6W2k {
  width: 100%;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/grout_bg.jpg'); */
  padding-bottom: 100px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.international2021_InternationalTeamList_o6W2k
  .international2021_DividerTop_VhDkv {
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//dpc/ti10/divider.png'); */
  background-size: cover;
  width: 100%;
  height: 5px;
  position: absolute;
  box-shadow: 0px 0px 20px #000;
}
.international2021_InternationalTeamList_o6W2k .international2021_Title_2fexy {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 100px;
  font-family: 'Reaver', serif;
  text-shadow: 0px 0px 10px #000;
  color: #fff;
  margin-bottom: 20px;
}
.international2021_InternationalTeamList_o6W2k
  .international2021_Underline_TEhsx {
  width: 300px;
  height: 2px;
  background: linear-gradient(to right, #ab8c3b 30%, #efe5bb 50%, #ab8c3b 70%);
  margin-bottom: 40px;
}
.international2021_InternationalTeamList_o6W2k
  .international2021_TeamGrid_2BMl2 {
  width: 100%;
  max-width: 1280px;
  padding: 0px 5vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.international2021_IternationalTeamListTeam_3r5UZ {
  width: 180px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  box-shadow: 0px 0px 30px #000000aa;
  border: 2px solid #000;
  background-color: #00000090;
}
.international2021_IternationalTeamListTeam_3r5UZ
  .international2021_GoldTeamLogo_RqoEQ {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-repeat: no-repeat;
}
.international2021_IternationalTeamListTeam_3r5UZ
  .international2021_TeamName_eHQMB {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}
.international2021_IternationalTeamListTeam_3r5UZ
  .international2021_TeamRegion_1QbFU {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #a3a3a3;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1 {
  width: 100%;
  height: 200px;
  background: #27272d;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU {
  width: 600px;
  display: flex;
  flex-direction: column;
  color: #fff;
  z-index: 1;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_ComingUp_ssNrI {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_TeamNames_2qmHd {
  display: flex;
  flex-direction: row;
  opacity: 0;
  margin-bottom: 20px;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_TeamNames_2qmHd.nextmatchbanner_Visible_1BFGy {
  opacity: 1;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_TeamNames_2qmHd
  .nextmatchbanner_TeamName_2nwTQ {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_TeamNames_2qmHd
  .nextmatchbanner_Versus_2vMQ4 {
  color: #fff;
  font-size: 18px;
  font-family: 'Reaver', serif;
  margin: 0px 8px;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_WatchLive_3FFg9 {
  color: #a3a3a3;
  font-size: 12px;
  font-family: 'Reaver', serif;
  letter-spacing: 1px;
  opacity: 0;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_WatchLive_3FFg9.nextmatchbanner_Visible_1BFGy {
  opacity: 1;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_Timestamp_25Zsy {
  font-family: 'Reaver', serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: 0;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_LeftLabels_1S5hU
  .nextmatchbanner_Timestamp_25Zsy.nextmatchbanner_Visible_1BFGy {
  opacity: 1;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_TeamWrapper_V_zcX {
  opacity: 0.3;
  filter: brightness(0.3);
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
  height: 100%;
  position: relative;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_TeamWrapper_V_zcX.nextmatchbanner_First_2xaWz {
  z-index: 3;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_TeamWrapper_V_zcX.nextmatchbanner_Second_5le6_ {
  z-index: 2;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_TeamWrapper_V_zcX
  .nextmatchbanner_TeamDiagonal_P0TjX {
  width: 175px;
  min-width: 175px;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-color: #111;
  clip-path: polygon(50px 0px, 175px 0px, 125px 100%, 0px 100%);
  margin-right: -50px;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_ScheduleButtonContainer_N5OW3 {
  width: 350px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_ScheduleButtonContainer_N5OW3
  .nextmatchbanner_ScheduleButton_3R4ex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 15px 30px;
  z-index: 1;
  border: 2px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  user-select: none;
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_ScheduleButtonContainer_N5OW3
  .nextmatchbanner_ScheduleButton_3R4ex:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.nextmatchbanner_DPCNextMatchBanner_2UcZ1
  .nextmatchbanner_BannerContents_4w40D
  .nextmatchbanner_ScheduleButtonContainer_N5OW3
  .nextmatchbanner_ScheduleButton_3R4ex
  .nextmatchbanner_Label_3h4sp {
  height: 20px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.seriesdetails_Tooltip_1Z2bk {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.seriesdetails_CarouselFade_1CD0N {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.seriesdetails_StandardButton_1ceHq {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.seriesdetails_StandardButton_1ceHq:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.seriesdetails_StandardButton_1ceHq .seriesdetails_ButtonText_3aTcS {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.seriesdetails_StandardButton_1ceHq .seriesdetails_SteamLogo_ALl3C {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.seriesdetails_ToolTip_1eBSw {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.seriesdetails_DPCSeriesDetails_8HNS7 {
  width: 100%;
  min-height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.seriesdetails_DPCSeriesDetails_8HNS7 .seriesdetails_BGContainer_rWSHy {
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 900px;
  min-height: 900px;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.seriesdetails_DPCSeriesDetails_8HNS7
  .seriesdetails_BGContainer_rWSHy.seriesdetails_ShowChat_1YbSV
  .seriesdetails_Container_nbWQw {
  max-width: 1260px;
}
.seriesdetails_DPCSeriesDetails_8HNS7
  .seriesdetails_BGContainer_rWSHy.seriesdetails_Large_27RD2 {
  height: 1200px;
}
.seriesdetails_DPCSeriesDetails_8HNS7
  .seriesdetails_BGContainer_rWSHy.seriesdetails_Large_27RD2
  .seriesdetails_Container_nbWQw {
  max-width: 1440px;
}
.seriesdetails_DPCSeriesDetails_8HNS7
  .seriesdetails_BGContainer_rWSHy.seriesdetails_ShowChat_1YbSV.seriesdetails_Large_27RD2
  .seriesdetails_Container_nbWQw {
  max-width: 1740px;
}
.seriesdetails_DPCSeriesDetails_8HNS7
  .seriesdetails_BGContainer_rWSHy
  .seriesdetails_Container_nbWQw {
  width: 100%;
  max-width: 960px;
  z-index: 100;
  transition-property: max-width;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
@media (max-width: 1000px) {
  .seriesdetails_DPCSeriesDetails_8HNS7
    .seriesdetails_BGContainer_rWSHy
    .seriesdetails_Container_nbWQw {
    max-width: 800px;
  }
}
@media (max-width: 800px) {
  .seriesdetails_DPCSeriesDetails_8HNS7
    .seriesdetails_BGContainer_rWSHy
    .seriesdetails_Container_nbWQw {
    max-width: 600px;
  }
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2 {
  width: 100%;
  height: 110px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 4px;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2 .seriesdetails_CenterSection_2KkhP {
  width: 300px;
  height: 100%;
  background-color: #0b0b0c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  clip-path: polygon(0px 0px, 300px 0px, 260px 110px, 40px 110px);
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP:hover {
  background-color: #131315;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP:hover
  .seriesdetails_Label_3XSN6 {
  color: #fff;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP
  .seriesdetails_Header1_3UFqa {
  color: #fff;
  max-width: 230px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 3px;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP
  .seriesdetails_Header2_4IQ8x {
  color: #a3a3a3;
  max-width: 230px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP
  .seriesdetails_Timestamp_1yfDt {
  color: #6b7785;
  font-size: 12px;
  font-family: 'Radiance', serif;
  font-weight: bold;
  letter-spacing: 1px;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP
  .seriesdetails_LiveBanner_33Y0K {
  background-color: #00ab30;
  color: #fff;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 2px;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: flex;
  flex-direction: row;
}
.seriesdetails_DPCSeriesDetailsHeader_1ULg2
  .seriesdetails_CenterSection_2KkhP
  .seriesdetails_LiveBanner_33Y0K
  .seriesdetails_Dot_2IwTP {
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-radius: 4px;
  background-color: #fff;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D {
  width: 365px;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: #131315;
  color: #a3a3a3;
  transition-property: width;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Large_27RD2 {
  width: 600px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_ShowChat_1YbSV {
  width: 515px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Large_27RD2.seriesdetails_ShowChat_1YbSV {
  width: 750px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Left_3qqSu {
  clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 110px, 0px 110px);
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Left_3qqSu
  .seriesdetails_TopSection_1VFbh {
  flex-direction: row;
  padding-right: 30px;
  padding-left: 30px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Left_3qqSu
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH {
  transform: skewX(21deg);
  margin-left: 0px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Left_3qqSu
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO {
  text-align: right;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy {
  clip-path: polygon(40px 0px, 100% 0px, 100% 110px, 0px 110px);
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy
  .seriesdetails_TopSection_1VFbh {
  flex-direction: row-reverse;
  padding-left: 30px;
  padding-right: 30px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH {
  transform: skewX(-21deg);
  margin-right: 0px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO {
  text-align: left;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy
  .seriesdetails_TeamLinkSection_X46dK {
  background: linear-gradient(to right, #000000, #18181a);
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Right_3uMpy
  .seriesdetails_TeamLinkSection_X46dK
  .seriesdetails_TeamLink_1tXt8 {
  text-align: left;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Winner_kpCjX {
  color: #fff;
  text-shadow: 0px 0px 10px #06f;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Winner_kpCjX
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO,
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Winner_kpCjX
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_TeamLogo_14vAg,
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D.seriesdetails_Winner_kpCjX
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH {
  filter: drop-shadow(0px 0px 30px blue)
    drop-shadow(0px 0px 30px rgba(0, 0, 255, 0.5));
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO {
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO
  .seriesdetails_TeamName_2Gz8t {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Labels_8wQEO
  .seriesdetails_Record_65TUa {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_TeamLogo_14vAg {
  width: 70px;
  height: 70px;
  filter: drop-shadow(0px 0px 4px #000000);
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH {
  height: 30px;
  display: flex;
  flex-direction: row;
  margin: 0px 10px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH
  .seriesdetails_Pip_xgsiy {
  width: 10px;
  height: 100%;
  margin-right: 10px;
  display: none;
  background-color: #2f2f30;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH
  .seriesdetails_Pip_xgsiy.seriesdetails_Filled_25osV {
  background-color: #fff;
  box-shadow: 0px 0px 10px #06f;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Pips_3nZKH
  .seriesdetails_Pip_xgsiy.seriesdetails_Visible_1-0ou {
  display: block;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TeamLinkSection_X46dK {
  width: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #222226;
  cursor: pointer;
  user-select: none;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TeamLinkSection_X46dK
  .seriesdetails_TeamLink_1tXt8 {
  font-size: 13px;
  color: #757575;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0px 20px;
}
.seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
  .seriesdetails_TeamLinkSection_X46dK
  .seriesdetails_TeamLink_1tXt8:hover {
  filter: brightness(1.3);
}
@media (max-width: 1000px) {
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D {
    width: 284px;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_TeamLogo_14vAg {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 800px) {
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D {
    width: 184px;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_TeamLogo_14vAg {
    display: none;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Pips_3nZKH {
    height: 15px;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Pips_3nZKH
    .seriesdetails_Pip_xgsiy {
    width: 5px;
    margin-right: 5px;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Labels_8wQEO
    .seriesdetails_TeamName_2Gz8t {
    font-size: 14px;
  }
  .seriesdetails_DPCSeriesDetailsHeaderTeam_2O14D
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Labels_8wQEO
    .seriesdetails_Record_65TUa {
    font-size: 12px;
  }
}
.seriesdetails_DPCSeriesGameSelector_1awtC {
  width: 100%;
  height: 30px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.seriesdetails_DPCSeriesGameSelector_1awtC.seriesdetails_Collapse_12cy2 {
  display: none;
}
.seriesdetails_DPCSeriesGameSelector_1awtC .seriesdetails_GameOption_Fym_x {
  flex-grow: 1;
  flex-basis: 0;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #0b0b0c;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x.seriesdetails_First_1Rr_O {
  margin-left: 0px;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x.seriesdetails_Last_34v0W {
  margin-right: 0px;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x:hover {
  background-color: #131315;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x:hover
  .seriesdetails_Label_3XSN6 {
  color: #9099a4;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x.seriesdetails_Selected_zwoN1 {
  background: #161618;
  background: linear-gradient(145deg, #161618 0%, #222739 0%, #2a314a 100%);
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x.seriesdetails_Selected_zwoN1
  .seriesdetails_Label_3XSN6 {
  color: #fff;
}
.seriesdetails_DPCSeriesGameSelector_1awtC
  .seriesdetails_GameOption_Fym_x
  .seriesdetails_Label_3XSN6 {
  color: #6b7785;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.seriesdetails_DPCSeriesDetailsBody_7ipl0 {
  width: 100%;
  height: 540px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: #0b0b0c;
  border: 1px solid #0b0b0c;
  position: relative;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.seriesdetails_DPCSeriesDetailsBody_7ipl0.seriesdetails_Large_27RD2 {
  height: 810px;
}
@media (max-width: 1000px) {
  .seriesdetails_DPCSeriesDetailsBody_7ipl0 {
    height: 450px;
  }
}
@media (max-width: 800px) {
  .seriesdetails_DPCSeriesDetailsBody_7ipl0 {
    height: 337px;
  }
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6 {
  width: 300px;
  height: 400px;
  background-color: #0b0b0c99;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_Results_s9ifZ,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_Results_s9ifZ {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 0px 0px 10px #06f;
  margin-bottom: 10px;
  font-family: 'Radiance', sans-serif;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamsDraw_2sRnq,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamsDraw_2sRnq {
  width: 150px;
  display: none;
  margin: 10px 0px;
  flex-direction: row;
  justify-content: space-between;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamsDraw_2sRnq
  .seriesdetails_TeamLogo_14vAg,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamsDraw_2sRnq
  .seriesdetails_TeamLogo_14vAg {
  width: 64px;
  height: 64px;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamsDraw_2sRnq.seriesdetails_Visible_1-0ou,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamsDraw_2sRnq.seriesdetails_Visible_1-0ou {
  display: flex;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamWinner_2zWZW,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamWinner_2zWZW {
  display: none;
  margin: 10px 0px;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamWinner_2zWZW
  .seriesdetails_TeamLogo_14vAg,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamWinner_2zWZW
  .seriesdetails_TeamLogo_14vAg {
  width: 64px;
  height: 64px;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_TeamWinner_2zWZW.seriesdetails_Visible_1-0ou,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_TeamWinner_2zWZW.seriesdetails_Visible_1-0ou {
  display: flex;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_WinningTeamName_3AWUO,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_WinningTeamName_3AWUO {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsAllowSpoilers_Vw0mS
  .seriesdetails_WinningRecord_10XvR,
.seriesdetails_DPCSeriesDetailsOverview_31oDf
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_ResultsSpoilersBlocked_3dgp7
  .seriesdetails_WinningRecord_10XvR {
  font-size: 18px;
  color: #a3a3a3;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #131313;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6 {
  width: 300px;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0b0b0c99;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_Game_3zZQG {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'Radiance', sans-serif;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_TeamWinner_2zWZW {
  display: flex;
  margin: 10px 0px;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_WinningTeamName_3AWUO {
  font-size: 24px;
  color: #fff;
  text-shadow: 0px 0px 10px #06f;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_WatchVod_2GYxj {
  min-width: 160px;
  padding: 6px 0px;
  background-color: #5e6976;
  border: 2px solid #5e6976;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: regular;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: background-color, color, border-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_WatchVod_2GYxj.seriesdetails_Disabled_3zq4B {
  color: #2e3339;
  font-weight: 700;
  background-color: #5e6976;
  border: 2px solid #5e6976;
  cursor: inherit;
  user-select: none;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_WatchVod_2GYxj:hover:not(.seriesdetails_Disabled_3zq4B) {
  background-color: #767f8a;
  border-color: #767f8a;
  color: #fff;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_Details_3KdPK {
  min-width: 160px;
  padding: 6px 0px;
  background-color: #2e3339;
  border: 2px solid #2e3339;
  border-radius: 3px;
  color: #9099a3;
  font-size: 12px;
  font-weight: regular;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: background-color, color, border-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_Details_3KdPK.seriesdetails_Disabled_3zq4B {
  filter: brightness(0.6);
  cursor: inherit;
  user-select: none;
}
.seriesdetails_DPCSeriesDetailsGameOverview_2py8I
  .seriesdetails_CenterContainer_JDws6
  .seriesdetails_Details_3KdPK:hover:not(.seriesdetails_Disabled_3zq4B) {
  background-color: #41474e;
  border-color: #41474e;
  color: #fff;
}
.seriesdetails_DPCSeriesUpcoming_1JmAa {
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: row;
}
.seriesdetails_DPCSeriesUpcoming_1JmAa .seriesdetails_PlayerList_1O92P {
  flex-grow: 1;
  flex-basis: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.seriesdetails_DPCSeriesUpcoming_1JmAa.seriesdetails_Visible_1-0ou {
  display: flex;
}
.seriesdetails_DPCSeriesDetailsGameDetails_2wK4J {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
}
.seriesdetails_DPCSeriesDetailsGameDetails_2wK4J .seriesdetails_Body_27Em1 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.seriesdetails_DPCSeriesDetailsGameDetails_2wK4J .seriesdetails_NoGame_19DbW {
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.seriesdetails_MatchSectionTeam_1HkgS {
  width: calc(50% - 4px);
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seriesdetails_MatchSectionTeam_1HkgS.seriesdetails_Left_3qqSu {
  border-right: 1px solid #000;
}
.seriesdetails_MatchSectionTeam_1HkgS.seriesdetails_Left_3qqSu
  .seriesdetails_TeamHeading_1t8tk {
  flex-direction: row;
}
.seriesdetails_MatchSectionTeam_1HkgS.seriesdetails_Right_3uMpy
  .seriesdetails_TeamHeading_1t8tk {
  flex-direction: row-reverse;
}
.seriesdetails_MatchSectionTeam_1HkgS .seriesdetails_TeamHeading_1t8tk {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  padding: 8px 20px;
  background-color: #2a2a30;
  color: #a3a3a3;
}
.seriesdetails_MatchSectionTeam_1HkgS
  .seriesdetails_TeamHeading_1t8tk.seriesdetails_Winner_kpCjX {
  color: #fff;
  text-shadow: 0px 0px 10px #06f;
}
.seriesdetails_MatchSectionTeam_1HkgS
  .seriesdetails_TeamHeading_1t8tk
  .seriesdetails_Team_1iD5v {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 3px;
}
.seriesdetails_MatchSectionTeam_1HkgS
  .seriesdetails_TeamHeading_1t8tk
  .seriesdetails_Score_33Ril {
  font-size: 30px;
  font-weight: 700;
}
.seriesdetails_MatchSectionTeam_1HkgS .seriesdetails_PlayerList_1O92P {
  width: 100%;
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.seriesdetails_MatchSectionPlayer_3hFuP {
  width: 100%;
  flex-grow: 1;
  flex-basis: 1;
  display: flex;
  align-items: center;
  color: #a3a3a3;
  background-color: #1f2025;
  cursor: pointer;
  position: relative;
  transition-property: color, background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Selected_zwoN1,
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Hovered_3ZB2G {
  color: #fff;
  background-color: #20212b;
  border-top: 1px solid #314068;
  border-bottom: 1px solid #314068;
  z-index: 100;
  width: calc(100% + 10px);
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Left_3qqSu {
  flex-direction: row;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Left_3qqSu
  .seriesdetails_HeroAndLevel_TOAzr {
  text-align: right;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Left_3qqSu
  .seriesdetails_NameAndStats_344lF {
  text-align: left;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Left_3qqSu:hover {
  color: #fff;
  background-color: #20212b;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Left_3qqSu.seriesdetails_Selected_zwoN1 {
  border-left: 1px solid #314068;
  transform: translateX(5px);
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Right_3uMpy {
  flex-direction: row-reverse;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Right_3uMpy
  .seriesdetails_HeroAndLevel_TOAzr {
  text-align: left;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Right_3uMpy
  .seriesdetails_NameAndStats_344lF {
  text-align: right;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Right_3uMpy:hover {
  color: #fff;
  background-color: #20212b;
}
.seriesdetails_MatchSectionPlayer_3hFuP.seriesdetails_Right_3uMpy.seriesdetails_Selected_zwoN1 {
  border-right: 1px solid #314068;
  transform: translateX(-5px);
}
.seriesdetails_MatchSectionPlayer_3hFuP .seriesdetails_HeroAndLevel_TOAzr {
  flex-grow: 1;
  flex-basis: 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.seriesdetails_MatchSectionPlayer_3hFuP
  .seriesdetails_HeroAndLevel_TOAzr.seriesdetails_Collapsed_2xwyH {
  opacity: 0;
}
.seriesdetails_MatchSectionPlayer_3hFuP
  .seriesdetails_HeroAndLevel_TOAzr
  .seriesdetails_HeroName_3ztkq {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.seriesdetails_MatchSectionPlayer_3hFuP
  .seriesdetails_HeroAndLevel_TOAzr
  .seriesdetails_Level_2Rpe8 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.seriesdetails_MatchSectionPlayer_3hFuP .seriesdetails_NameAndStats_344lF {
  flex-grow: 1;
  flex-basis: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.seriesdetails_MatchSectionPlayer_3hFuP
  .seriesdetails_NameAndStats_344lF
  .seriesdetails_PlayerName_125qb {
  font-size: 16px;
  font-weight: bold;
}
.seriesdetails_MatchSectionPlayer_3hFuP
  .seriesdetails_NameAndStats_344lF
  .seriesdetails_Stats_jVrOg {
  font-size: 12px;
  font-weight: bold;
}
.seriesdetails_MatchSectionPlayer_3hFuP .seriesdetails_HeroIcon_2SVTj {
  width: 64px;
  height: 64px;
  margin: 0px 12px;
  border: 1px solid #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_HeroAndLevel_TOAzr
    .seriesdetails_HeroName_3ztkq {
    font-size: 14px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_HeroAndLevel_TOAzr
    .seriesdetails_Level_2Rpe8 {
    font-size: 10px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_NameAndStats_344lF
    .seriesdetails_PlayerName_125qb {
    font-size: 13px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_NameAndStats_344lF
    .seriesdetails_Stats_jVrOg {
    font-size: 10px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP .seriesdetails_HeroIcon_2SVTj {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 800px) {
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_HeroAndLevel_TOAzr
    .seriesdetails_HeroName_3ztkq {
    font-size: 12px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_HeroAndLevel_TOAzr
    .seriesdetails_Level_2Rpe8 {
    font-size: 8px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_NameAndStats_344lF
    .seriesdetails_PlayerName_125qb {
    font-size: 11px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP
    .seriesdetails_NameAndStats_344lF
    .seriesdetails_Stats_jVrOg {
    font-size: 8px;
  }
  .seriesdetails_MatchSectionPlayer_3hFuP .seriesdetails_HeroIcon_2SVTj {
    width: 32px;
    height: 32px;
  }
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm {
  height: 100%;
  width: calc(50% - 4px);
  position: absolute;
  background-color: #20212b;
  top: 0px;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #314068;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm.seriesdetails_Visible_1-0ou {
  opacity: 1;
  pointer-events: inherit;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm.seriesdetails_Left_3qqSu {
  left: 0px;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm.seriesdetails_Right_3uMpy {
  right: 0px;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh {
  width: 100%;
  height: 400px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Player_1Kj6u {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Player_1Kj6u
  .seriesdetails_PlayerName_125qb {
  width: 100%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 4px;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Player_1Kj6u
  .seriesdetails_TeamName_2Gz8t {
  width: 100%;
  color: #a3a3a3;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 12px;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Player_1Kj6u
  .seriesdetails_PlayerImage_24rlN {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #27272a;
  border: 1px solid #000;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_Player_1Kj6u
  .seriesdetails_TeamLogo_14vAg {
  width: 70px;
  height: 70px;
  margin-top: -32px;
  filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.5));
}
@media (max-width: 800px) {
  .seriesdetails_MatchSectionDetailsOverlay__2dRm
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Player_1Kj6u
    .seriesdetails_PlayerName_125qb {
    font-size: 15px;
  }
  .seriesdetails_MatchSectionDetailsOverlay__2dRm
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Player_1Kj6u
    .seriesdetails_TeamName_2Gz8t {
    font-size: 12px;
  }
  .seriesdetails_MatchSectionDetailsOverlay__2dRm
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Player_1Kj6u
    .seriesdetails_PlayerImage_24rlN {
    width: 70px;
    height: 70px;
  }
  .seriesdetails_MatchSectionDetailsOverlay__2dRm
    .seriesdetails_TopSection_1VFbh
    .seriesdetails_Player_1Kj6u
    .seriesdetails_TeamLogo_14vAg {
    width: 35px;
    height: 35px;
    margin-top: -16px;
  }
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_TopSection_1VFbh
  .seriesdetails_HeroPortraitContainer_3-1MF {
  width: 80%;
  position: absolute;
  top: 0;
  right: -10%;
  opacity: 0.7;
  z-index: 100;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_ItemSection_2lkMA {
  width: calc(100% - 40px);
  border-top: 1px solid #000;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 20px 0px;
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_ItemSection_2lkMA
  .seriesdetails_ItemIcon_2laZn {
  width: 66px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #000;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
@media (max-width: 800px) {
  .seriesdetails_MatchSectionDetailsOverlay__2dRm
    .seriesdetails_ItemSection_2lkMA
    .seriesdetails_ItemIcon_2laZn {
    width: 33px;
    height: 24px;
  }
}
.seriesdetails_MatchSectionDetailsOverlay__2dRm
  .seriesdetails_PlaystyleSection_3iRV3 {
  width: calc(100% - 40px);
  flex-grow: 1;
  border-top: 1px solid #000;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs.seriesdetails_Large_27RD2
  .seriesdetails_VideoContainer_fZmD0 {
  height: 810px;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs
  .seriesdetails_VideoContainer_fZmD0 {
  width: 100%;
  height: 540px;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs .seriesdetails_Chat_3iLky {
  width: 300px;
  min-width: 300px;
  height: 100%;
  display: none;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs
  .seriesdetails_Chat_3iLky.seriesdetails_Shown_hgVI4 {
  display: block;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs
  .seriesdetails_OptionContainer_zZZiu {
  width: 100%;
  flex-grow: 1;
  border-top: 2px solid #131923;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_StreamingOption_7qwfI {
  margin: 0px 20px;
  color: #777;
  cursor: pointer;
  user-select: none;
}
.seriesdetails_DPCSeriesDetailsGameLive_13ROs
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_StreamingOption_7qwfI.seriesdetails_Enabled_1dPIF {
  color: #fff;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr.seriesdetails_Large_27RD2
  .seriesdetails_VideoContainer_fZmD0 {
  height: 810px;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_VideoContainer_fZmD0 {
  width: 100%;
  height: 540px;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_VideoContainer_fZmD0
  .seriesdetails_YouTubePlayer_IohiB {
  width: 100%;
  height: 100%;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_VideoContainer_fZmD0
  .seriesdetails_YouTubePlayer_IohiB
  > iframe {
  width: 100%;
  height: 100%;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_VideoContainer_fZmD0
  .seriesdetails_NoVOD_2b6Bw {
  font-size: 20px;
  font-weight: 500px;
  color: #6b7785;
  background-color: transparent;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_OptionContainer_zZZiu {
  width: 100%;
  flex-grow: 1;
  border-top: 2px solid #131923;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_SizeButton_2QIBf,
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_ExternalLink_3FkF2 {
  color: #888;
  cursor: pointer;
}
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_SizeButton_2QIBf:hover,
.seriesdetails_DPCSeriesDetailsGameVOD_1WMFr
  .seriesdetails_OptionContainer_zZZiu
  .seriesdetails_ExternalLink_3FkF2:hover {
  color: #fff;
}
.seriesdetails_DPCSeriesFooter_2k_FY {
  width: 100%;
  height: 55px;
  background-color: #0b0b0c;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
.seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_LeftTabs_3cPV9 {
  width: 110px;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9.seriesdetails_Hidden_bu5o6 {
  opacity: 0;
  pointer-events: none;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9
  .seriesdetails_SeriesViewTab_Q7INw {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #1b1b1f;
  transition-property: background-color, border;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9
  .seriesdetails_SeriesViewTab_Q7INw.seriesdetails_Selected_zwoN1 {
  background: #161618;
  background: linear-gradient(145deg, #161618 0%, #222739 0%, #2a314a 100%);
  border-right: 1px solid transparent;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9
  .seriesdetails_SeriesViewTab_Q7INw:not(.seriesdetails_Selected_zwoN1)
  .seriesdetails_SeriesViewTabImage_2JJvh {
  filter: brightness(0.3);
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9
  .seriesdetails_SeriesViewTab_Q7INw.seriesdetails_Valid_3lh1u:hover:not(.seriesdetails_Selected_zwoN1) {
  background-color: #1b1b1f;
  border-right: 1px solid #1b1b1f;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_LeftTabs_3cPV9
  .seriesdetails_SeriesViewTab_Q7INw
  .seriesdetails_SeriesViewTabImage_2JJvh {
  width: 30px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_CenterOptions_1oTwk {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk.seriesdetails_Hidden_bu5o6 {
  opacity: 0;
  pointer-events: none;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ {
  width: 180px;
  padding: 6px 0px;
  background-color: #2e3339;
  border: 2px solid #2e3339;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
  transition-property: background-color, border-color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ:hover {
  background-color: #41474e;
  border-color: #41474e;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ:hover
  .seriesdetails_Contents_tIamH {
  color: #fff;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ:hover
  .seriesdetails_ExternalLinkIcon_2O5Di {
  filter: brightness(800%);
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ
  .seriesdetails_Contents_tIamH {
  color: #5e6976;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_CenterOptions_1oTwk
  .seriesdetails_OutlineButton_Pm2uZ
  .seriesdetails_Contents_tIamH
  .seriesdetails_ExternalLinkIcon_2O5Di {
  color: #9099a3;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-property: filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_RightTabs_kYWar {
  width: 110px;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar.seriesdetails_HasChatOption_3z2aJ {
  width: 175px;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #1b1b1f;
  cursor: pointer;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc.seriesdetails_RightGap_3FG1G {
  margin-right: 10px;
  border-right: 1px solid #1b1b1b;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc.seriesdetails_Selected_zwoN1 {
  background: #161618;
  background: linear-gradient(145deg, #161618 0%, #222739 0%, #2a314a 100%);
  border-left: 1px solid transparent;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc:not(.seriesdetails_Selected_zwoN1)
  .seriesdetails_SizeTabImage_15-Eq {
  filter: brightness(0.3);
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc:hover:not(.seriesdetails_Selected_zwoN1) {
  background-color: #131315;
}
.seriesdetails_DPCSeriesFooter_2k_FY
  .seriesdetails_RightTabs_kYWar
  .seriesdetails_SizeTab_3aPBc
  .seriesdetails_SizeTabImage_15-Eq {
  width: 30px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  .seriesdetails_DPCSeriesFooter_2k_FY {
    height: 53px;
  }
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_CenterOptions_1oTwk {
    transform: scale(85%);
  }
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_LeftTabs_3cPV9,
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_RightTabs_kYWar {
    width: 150px;
  }
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SeriesViewTabImage_2JJvh {
    width: 26px;
    height: 18px;
  }
}
@media (max-width: 800px) {
  .seriesdetails_DPCSeriesFooter_2k_FY {
    height: 35px;
  }
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_CenterOptions_1oTwk {
    transform: scale(70%);
  }
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_LeftTabs_3cPV9,
  .seriesdetails_DPCSeriesFooter_2k_FY .seriesdetails_RightTabs_kYWar {
    width: 100px;
  }
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_LeftTabs_3cPV9
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SizeTab_3aPBc
    .seriesdetails_SeriesViewTabImage_2JJvh,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SizeTabImage_15-Eq,
  .seriesdetails_DPCSeriesFooter_2k_FY
    .seriesdetails_RightTabs_kYWar
    .seriesdetails_SeriesViewTab_Q7INw
    .seriesdetails_SeriesViewTabImage_2JJvh {
    width: 17px;
    height: 12px;
  }
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.teamlist_Tooltip_39aT6 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.teamlist_CarouselFade_1vzfE {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.teamlist_StandardButton_Yf2zE {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.teamlist_StandardButton_Yf2zE:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.teamlist_StandardButton_Yf2zE .teamlist_ButtonText_xBa2n {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.teamlist_StandardButton_Yf2zE .teamlist_SteamLogo_2EotL {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.teamlist_ToolTip_3ACSo {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.teamlist_DPCTeamList_2FXfn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #161618;
  background-position: top, center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  justify-content: center;
  position: relative;
}
.teamlist_DPCTeamList_2FXfn .teamlist_Header_2lOR- {
  width: 100%;
  max-width: 1200px;
  height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 80px;
}
.teamlist_DPCTeamList_2FXfn .teamlist_Header_2lOR- .teamlist_Title_1hFl7 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-left: 4px;
}
.teamlist_DPCTeamList_2FXfn .teamlist_TeamList_2Z-Lh {
  width: 100%;
  max-width: 1200px;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-bottom: 200px;
}
.teamlist_DPCTeamList_2FXfn .teamlist_ShowMoreButton_1N1JS {
  padding: 8px 50px;
  background-color: #2e3339;
  border-radius: 3px;
  margin-top: -120px;
  margin-bottom: 200px;
  color: #9099a3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  user-select: none;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.teamlist_DPCTeamList_2FXfn .teamlist_ShowMoreButton_1N1JS:hover {
  background-color: #41474e;
  color: #fff;
}
.teamlist_TeamEntry_3IATc {
  width: 100%;
  height: 100px;
  min-height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #36363ebf;
  color: #a3a3a3;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
.teamlist_TeamEntry_3IATc .teamlist_TeamLogo_1cznA {
  margin-left: 18px;
  margin-right: 12px;
}
.teamlist_TeamEntry_3IATc .teamlist_FavoriteSection_3iDaV {
  width: 70px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #6e6e7766;
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM {
  max-width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM.teamlist_CanFollow_1ELxk {
  cursor: pointer;
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM.teamlist_CanFollow_1ELxk:hover {
  filter: brightness(1.3);
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM
  .teamlist_Star_1iqIn {
  width: 15px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM.teamlist_IsFollowing_3hNc6 {
  filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5));
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM.teamlist_IsFollowing_3hNc6.teamlist_CanFollow_1ELxk:hover {
  filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5)) brightness(1.3);
}
.teamlist_TeamEntry_3IATc
  .teamlist_FavoriteSection_3iDaV
  .teamlist_FollowingLine_2nFVM.teamlist_IsFollowing_3hNc6
  .teamlist_Star_1iqIn {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.teamlist_TeamEntry_3IATc .teamlist_TeamInfoSection_2G6B9 {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
}
.teamlist_TeamEntry_3IATc
  .teamlist_TeamInfoSection_2G6B9
  .teamlist_TeamInfo_2lXxF {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.teamlist_TeamEntry_3IATc
  .teamlist_TeamInfoSection_2G6B9
  .teamlist_TeamInfo_2lXxF
  .teamlist_TeamName_3JwGo {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-right: 10px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_TeamInfoSection_2G6B9
  .teamlist_TeamInfo_2lXxF
  .teamlist_Record_hrI2X {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_TeamInfoSection_2G6B9
  .teamlist_Region_1Qk84 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_TeamInfoSection_2G6B9
  .teamlist_Division_2q53y {
  color: #6b7785;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.teamlist_TeamEntry_3IATc .teamlist_PlayerSection_jpC_a {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: -14px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_PlayerSection_jpC_a
  .teamlist_PlayerImageContainer_3y5YF {
  height: 100%;
  width: 90px;
  margin: 0px -14px;
  background-image: linear-gradient(
    280deg,
    rgba(0, 0, 0, 0.3),
    transparent,
    rgba(0, 0, 0, 0.3)
  );
  clip-path: polygon(30px 0px, 100% 0px, calc(100% - 30px) 100%, 0px 100%);
}
.teamlist_TeamEntry_3IATc
  .teamlist_PlayerSection_jpC_a
  .teamlist_PlayerImageContainer_3y5YF
  .teamlist_PlayerGradient_386bF {
  width: 100%;
  height: 100%;
  mask-image: linear-gradient(#fff, #fff 76%, transparent 80%);
  -webkit-mask-image: linear-gradient(#fff, #fff 80%, transparent 95%);
}
.teamlist_TeamEntry_3IATc
  .teamlist_PlayerSection_jpC_a
  .teamlist_PlayerImageContainer_3y5YF
  .teamlist_PlayerGradient_386bF
  .teamlist_PlayerImage_2iRU0 {
  width: 100%;
  padding-top: 15%;
}
.teamlist_TeamEntry_3IATc .teamlist_MatchSection_2WfoI {
  width: 330px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  clip-path: polygon(30px 0px, 100% 0px, 100% 100%, 0% 100%);
}
.teamlist_TeamEntry_3IATc .teamlist_MatchSection_2WfoI .teamlist_TopBar_28KpJ {
  width: 100%;
  height: 30px;
  background-color: #202023bf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA- {
  width: 100%;
  flex-grow: 1;
  background-color: #252528bf;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA-
  .teamlist_BottomSection_oAUIe {
  width: 250px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 20px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA-
  .teamlist_BottomSection_oAUIe
  .teamlist_VSTeamLogo_1wj7G {
  margin-right: 10px;
  width: 50px;
  height: 50px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA-
  .teamlist_BottomSection_oAUIe
  .teamlist_Labels_3zFGm {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA-
  .teamlist_BottomSection_oAUIe
  .teamlist_Labels_3zFGm
  .teamlist_TeamName_3JwGo {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.teamlist_TeamEntry_3IATc
  .teamlist_MatchSection_2WfoI
  .teamlist_BottomSectionWrapper_1LWA-
  .teamlist_BottomSection_oAUIe
  .teamlist_Labels_3zFGm
  .teamlist_Context_3Wa2g {
  color: #a3a3a3;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.followedteammatches_DPCFollowedTeamMatches_2VKwY {
  width: 100%;
  background-color: #2f2f36;
  background-position: top, center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 65px;
  padding-bottom: 90px;
}
.followedteammatches_DPCFollowedTeamMatches_2VKwY
  .followedteammatches_MatchesContainer_mCI3S {
  width: 100%;
  max-width: 1200px;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.followedteammatches_DPCFollowedTeamMatches_2VKwY
  .followedteammatches_MatchesContainer_mCI3S
  .followedteammatches_Header_nWEzH {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 20px;
}
.followedteammatches_DPCFollowedTeamMatches_2VKwY
  .followedteammatches_MatchesContainer_mCI3S
  .followedteammatches_SeriesList_2yuQs {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH {
  width: 365px;
  height: 380px;
  background-color: #25252a;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.2);
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Header_nWEzH {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #19191cb3;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Header_nWEzH
  .followedteammatches_Timestamp_2kiPo {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq
  .followedteammatches_TeamsVS_IRFuy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  color: #a3a3a3;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq
  .followedteammatches_Description1_1abaC {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 3px;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq
  .followedteammatches_Description2_xqCkN {
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq
  .followedteammatches_WatchVod_3CLmC {
  min-width: 160px;
  padding: 6px 0px;
  background-color: #5e6976;
  border: 2px solid #5e6976;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: regular;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-property: background-color, color, border-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.followedteammatches_DPCFollowedTeamSeries_1YTlH
  .followedteammatches_Gradient_139Gz
  .followedteammatches_Body_1EKwq
  .followedteammatches_WatchVod_3CLmC:hover {
  background-color: #767f8a;
  border-color: #767f8a;
  color: #fff;
}
.standingsdivision_DPCStandingsDivision_33H6m {
  width: 100%;
  max-width: 1300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 90;
}
.standingsdivision_DPCStandingsDivision_33H6m
  .standingsdivision_TeamLists_3RxwI {
  width: 100%;
  min-height: 1000px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 30px;
}
.standingsdivision_DPCStandingsDivision_33H6m
  .standingsdivision_TeamLists_3RxwI.standingsdivision_NoData_-3vz9 {
  opacity: 0;
}
.standingsdivision_LegendContainer_1eZ_Z {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.standingsdivision_LegendContainer_1eZ_Z .standingsdivision_LegendCenter_3TJiF {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 20px;
  gap: 20px;
}
.standingsdivision_LegendContainer_1eZ_Z
  .standingsdivision_LegendCenter_3TJiF
  .standingsdivision_LegendItem_z6qSZ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.standingsdivision_LegendContainer_1eZ_Z
  .standingsdivision_LegendCenter_3TJiF
  .standingsdivision_LegendItem_z6qSZ
  .standingsdivision_ColorSquare_2CCYO {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.standingsdivision_LegendContainer_1eZ_Z
  .standingsdivision_LegendCenter_3TJiF
  .standingsdivision_LegendItem_z6qSZ
  .standingsdivision_Description_2eckE {
  color: #a3a3a3;
  max-width: 300px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.leaguestandingssummary_DPCLeagueStandingsSummary_77L-f {
  width: 100%;
  background-size: 100% auto;
  background-position: top, center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
}
.leaguestandingssummary_DPCLeagueStandingsSummary_77L-f
  .leaguestandingssummary_Header_oXqZZ {
  width: 100%;
  max-width: 1295px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
  margin-bottom: -34px;
  z-index: 100;
}
.leaguestandingssummary_DPCLeagueStandingsSummary_77L-f
  .leaguestandingssummary_Header_oXqZZ
  .leaguestandingssummary_Label_1xuqr {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: transparent;
  margin-bottom: -20px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.watchpage_Tooltip_2I8xT {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.watchpage_CarouselFade_1LicL {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.watchpage_StandardButton_2BDAy {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.watchpage_StandardButton_2BDAy:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.watchpage_StandardButton_2BDAy .watchpage_ButtonText_3cf-r {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.watchpage_StandardButton_2BDAy .watchpage_SteamLogo_1_daQ {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.watchpage_ToolTip_3A2aO {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.watchpage_DPCHomePage_1dCoZ {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.herogridpage_Tooltip_301wH {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.herogridpage_CarouselFade_2WGWD {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.herogridpage_StandardButton_3UdqM {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.herogridpage_StandardButton_3UdqM:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.herogridpage_StandardButton_3UdqM .herogridpage_ButtonText_3S4Hw {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.herogridpage_StandardButton_3UdqM .herogridpage_SteamLogo_3UF43 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.herogridpage_ToolTip_1T15E {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.herogridpage_Loading_2-YrF {
  color: #fff;
  font-size: 20px;
  margin-top: 100px;
  width: 100%;
  text-align: center;
}
.herogridpage_HeroGridPage_3YcHv {
  width: 100%;
  color: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@keyframes herogridpage_delayfadein_1vtU_ {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.herogridpage_StateLoading_2S5Ce {
  position: absolute;
  width: 100%;
  top: 25vw;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  font-family: Reaver, serif;
  font-size: 80px;
  color: #fff;
}
.herogridpage_StateLoading_2S5Ce.herogridpage_Show_39HU2 {
  animation-name: herogridpage_delayfadein_1vtU_;
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.herogridpage_NoHeroes_byzyn {
  position: absolute;
  width: 100%;
  top: 25vw;
  text-align: center;
  padding: 200px;
  pointer-events: none;
  opacity: 0;
  font-family: Reaver, serif;
  font-size: 80px;
  color: #fff;
}
.herogridpage_NoHeroes_byzyn.herogridpage_Show_39HU2 {
  opacity: 1;
}
.herogridpage_HeroGrid_D36V- {
  width: 100%;
  padding: 0px 100px 0px 100px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  position: relative;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .herogridpage_HeroGrid_D36V- {
    padding: 0px 30px 0px 30px;
  }
}
.herogridpage_HeroGrid_D36V- .herogridpage_Header_2e6So {
  width: 100%;
  z-index: 2;
  margin-top: 50px;
  position: relative;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_Header_2e6So
  .herogridpage_Trapezoid_3Rwf- {
  height: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_Header_2e6So
  .herogridpage_TitleText_2sbq3 {
  color: #fff;
  font-size: 3vw;
  font-family: Reaver, serif;
  font-weight: bold;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 112%;
}
@media (max-width: 1200px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_Header_2e6So
    .herogridpage_TitleText_2sbq3 {
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_Header_2e6So
    .herogridpage_TitleText_2sbq3 {
    font-size: 40px;
    margin-top: 80px;
  }
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_Header_2e6So
  .herogridpage_SubtitleText_Q3COY {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  color: #ddd;
  font-size: 26px;
  text-align: center;
  font-weight: 100;
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_Header_2e6So
    .herogridpage_SubtitleText_Q3COY {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_Header_2e6So
    .herogridpage_SubtitleText_Q3COY {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.herogridpage_HeroGrid_D36V- .herogridpage_FilterContainer_2dEVd {
  width: 100%;
  max-width: 1200px;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #11111190;
  box-shadow: 0px 0px 30px #00000050;
  margin-top: 20px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
}
@media (max-width: 1300px) {
  .herogridpage_HeroGrid_D36V- .herogridpage_FilterContainer_2dEVd {
    width: 950px;
  }
}
@media (max-width: 1000px) {
  .herogridpage_HeroGrid_D36V- .herogridpage_FilterContainer_2dEVd {
    width: 750px;
    flex-direction: column;
    justify-content: center;
  }
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_FilterLabel_1Mwn_ {
  color: #fff;
  width: 180px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 1300px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_FilterContainer_2dEVd
    .herogridpage_FilterLabel_1Mwn_ {
    display: none;
  }
}
@media (max-width: 1000px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_FilterContainer_2dEVd
    .herogridpage_FilterLabel_1Mwn_ {
    display: block;
    margin: 20px 0px;
  }
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SpecificFilterContainer_30qnj {
  width: 250px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
}
@media (max-width: 1000px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_FilterContainer_2dEVd
    .herogridpage_SpecificFilterContainer_30qnj {
    margin: 4px 0px;
  }
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SpecificFilterContainer_30qnj
  .herogridpage_SelectorLabel_1Y7hg {
  color: #808fa6;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 20px;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SpecificFilterContainer_30qnj
  .herogridpage_Filter_N74aa {
  width: 43px;
  height: 35px;
  margin-left: -4px;
  background-size: cover;
  background-repeat: no-repeat;
  transition-property: filter;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  cursor: pointer;
  color: #fff;
  filter: brightness(0.5) saturate(0);
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SpecificFilterContainer_30qnj
  .herogridpage_Filter_N74aa.herogridpage_Selected_1os0- {
  filter: brightness(1) saturate(1);
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc {
  width: 250px;
  display: flex;
  flex-direction: row;
  justify-content: right;
}
@media (max-width: 1000px) {
  .herogridpage_HeroGrid_D36V-
    .herogridpage_FilterContainer_2dEVd
    .herogridpage_SearchBarContainer_2P5Fc {
    width: 100%;
    margin: 10px 0px;
    justify-content: center;
  }
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc
  .herogridpage_SearchBar_2paN1 {
  width: 250px;
  height: 50px;
  background-color: #25282a;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc
  .herogridpage_SearchBar_2paN1
  .herogridpage_MagnifyingGlass_3TNwr {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  margin-right: 10px;
  margin-left: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc
  .herogridpage_SearchBar_2paN1
  form {
  flex-grow: 1;
  margin-right: 10px;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc
  .herogridpage_SearchBar_2paN1
  form
  input {
  height: 30px;
  width: 100%;
  border: 0px solid transparent;
  background-color: #25282a;
  outline: none;
  color: #fff;
  font-size: 18px;
  padding: 4px;
}
.herogridpage_HeroGrid_D36V-
  .herogridpage_FilterContainer_2dEVd
  .herogridpage_SearchBarContainer_2P5Fc
  .herogridpage_SearchBar_2paN1
  form
  input:focus {
  background-color: #505050;
}
@keyframes herogridpage_gridIn_NeQOP {
  0% {
    transform: translateY(90px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.herogridpage_HeroGrid_D36V- .herogridpage_GridList_3LrTP {
  width: 1200px;
  min-height: 1500px;
  margin-top: 15px;
  transition-property: height;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0.1s;
  animation-iteration-count: 1;
  animation-name: herogridpage_gridIn_NeQOP;
  position: relative;
}
.herogridpage_HeroIcon_7szOn {
  width: 225px;
  height: 127px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 4px #000;
  filter: saturate(0.8);
  transition-property: transform, box-shadow, background-size, opacity, top,
    left;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  background-position: center;
  background-size: 110%;
  background-repeat: no-repeat;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
.herogridpage_HeroIcon_7szOn.herogridpage_Hidden_rggIB {
  transform: scale(0);
  pointer-events: none;
}
.herogridpage_HeroIcon_7szOn:hover {
  transform: scale(1.4);
  box-shadow: 3px 3px 8px #000;
  background-size: 100%;
  filter: saturate(1);
  z-index: 4;
}
.herogridpage_HeroIcon_7szOn:hover .herogridpage_HeroNameContainer_3ldbS {
  opacity: 1;
  bottom: 0px;
}
.herogridpage_HeroIcon_7szOn:hover .herogridpage_FadeContainer_Abboq {
  opacity: 1;
}
.herogridpage_HeroIcon_7szOn .herogridpage_FadeContainer_Abboq {
  width: 100%;
  height: 100%;
  position: absolute;
  transition-property: opacity, bottom;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  opacity: 0;
}
.herogridpage_HeroIcon_7szOn .herogridpage_HeroNameContainer_3ldbS {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -40px;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: opacity, bottom;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  z-index: 3;
  opacity: 0;
}
.herogridpage_HeroIcon_7szOn
  .herogridpage_HeroNameContainer_3ldbS
  .herogridpage_PrimaryStatIcon_12etd {
  width: 42px;
  height: 42px;
  padding: 8px;
  filter: drop-shadow(0px 0px 4px black);
}
.herogridpage_HeroIcon_7szOn
  .herogridpage_HeroNameContainer_3ldbS
  .herogridpage_HeroName_3N-bh {
  font-size: 18px;
  line-height: 20px;
  font-family: 'Reaver', serif;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px;
  padding-left: 0px;
  text-shadow: 0px 0px 4px #000;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.heropage_Tooltip_vvzsv {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.heropage_CarouselFade_fPL-P {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.heropage_StandardButton_3bUty {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.heropage_StandardButton_3bUty:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.heropage_StandardButton_3bUty .heropage_ButtonText_37E1w {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.heropage_StandardButton_3bUty .heropage_SteamLogo_2mlCo {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.heropage_ToolTip_2-HzQ {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.heropage_Loading_1ld_W {
  color: #fff;
  font-size: 40px;
  margin-top: 100px;
  width: 100%;
  text-align: center;
}
@keyframes heropage_PortraitIn_3wy5B {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
.heropage_HeroPage_3IRfW {
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.heropage_UpperSection_l2rxD {
  width: 100%;
  height: 85vh;
  min-height: 700px;
  padding: 40px 100px 0px 140px;
  background-position-x: -20vw;
  background-color: #000;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//backgrounds/greyfade.jpg'); */
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .heropage_UpperSection_l2rxD {
    padding: 10px;
    display: block;
  }
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C {
  position: absolute;
  width: 80%;
  height: 100%;
  top: 0;
  right: -5%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  animation-duration: 1.3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_PortraitIn_3wy5B;
}
@media (max-width: 1200px) {
  .heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C {
    max-width: 100%;
    max-height: 70%;
    width: 80%;
    min-height: 0;
    right: 0;
    top: 0px;
    margin-top: 30px;
    align-items: flex-start;
    justify-content: center;
  }
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.abaddon,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.alchemist,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.ancient_apparition,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.antimage,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.arc_warden,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.axe,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.bane,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.centaur,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.chaos_knight,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.crystal_maiden,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.dawnbreaker,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.death_prophet,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.disruptor,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.dragon_knight,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.drow_ranger,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.earth_spirit,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.ember_spirit,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.enchantress,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.enigma,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.faceless_void,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.huskar,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.invoker,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.juggernaut,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.keeper_of_the_light,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.kunkka,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lich,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lina,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lion,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.luna,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.medusa,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.mirana,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.monkey_king,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lina,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lion,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.luna,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.marci,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.medusa,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.mirana,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.ogre_magi,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.omniknight,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.oracle,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.pangolier,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.phantom_assassin,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.phantom_lancer,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.phoenix,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.queenofpain,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.razor,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.shadow_demon,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.silencer,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.skywrath_mage,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.spirit_breaker,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.troll_warlord,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.undying,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.vengeful_spirit,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.void_spirit,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.windrunner,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.wraith_king,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.zuus {
  align-items: flex-start;
  top: -3%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.beastmaster,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.bloodseeker,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.rattletrap,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.ember_spirit,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.gyrocopter,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.invoker,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.keeper_of_the_light,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.kunkka,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lifestaler,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.lone_druid,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.mars,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.morphling,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.nyx_assassin,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.shadow_shaman,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.slardar,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.techies,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.venomancer,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.weaver,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.witch_doctor
  .heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.primal_beast {
  max-width: 1400px;
  right: 0;
}
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.primal_beast {
  width: 100%;
  right: -22%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.broodmother {
  width: 100%;
  right: -20%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.kunkka,
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C.night_stalker,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.pangolier,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.sven {
  right: 5%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.dawnbreaker,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.huskar,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.pugna,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.slardar,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.sniper {
  right: -15%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.puck,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.dark_willow,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.hoodwink,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.wisp,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.pangolier,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.pugna,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.riki,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.slark,
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.sniper {
  min-height: 0;
  width: 50%;
  right: 5%;
  top: -5%;
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.hoodwink {
  width: 40%;
}
@media (max-width: 900px) {
  .heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.hoodwink {
    height: 70%;
  }
}
.heropage_UpperSection_l2rxD .heropage_HeroPortraitContainer_3oI3C.meepo {
  top: -10%;
}
.heropage_UpperSection_l2rxD
  .heropage_HeroPortraitContainer_3oI3C
  .heropage_HeroPortrait_22nJ5 {
  width: 100%;
  min-height: 100%;
  max-width: 1500px;
  -webkit-mask-image: linear-gradient(to top, transparent 10%, black 50%);
  mask-image: linear-gradient(to top, transparent 10%, black 50%);
}
@media (max-width: 1200px) {
  .heropage_UpperSection_l2rxD
    .heropage_HeroPortraitContainer_3oI3C
    .heropage_HeroPortrait_22nJ5 {
    height: 90%;
    min-height: 40%;
    margin-top: 20px;
    width: auto;
    -webkit-mask-image: linear-gradient(to top, transparent 20%, black 50%);
    mask-image: linear-gradient(to top, transparent 20%, black 50%);
  }
}
@keyframes heropage_BarIn_3WL4m {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.heropage_BackgroundGradient_2-K5f {
  width: 150%;
  height: 650px;
  background-color: #00000060;
  position: absolute;
  transform: skewY(-45deg) translateX(-50vw);
  overflow: hidden;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_BarIn_3WL4m;
}
.heropage_DiamondPip_38j6a {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  transform: rotateZ(45deg);
}
.heropage_DiamondPip_38j6a.heropage_Filled_2VXnq {
  background-color: #fff;
}
@keyframes heropage_heroInfoIn_2pSnE {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.heropage_HeroSummary_2jP25 {
  margin-top: 100px;
  margin-left: 30px;
  width: 35%;
  height: calc(90% - 100px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_heroInfoIn_2pSnE;
}
@media (max-width: 1600px) {
  .heropage_HeroSummary_2jP25 {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .heropage_HeroSummary_2jP25 {
    margin-left: 10px;
    margin-top: 450px;
    width: 90%;
    padding-bottom: 300px;
  }
}
.heropage_HeroSummary_2jP25 .heropage_HeroTypeTitle_11Ymq {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.heropage_HeroSummary_2jP25
  .heropage_HeroTypeTitle_11Ymq
  .heropage_PrimaryStatIcon_1A3VD {
  width: 32px;
  height: 32px;
}
.heropage_HeroSummary_2jP25
  .heropage_HeroTypeTitle_11Ymq
  .heropage_PrimaryStat_3HGWJ {
  margin-left: 6px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 100;
  font-size: 24px;
}
.heropage_HeroSummary_2jP25 .heropage_HeroName_2IcIu {
  margin-top: 12px;
  font-family: Reaver, serif;
  line-height: 110%;
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
}
@media (max-width: 1600px) {
  .heropage_HeroSummary_2jP25 .heropage_HeroName_2IcIu {
    font-size: 60px;
    line-height: 62px;
  }
}
@media (max-width: 1200px) {
  .heropage_HeroSummary_2jP25 .heropage_HeroName_2IcIu {
    font-size: 60px;
    line-height: 62px;
  }
}
.heropage_HeroSummary_2jP25 .heropage_HeroOneLiner_2r7td {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #a5e0f3;
  margin-top: 5px;
}
.heropage_HeroSummary_2jP25 .heropage_BioOrSummaryContainer_3NVqF {
  width: 100%;
  height: 100%;
  min-height: 300px;
  flex-grow: 1;
  position: relative;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 550px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 40px 0px 0px;
  color: #ddd;
  font-weight: lighter;
  font-size: 20px;
  line-height: 122%;
  overflow-y: scroll;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  z-index: 4;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i::-webkit-scrollbar-track {
  background-color: transparent;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i::-webkit-scrollbar {
  width: 12px;
  border-radius: 10px;
  background-color: #00000033;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #5c5c5c;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i.heropage_Hidden_1564a {
  opacity: 0;
  z-index: 0;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i
  .heropage_ShowBio_3x47o {
  margin-top: 8px;
  color: #8a8a8a;
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_BioContainer_33H8i
  .heropage_ShowBio_3x47o:hover {
  color: #ddd;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h.heropage_Hidden_1564a {
  opacity: 0;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_Lore_1FdIS {
  width: 100%;
  margin-top: 14px;
  color: #eee;
  font-weight: 200;
  font-size: 24px;
  letter-spacing: 0px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_ShowBio_3x47o {
  margin-top: 8px;
  color: #8a8a8a;
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_ShowBio_3x47o:hover {
  color: #ddd;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_Title_3V1Jt {
  margin-top: 30px;
  color: #959595;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 17px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_AttackTypeDetail_36eYv {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_AttackTypeDetail_36eYv
  .heropage_AttackTypeIcon_9eyi- {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_AttackTypeDetail_36eYv
  .heropage_Value_3ce-D {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  font-weight: bold;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_PipContainer_1k-L3 {
  display: flex;
  flex-direction: row;
  width: 80px;
  justify-content: space-between;
  margin-top: 8px;
  margin-left: 4px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_TopAbilitySelector_3HNRl {
  visibility: collapse;
  width: fit-content;
}
@media (max-width: 1200px) {
  .heropage_HeroSummary_2jP25
    .heropage_BioOrSummaryContainer_3NVqF
    .heropage_SummaryContainer_2z0_h
    .heropage_TopAbilitySelector_3HNRl {
    visibility: visible;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_TopAbilitySelector_3HNRl
  .heropage_Title_3V1Jt {
  text-align: left;
  margin-bottom: 5px;
}
.heropage_HeroSummary_2jP25
  .heropage_BioOrSummaryContainer_3NVqF
  .heropage_SummaryContainer_2z0_h
  .heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1 {
  transform: translateX(-6px);
}
@keyframes heropage_verticalBarIn_2Wsyr {
  0% {
    transform: translateY(-90px) rotate(270deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0px) rotate(270deg);
    opacity: 1;
  }
}
.heropage_HeroVerticalBar_1Ry6O {
  width: 800px;
  height: 50px;
  position: absolute;
  left: 100px;
  bottom: 80px;
  margin-right: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_verticalBarIn_2Wsyr;
  transform: rotate(270deg);
  transform-origin: bottom left;
}
@media (max-width: 1200px) {
  .heropage_HeroVerticalBar_1Ry6O {
    visibility: collapse;
  }
}
.heropage_HeroVerticalBar_1Ry6O .heropage_PrimaryStatIcon_1A3VD {
  width: 22px;
  height: 22px;
}
.heropage_HeroVerticalBar_1Ry6O .heropage_HeroName_2IcIu {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: Reaver, serif;
  font-size: 17px;
  font-weight: 600;
  margin-left: 12px;
}
.heropage_HeroVerticalBar_1Ry6O .heropage_HeroID_11wuI {
  color: #888;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 18px;
  margin-left: 10px;
  transform: translateY(-2px);
}
.heropage_HeroVerticalBar_1Ry6O .heropage_Line_2onP- {
  flex-grow: 1;
  height: 2px;
  background-color: #555;
  margin: 0px 8px 3px 8px;
}
@keyframes heropage_topAbilitiesIn_I2RNu {
  0% {
    transform: translateY(90px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.heropage_TopAbilitySelector_3HNRl {
  position: absolute;
  right: 140px;
  bottom: 80px;
  width: fit-content;
  min-height: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_topAbilitiesIn_I2RNu;
}
@media (max-width: 1200px) {
  .heropage_TopAbilitySelector_3HNRl {
    visibility: collapse;
  }
}
.heropage_TopAbilitySelector_3HNRl .heropage_Title_3V1Jt {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 6px;
  text-align: center;
}
.heropage_TopAbilitySelector_3HNRl .heropage_AbilityList_x-wl1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o {
  width: 80px;
  height: 80px;
  margin: 0px 6px;
  overflow: visible;
  position: relative;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl {
  width: 300px;
  position: absolute;
  transform: translateY(-100%) translateY(-84px) translateX(-100px);
  display: none;
  filter: drop-shadow(2px 2px 8px black);
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl.heropage_Talents_2abeJ {
  transform: translateY(-100%) translateY(-84px) translateX(-214px);
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci {
  width: 300px;
  background-color: #000;
  clip-path: polygon(
    0px 0px,
    0px calc(100% - 20px),
    calc(50% - 20px) calc(100% - 20px),
    50% 100%,
    calc(50% + 20px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 0px
  );
  min-height: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci.heropage_Talents_2abeJ {
  width: 500px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_Video_1fH3A {
  width: 300px;
  height: 169px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_Video_1fH3A
  video {
  width: 100%;
  height: 100%;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_Description_10lc5 {
  width: 300px;
  background: linear-gradient(150deg, #68727c, #14171a);
  padding: 10px 15px;
  padding-bottom: 35px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_Description_10lc5
  .heropage_TooltipTitle_oRzqV {
  color: #fff;
  font-family: Reaver, serif;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_Description_10lc5
  .heropage_TooltipDescription_1GUxa {
  color: #ddd;
  margin-top: 3px;
  font-size: 17px;
  letter-spacing: 0px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(150deg, #68727c, #14171a);
  padding: 20px;
  padding-bottom: 40px;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah
  .heropage_TalentTitle_2j-WC {
  font-family: Reaver, serif;
  font-size: 20px;
  text-shadow: 0px 0px 5px #000;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah
  .heropage_TalentRow_3BgAv {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 18px;
  background: linear-gradient(150deg, #3c4247, #0a0c0e);
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah
  .heropage_TalentRow_3BgAv
  .heropage_TalentEntry_1SJ4J {
  flex-grow: 1;
  flex-basis: 1px;
  font-family: 'Radiance', sans-serif;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  color: #ffffffbb;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah
  .heropage_TalentRow_3BgAv
  .heropage_TalentLevelContainer_1OBdY {
  border-radius: 50%;
  padding: 5px;
  background: linear-gradient(325deg, #3c4247, #0a0c0e);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipBody_3Asci
  .heropage_TalentContainer_m_wah
  .heropage_TalentRow_3BgAv
  .heropage_TalentLevelContainer_1OBdY
  .heropage_TalentLevel_1kzau {
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background: #222;
  font-size: 20px;
  font-family: Reaver, serif;
  font-weight: bold;
  letter-spacing: 2px;
  color: #e7d292;
  text-shadow: 0px 0px 8px #ff531c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilityTooltip_1ALRl
  .heropage_TooltipPointer_3LFoc {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid blue;
  position: absolute;
  left: 0;
  bottom: 0;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o:hover {
  transform: scale(1.1);
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o:hover
  .heropage_AbilityTooltip_1ALRl {
  display: block;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilitySelectable_3Chop {
  width: 80px;
  height: 80px;
  margin: 0px 6px;
  cursor: pointer;
  box-shadow: 0px 0px 20px #000, 0px 0px 20px #000;
  position: relative;
}
.heropage_TopAbilitySelector_3HNRl
  .heropage_AbilityList_x-wl1
  .heropage_TopAbilityContainer_3ty-o
  .heropage_AbilitySelectable_3Chop.heropage_NotSelected_3SHwx {
  filter: saturate(0) brightness(0.6);
}
.heropage_DetailsBarContainer_2v_HD {
  width: 100%;
  height: fit-content;
  min-height: 221px;
  background: linear-gradient(80deg, #252728 0%, #101415 100%);
  border-top: 2px solid #282828;
  border-bottom: 2px solid #2c2e2e;
  box-shadow: 0px 0px 8px #000;
  display: flex;
  justify-content: center;
  z-index: 2;
}
.heropage_DetailsBar_1UCH6 {
  width: 100%;
  max-width: 1600px;
  padding: 20px 0px;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
@media (max-width: 900px) {
  .heropage_DetailsBar_1UCH6 {
    flex-direction: column;
  }
}
.heropage_DetailsBar_1UCH6 .heropage_VerticalSeperator_2zVxY {
  width: 1px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 900px) {
  .heropage_DetailsBar_1UCH6 .heropage_VerticalSeperator_2zVxY {
    width: 100%;
    height: 1px;
    margin: 20px 0px 10px 0px;
  }
}
.heropage_DetailsBar_1UCH6 .heropage_VerticalSeperator_2zVxY:after {
  content: '';
  width: 100%;
  height: 80%;
  background-color: #4f4f4f;
}
.heropage_DetailsSectionHeader_2Brpp {
  color: #969696;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 1px 1px 2px #000;
  margin-top: 12px;
}
@media (max-width: 900px) {
  .heropage_DetailsSectionHeader_2Brpp {
    margin-bottom: 12px;
    margin-top: 5px;
  }
}
.heropage_DetailsAttributes_SW4jL {
  min-width: 300px;
  width: 30%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 900px) {
  .heropage_DetailsAttributes_SW4jL {
    width: 90%;
    flex-direction: column-reverse;
  }
}
.heropage_DetailsAttributes_SW4jL .heropage_TopAttributesSection_3GFuR {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k {
  width: 150px;
  height: 135px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_Portrait_CR-Bb {
  width: 150px;
  height: 84px;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_HealthBar_D6gmc {
  width: 150px;
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(to right, #286323, #7af03c);
  position: relative;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_HealthBar_D6gmc
  .heropage_BarNumberMajor_1KbXK {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  text-shadow: 1px 1px 2px #000;
  font-family: Radiance, sans-serif;
  font-weight: 800;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_HealthBar_D6gmc
  .heropage_BarNumberMinor_29Uub {
  color: #286323;
  flex-grow: 1;
  text-align: right;
  font-size: 11px;
  padding-right: 16px;
  font-weight: bold;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_ManaBar_1aQk6 {
  width: 150px;
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(to right, #1056db, #73f5fe);
  position: relative;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_ManaBar_1aQk6
  .heropage_BarNumberMajor_1KbXK {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  text-shadow: 1px 1px 2px #000;
  font-family: Radiance, sans-serif;
  font-weight: bold;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_PortraitContainer_3_e-k
  .heropage_ManaBar_1aQk6
  .heropage_BarNumberMinor_29Uub {
  color: #1056db;
  flex-grow: 1;
  text-align: right;
  font-size: 11px;
  padding-right: 16px;
  font-weight: bold;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_AttributesContainer_3rZsO {
  width: 100px;
  height: 120px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_AttributesContainer_3rZsO
  .heropage_SingleAttributeContainer_1Bhn_ {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 4px 0px;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_AttributesContainer_3rZsO
  .heropage_SingleAttributeContainer_1Bhn_
  .heropage_AttributeIcon_As-Om {
  width: 30px;
  height: 30px;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_AttributesContainer_3rZsO
  .heropage_SingleAttributeContainer_1Bhn_
  .heropage_AttributeValue_3Gsgg {
  color: #fff;
  font-family: Reaver, serif;
  font-size: 20px;
  font-weight: 600;
  text-shadow: 1px 1px 2px #000;
  margin-left: 12px;
}
.heropage_DetailsAttributes_SW4jL
  .heropage_TopAttributesSection_3GFuR
  .heropage_AttributesContainer_3rZsO
  .heropage_SingleAttributeContainer_1Bhn_
  .heropage_AttributeGain_DpX1z {
  color: #999;
  font-size: 15px;
  text-shadow: 1px 1px 2px #000;
  margin-left: 8px;
  flex-grow: 1;
  text-align: right;
}
.heropage_Role_3zWGy {
  width: 30%;
  height: 32px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin: 5px 0px;
}
.heropage_Role_3zWGy .heropage_RoleName_3Fbk3 {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: left;
  color: #fff;
}
.heropage_Role_3zWGy .heropage_BarContainer_28Sbu {
  width: 100%;
  height: 6px;
  max-height: 6px;
  flex-grow: 1;
  margin-top: 4px;
  position: relative;
}
.heropage_Role_3zWGy
  .heropage_BarContainer_28Sbu
  .heropage_BarBackground_bOoIn {
  width: 100%;
  height: 100%;
  background-color: #4c4c4c;
  position: absolute;
  left: 0;
  top: 0;
}
.heropage_Role_3zWGy .heropage_BarContainer_28Sbu .heropage_BarFilled_f7kjD {
  height: 100%;
  width: 0%;
  background-color: #fff;
  box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1;
  position: absolute;
  left: 0;
  top: 0;
  transition-property: width;
  transition-duration: 5s;
  transition-delay: 2s;
}
.heropage_DetailsRoles_2wGXN {
  min-width: 250px;
  width: 30%;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .heropage_DetailsRoles_2wGXN {
    width: 90%;
    flex-direction: column-reverse;
  }
}
.heropage_DetailsRoles_2wGXN .heropage_RolesList_2muZp {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.heropage_DetailsStats_22x6X {
  min-width: 400px;
  width: 30%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .heropage_DetailsStats_22x6X {
    width: 90%;
    flex-direction: column-reverse;
  }
}
.heropage_DetailsStats_22x6X .heropage_StatsList_3z1y6 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.heropage_DetailsStats_22x6X
  .heropage_StatsList_3z1y6
  .heropage_HeroValuesSection_3ulLB {
  width: 30%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.heropage_DetailsStats_22x6X
  .heropage_StatsList_3z1y6
  .heropage_HeroValuesSection_3ulLB
  .heropage_HeroValueTitle_1A9N9 {
  margin-left: 8px;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #969696;
  margin-bottom: 4px;
}
.heropage_DetailsStats_22x6X
  .heropage_StatsList_3z1y6
  .heropage_HeroValuesSection_3ulLB
  .heropage_ValueElement_3783T {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px;
  font-size: 16px;
  text-align: left;
}
.heropage_DetailsStats_22x6X
  .heropage_StatsList_3z1y6
  .heropage_HeroValuesSection_3ulLB
  .heropage_ValueElement_3783T
  .heropage_SwordIcon_FY7TW {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.heropage_UnderBarSection_HGabF {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.heropage_AbilityDetailsSection_3w9pO {
  width: 100%;
  min-height: 400px;
  padding: 80px 0px;
  margin-top: -10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.heropage_AbilityDetailsSection_3w9pO .heropage_AbilityDetailsHeader_1cJ_X {
  width: 100%;
  text-align: center;
  font-family: Reaver, serif;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-top: 40px;
  margin-bottom: 30px;
}
@keyframes heropage_FadeIn_31LYx {
  0% {
    background-color: #000;
    opacity: 1;
  }
  100% {
    background-color: #000;
    opacity: 0;
  }
}
.heropage_HeroAbilities_1yoiZ {
  width: 100%;
  max-width: 1500px;
  min-height: 542px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 900px) {
  .heropage_HeroAbilities_1yoiZ {
    flex-direction: column;
  }
}
.heropage_HeroAbilities_1yoiZ .heropage_AbilityLeft_2xdeo {
  width: 55%;
  margin-right: 20px;
}
@media (max-width: 900px) {
  .heropage_HeroAbilities_1yoiZ .heropage_AbilityLeft_2xdeo {
    width: 100%;
  }
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_VideoContainer_3XHJ5 {
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
  box-shadow: 3px 3px 8px #000;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_VideoContainer_3XHJ5
  .heropage_FadeUp_3xTko {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_VideoContainer_3XHJ5
  .heropage_FadeUp_3xTko.heropage_DoFadeAnim_GVyoC {
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: heropage_FadeIn_31LYx;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_VideoContainer_3XHJ5
  video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5 {
  width: 100%;
  margin-top: -15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop {
  width: 80px;
  height: 80px;
  margin: 0px 4px;
  margin-bottom: 8px;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  box-shadow: 0px 0px 10px #000;
  position: relative;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop.heropage_Shard_3L7eN,
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop.heropage_Scepter_KqiVD {
  margin-left: 16px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop
  .heropage_SubIcon_1WZR4 {
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop.heropage_NotSelected_3SHwx {
  filter: saturate(0) brightness(0.6);
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityLeft_2xdeo
  .heropage_AbilitySelector_1vjw5
  .heropage_AbilitySelectable_3Chop:hover {
  transform: scale(1.1);
}
.heropage_HeroAbilities_1yoiZ .heropage_AbilityRight_oyGg- {
  width: 45%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .heropage_HeroAbilities_1yoiZ .heropage_AbilityRight_oyGg- {
    width: 100%;
  }
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG {
  width: 100%;
  height: 100%;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH {
  width: 100%;
  padding: 8px;
  background-color: #121212;
  display: flex;
  flex-direction: row;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH
  .heropage_AbilityImage_171zq {
  width: 96px;
  height: 96px;
  margin: 10px 15px 10px 10px;
  box-shadow: 0px 0px 8px #000;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH
  .heropage_AbilityInfo_33jo0 {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 12px;
  align-items: flex-start;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH
  .heropage_AbilityInfo_33jo0
  .heropage_AbilityName_1rBGH {
  color: #fff;
  font-family: Reaver, serif;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH
  .heropage_AbilityInfo_33jo0
  .heropage_AghType_1RDBb {
  background-color: #1c2e50;
  color: #ddd;
  display: inline-flex;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 3px 8px;
  margin: 3px 0px;
  border-radius: 4px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityMain_2dTHH
  .heropage_AbilityInfo_33jo0
  .heropage_AbilityDesc_CjmI9 {
  color: #ddd;
  font-size: 18px;
  white-space: pre-wrap;
  margin-bottom: 10px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B {
  width: 100%;
  background-color: #000;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 30px 15px 30px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb.heropage_Hidden_1564a {
  display: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb
  .heropage_Column_3kwoP {
  width: 50%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb
  .heropage_Column_3kwoP
  .heropage_DetailsValues_25_Ud {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb
  .heropage_Column_3kwoP
  .heropage_DetailsValues_25_Ud
  .heropage_ValueElement_3783T {
  font-size: 14px;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 4px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_GenericValues_2dsmb
  .heropage_Column_3kwoP
  .heropage_DetailsValues_25_Ud
  .heropage_ValueElement_3783T
  .heropage_ValueValue_1gAlz {
  margin-left: 4px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_SpecificValues_1Sda4 {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_SpecificValues_1Sda4.heropage_Hidden_1564a {
  display: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_SpecificValues_1Sda4
  .heropage_SpecialElement_-imZK {
  height: 24px;
  font-size: 14px;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_SpecificValues_1Sda4
  .heropage_SpecialElement_-imZK
  .heropage_SpecialValue_2QMsh {
  margin-left: 4px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4 {
  width: 100%;
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4.heropage_Hidden_1564a {
  display: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_CooldownContainer_1Nfs9 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_CooldownContainer_1Nfs9
  .heropage_CooldownIcon_1AQHj {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-size: cover;
  background-repeat: no-repeat;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_CooldownContainer_1Nfs9
  .heropage_CooldownText_22XOo {
  margin-left: 8px;
  color: #fff;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_ManaContainer_2KgFd {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_ManaContainer_2KgFd
  .heropage_ManaIcon_1Cj_r {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: linear-gradient(#00a4db, #007196);
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_BottomValues_G9AF4
  .heropage_ManaContainer_2KgFd
  .heropage_ManaText_Y2InY {
  margin-left: 8px;
  color: #fff;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_Lore_1FdIS {
  width: 100%;
  background-color: #111;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px;
  font-style: italic;
  font-size: 14px;
  color: #aaa;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_Lore_1FdIS.heropage_Hidden_1564a {
  display: none;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_ShardScepterText_2YWa6 {
  display: none;
  color: #ffffffee;
  font-size: 16px;
}
.heropage_HeroAbilities_1yoiZ
  .heropage_AbilityRight_oyGg-
  .heropage_AbilityInfoContainer_3y3LG
  .heropage_AbilityDetails_2lY3B
  .heropage_ShardScepterText_2YWa6.heropage_Show_3mHZ7 {
  display: block;
}
.heropage_HeroNavigator_2XvnB {
  width: 150px;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: 160px;
  right: 30px;
  z-index: 4;
}
@media (max-width: 1200px) {
  .heropage_HeroNavigator_2XvnB {
    right: 30px;
    transform: scale(0.8);
  }
}
.heropage_HeroNavigator_2XvnB .heropage_NavigatorArrow_3SxhO {
  width: 30px;
  height: 64px;
  border: 2px solid #fff;
  position: relative;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  opacity: 0.4;
  cursor: pointer;
}
.heropage_HeroNavigator_2XvnB .heropage_NavigatorArrow_3SxhO:hover {
  opacity: 1;
}
.heropage_HeroNavigator_2XvnB
  .heropage_NavigatorArrow_3SxhO.heropage_Right_vNURB {
  transform: rotate(180deg);
}
.heropage_HeroNavigator_2XvnB .heropage_CenterGrid_1H-L2 {
  width: 80px;
  height: 64px;
  border: 2px solid #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
  justify-content: space-between;
  align-items: center;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  opacity: 0.4;
  cursor: pointer;
}
.heropage_HeroNavigator_2XvnB .heropage_CenterGrid_1H-L2:hover {
  opacity: 1;
}
.heropage_HeroNavigator_2XvnB
  .heropage_CenterGrid_1H-L2
  .heropage_GridDot_8rjGY {
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.heropage_BottomSection_kmUD- {
  width: 100%;
  height: 150px;
  background-color: #111;
  z-index: 1;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.heropage_BottomSection_kmUD- .heropage_AllHeroesContainer_V97iB {
  width: 10%;
  height: 150px;
  padding-top: 30px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 2px 2px 6px #000;
  transition-property: filter, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.heropage_BottomSection_kmUD- .heropage_AllHeroesContainer_V97iB:hover {
  filter: brightness(1.6);
}
.heropage_BottomSection_kmUD-
  .heropage_AllHeroesContainer_V97iB
  .heropage_Boxes_yK8h8 {
  width: 100px;
  height: 69px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.heropage_BottomSection_kmUD-
  .heropage_AllHeroesContainer_V97iB
  .heropage_Boxes_yK8h8
  .heropage_Box_1SR12 {
  width: 30px;
  height: 30px;
  background-color: #9e9fa0;
}
.heropage_BottomSection_kmUD- .heropage_AllHeroesLabel_3X52h {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 8px;
  text-align: center;
}
.heropage_BottomSectionHero_1mdsq {
  width: 45%;
  height: 150px;
  position: relative;
  padding: 0px 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 2px 2px 6px #000;
  transition-property: filter, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.heropage_BottomSectionHero_1mdsq:hover {
  filter: brightness(1.2);
}
.heropage_BottomSectionHero_1mdsq:hover .heropage_HeroPortrait_22nJ5 {
  bottom: 0px;
}
.heropage_BottomSectionHero_1mdsq.heropage_Left_1F43S {
  justify-content: flex-end;
}
.heropage_BottomSectionHero_1mdsq.heropage_Left_1F43S
  .heropage_HeroPortrait_22nJ5 {
  left: 0px;
}
.heropage_BottomSectionHero_1mdsq .heropage_HeroPortrait_22nJ5 {
  position: absolute;
  bottom: -20px;
  width: 400px;
  right: 0px;
  transition-duration: 0.3s;
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroPortrait_22nJ5.heropage_Left_1F43S {
  left: 0px;
  right: 0;
}
.heropage_BottomSectionHero_1mdsq .heropage_HeroLabels_1vYyT {
  width: 250px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  z-index: 6;
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroLabels_1vYyT
  .heropage_TopHeader_3iI6a {
  font-size: 15px;
  color: #9f9f9f;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 1px 1px 4px #000;
  margin-bottom: 5px;
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroLabels_1vYyT
  .heropage_Name_2xP5N {
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Reaver, serif;
  font-weight: bold;
  line-height: 112%;
  text-shadow: 1px 1px 4px #000;
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroLabels_1vYyT
  .heropage_Details_1ryhQ {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroLabels_1vYyT
  .heropage_Details_1ryhQ
  .heropage_PrimaryStatIcon_1A3VD {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  filter: drop-shadow(1px 1px 4px black);
}
.heropage_BottomSectionHero_1mdsq
  .heropage_HeroLabels_1vYyT
  .heropage_Details_1ryhQ
  .heropage_AttackType_3WSEl {
  color: #ddd;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 1px 1px 4px #000;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.homepage_Tooltip_2pnjU {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.homepage_CarouselFade_3Nlck {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.homepage_StandardButton_1W4Sc {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.homepage_StandardButton_1W4Sc:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.homepage_StandardButton_1W4Sc .homepage_ButtonText_1YB3f {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.homepage_StandardButton_1W4Sc .homepage_SteamLogo_2OrkR {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.homepage_ToolTip_2SLY1 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.homepage_HorizBar_2RJH7 {
  width: 80px;
  height: 3px;
  min-height: 3px;
  background-color: #ff6046;
  border-radius: 1px;
}
.homepage_PlayButton_2yA33 {
  min-width: 288px;
  height: 78px;
  border-radius: 6px;
  border: 3px solid #ffffff90;
  box-shadow: 0px 0px 5px #000;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-top: 30px;
  cursor: pointer;
  transition-property: filter, transform, box-shadow;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.homepage_PlayButton_2yA33:hover {
  filter: brightness(1.3);
  transform: translateY(-2px);
  box-shadow: 0px 0px 15px #000;
}
.homepage_PlayButton_2yA33 .homepage_SteamLogo_2OrkR {
  width: 48px;
  height: 48px;
  margin: 0px 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.homepage_PlayButton_2yA33 .homepage_RightSide_1oC4f {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.homepage_PlayButton_2yA33
  .homepage_RightSide_1oC4f
  .homepage_PlayForFree_QtAu0 {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 2px 2px 3px #000;
  font-family: Reaver, serif;
  font-weight: 600;
}
.homepage_PlayButton_2yA33 .homepage_RightSide_1oC4f .homepage_Download_T3dgN {
  font-size: 15px;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 2px 2px 3px #000;
}
.homepage_RightArrow_3Uluv {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(180deg);
}
.homepage_UpRightArrow_3UUxW {
  width: 20px;
  height: 20px;
  margin: 0px 4px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(135deg);
  filter: brightness(0.7);
}
.homepage_HomePage_owcSF {
  width: 100%;
  color: #fff;
}
.homepage_HomePage_owcSF .homepage_HeaderSection_156Aj {
  width: 100%;
  height: 75vh;
  margin-bottom: -90px;
  overflow: hidden;
  display: block;
  position: relative;
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_BottomFade_1yhhn {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(80%, rgba(0, 0, 0, 0.7)),
    color-stop(100%, black)
  );
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_BackgroundVideoContainer_33v9_ {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_BackgroundVideoContainer_33v9_
  video {
  height: 100%;
  object-fit: cover;
  width: 100vw;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_QuoteContainer_t1GDT {
  height: 100%;
  width: fit-content;
  max-width: 60%;
  padding-left: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-end;
  pointer-events: auto;
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF
    .homepage_HeaderSection_156Aj
    .homepage_QuoteContainer_t1GDT {
    padding-left: 20px;
    max-width: 80%;
  }
}
@keyframes homepage_rotate_TjbdB {
  0% {
    opacity: 0;
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_QuoteContainer_t1GDT
  .homepage_QuoteText_19K41 {
  font-size: 60px;
  line-height: 113%;
  font-family: 'Reaver', serif;
  letter-spacing: 5px;
  font-weight: 600;
  color: #ffffffee;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000;
}
@media (max-width: 600px) {
  .homepage_HomePage_owcSF
    .homepage_HeaderSection_156Aj
    .homepage_QuoteContainer_t1GDT
    .homepage_QuoteText_19K41 {
    font-size: 40px;
  }
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_QuoteContainer_t1GDT
  .homepage_QuoteCredit_gcx17 {
  font-size: 20px;
  font-family: 'Radiance', sans-serif;
  letter-spacing: 2px;
  color: #ffffff90;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.homepage_HomePage_owcSF
  .homepage_HeaderSection_156Aj
  .homepage_PlayButtonPositioner_19TjK {
  margin: 0px auto;
  margin-top: 30vw;
}
.homepage_HomePage_owcSF .homepage_NewsSection_2qquN {
  width: 1200px;
  max-width: 100%;
  margin: 0px auto;
  position: relative;
  min-height: 308px;
  margin-bottom: -150px;
  z-index: 100;
}
.homepage_HomePage_owcSF .homepage_NewsSection_2qquN .homepage_NewsTop_2Lzj9 {
  margin-bottom: 10px;
  margin-left: 15px;
  display: flex;
  flex-direction: row;
}
.homepage_HomePage_owcSF
  .homepage_NewsSection_2qquN
  .homepage_NewsTop_2Lzj9
  .homepage_Latest_1w0mx {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 3px;
  font-weight: bold;
  margin: 2px 0px;
  margin-right: 20px;
}
.homepage_HomePage_owcSF
  .homepage_NewsSection_2qquN
  .homepage_NewsTop_2Lzj9
  .homepage_ViewAll_1gww9 {
  text-transform: uppercase;
  color: #d0d1d3;
  letter-spacing: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  transition-property: letter-spacing, font-size;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}
.homepage_HomePage_owcSF
  .homepage_NewsSection_2qquN
  .homepage_NewsTop_2Lzj9
  .homepage_ViewAll_1gww9:hover {
  letter-spacing: 4px;
  font-size: 17px;
}
.homepage_HomePage_owcSF
  .homepage_NewsSection_2qquN
  .homepage_NewsCapsules_9yLqT {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.homepage_HomePage_owcSF .homepage_BattleSection_1qlKD {
  width: 100%;
  min-height: 764px;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 100px;
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_BattleBG_2_sRL {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 30vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 200px;
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_BattleBG_2_sRL
  .homepage_BattleImg_3cY9y {
  width: 100%;
  opacity: 0.6;
  z-index: -1;
}
@media (max-width: 1200px) {
  .homepage_HomePage_owcSF
    .homepage_BattleSection_1qlKD
    .homepage_BattleBG_2_sRL
    .homepage_BattleImg_3cY9y {
    display: none;
  }
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_BattleBG_2_sRL
  .homepage_BattleImgMobile_2uq_D {
  display: none;
  opacity: 0.6;
  z-index: -1;
}
@media (max-width: 1200px) {
  .homepage_HomePage_owcSF
    .homepage_BattleSection_1qlKD
    .homepage_BattleBG_2_sRL
    .homepage_BattleImgMobile_2uq_D {
    display: block;
  }
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_BattleBG_2_sRL
  .homepage_BottomFade_1yhhn {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(80%, rgba(0, 0, 0, 0.7)),
    color-stop(100%, black)
  );
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_LeftHalf_3Rqq1 {
  width: 100%;
  margin: 0 auto;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  z-index: 5;
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_LeftHalf_3Rqq1
  .homepage_HeaderText_37wqy {
  text-align: center;
  margin-bottom: 20px;
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_LeftHalf_3Rqq1
  .homepage_BodyText_3Wyl0 {
  text-align: center;
  margin-top: 30px;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
.homepage_HomePage_owcSF
  .homepage_BattleSection_1qlKD
  .homepage_LeftHalf_3Rqq1
  .homepage_BodyText_3Wyl0
  .homepage_StandardButton_1W4Sc {
  margin-top: 30px;
}
.homepage_HomePage_owcSF .homepage_ChooseSection_1P0s6 {
  width: 100%;
  max-width: 100%;
  min-height: 2000px;
  background-size: 3500px;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: -2;
  z-index: 40;
  position: relative;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//home/heroes_full.jpg'); */
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF .homepage_ChooseSection_1P0s6 {
    /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//home/heroes_mobile.jpg'); */
    background-size: 100% auto;
  }
}
.homepage_HomePage_owcSF
  .homepage_ChooseSection_1P0s6
  .homepage_TopDimmer_1airz {
  position: absolute;
  top: 0px;
  border-top: 400px solid rgba(0, 0, 0, 0.7);
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  z-index: -1;
  width: 900px;
  height: 0px;
}
.homepage_HomePage_owcSF
  .homepage_ChooseSection_1P0s6
  .homepage_FadeContainer_3iytC {
  bottom: 0px;
}
.homepage_HomePage_owcSF
  .homepage_ChooseSection_1P0s6
  .homepage_HeaderText_37wqy {
  margin-top: 900px;
  text-align: center;
  padding-bottom: 20px;
  z-index: 40;
  position: relative;
  width: 80%;
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF
    .homepage_ChooseSection_1P0s6
    .homepage_HeaderText_37wqy {
    margin-top: 400px;
  }
}
.homepage_HomePage_owcSF
  .homepage_ChooseSection_1P0s6
  .homepage_BodyText_3Wyl0 {
  text-align: center;
  z-index: 40;
  width: 100%;
  padding-bottom: 40px;
  margin-top: 30px;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
@media (max-width: 600px) {
  .homepage_HomePage_owcSF
    .homepage_ChooseSection_1P0s6
    .homepage_BodyText_3Wyl0 {
    width: 90%;
  }
}
.homepage_HomePage_owcSF
  .homepage_ChooseSection_1P0s6
  .homepage_BodyText_3Wyl0
  .homepage_StandardButton_1W4Sc {
  margin-top: 30px;
}
.homepage_HomePage_owcSF .homepage_ProCircuitSection_3oDuN {
  width: 100%;
  min-height: 1150px;
  margin: 40px auto;
  padding-bottom: 100px;
  background-position: top;
  background-size: 2000px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCSmImgs_353Df {
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  overflow: hidden;
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCSmImgs_353Df
  .homepage_DPCSmImg_3be5Q {
  position: absolute;
  z-index: 100;
  box-shadow: 0px 0px 30px #000;
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF
    .homepage_ProCircuitSection_3oDuN
    .homepage_DPCSmImgs_353Df
    .homepage_DPCSmImg_3be5Q {
    display: none;
  }
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCSmImgs_353Df
  .homepage_Img1_1ZbA2 {
  top: 50px;
  left: 200px;
  max-width: 15%;
}
@media (max-width: 1600px) {
  .homepage_HomePage_owcSF
    .homepage_ProCircuitSection_3oDuN
    .homepage_DPCSmImgs_353Df
    .homepage_Img1_1ZbA2 {
    max-width: 20%;
    left: 100px;
  }
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCSmImgs_353Df
  .homepage_Img2_1GJQR {
  top: 200px;
  right: -50px;
  max-width: 25%;
}
@media (max-width: 1600px) {
  .homepage_HomePage_owcSF
    .homepage_ProCircuitSection_3oDuN
    .homepage_DPCSmImgs_353Df
    .homepage_Img2_1GJQR {
    max-width: 30%;
  }
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCSmImgs_353Df
  .homepage_Img3_2Ka7y {
  bottom: 350px;
  left: -50px;
  max-width: 20%;
}
@media (max-width: 1600px) {
  .homepage_HomePage_owcSF
    .homepage_ProCircuitSection_3oDuN
    .homepage_DPCSmImgs_353Df
    .homepage_Img3_2Ka7y {
    max-width: 25%;
    bottom: 550px;
    left: -100px;
  }
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_DPCIcon_JSgmG {
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 96px;
  min-height: 96px;
  margin-top: 550px;
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_HeaderText_37wqy {
  text-align: center;
  margin-bottom: 20px;
  width: 80%;
}
.homepage_HomePage_owcSF
  .homepage_ProCircuitSection_3oDuN
  .homepage_BodyText_3Wyl0 {
  text-align: center;
  margin-top: 20px;
  width: 60%;
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF
    .homepage_ProCircuitSection_3oDuN
    .homepage_BodyText_3Wyl0 {
    width: 90%;
    margin-top: 20px;
  }
}
.homepage_HomePage_owcSF .homepage_JoinBattleSection_Ifm8h {
  width: 100%;
  margin: 40px auto;
  background-size: cover;
  background-repeat: none;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 50px 150px;
}
@media (max-width: 900px) {
  .homepage_HomePage_owcSF .homepage_JoinBattleSection_Ifm8h {
    padding: 30px 50px;
  }
}
.homepage_HomePage_owcSF
  .homepage_JoinBattleSection_Ifm8h
  .homepage_StandardButton_1W4Sc {
  margin: 20px 0px;
}
.homepage_HomePage_owcSF
  .homepage_JoinBattleSection_Ifm8h
  .homepage_HeaderText_37wqy {
  text-align: left;
  margin-bottom: 20px;
}
.homepage_HomePage_owcSF
  .homepage_JoinBattleSection_Ifm8h
  .homepage_SystemReqs_2aMXE {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #717073;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}
.homepage_HomePage_owcSF
  .homepage_JoinBattleSection_Ifm8h
  .homepage_SystemReqs_2aMXE
  .homepage_WindowsAppleLogos_1RC1Y {
  width: 60px;
  height: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.homepage_GreenButton_3PIyH {
  width: 300px;
  height: 60px;
  margin: 30px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.homepage_GreenButton_3PIyH .homepage_Text_3H7S2 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  text-shadow: 1px 1px 5px #000;
}
@keyframes homepage_MinorTextIn_2S9Lk {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
.homepage_HeaderText_37wqy,
.homepage_HeaderText_37wqy * {
  font-family: Reaver, serif;
  font-weight: 700;
  font-size: 100px;
  color: #e2dace;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 105%;
}
.homepage_HeaderText_37wqy .Minor,
.homepage_HeaderText_37wqy * .Minor {
  font-size: 70px;
  color: #e2dace90;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 1600px) {
  .homepage_HeaderText_37wqy .Minor,
  .homepage_HeaderText_37wqy * .Minor {
    font-size: 50px;
  }
}
@media (max-width: 900px) {
  .homepage_HeaderText_37wqy .Minor,
  .homepage_HeaderText_37wqy * .Minor {
    font-size: 40px;
  }
}
@media (max-width: 1600px) {
  .homepage_HeaderText_37wqy,
  .homepage_HeaderText_37wqy * {
    font-size: 100px;
  }
}
@media (max-width: 900px) {
  .homepage_HeaderText_37wqy,
  .homepage_HeaderText_37wqy * {
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .homepage_HeaderText_37wqy,
  .homepage_HeaderText_37wqy * {
    font-size: 50px;
  }
}
.homepage_BodyText_3Wyl0 {
  color: #e2dace;
  font-size: 26px;
  line-height: 115%;
  font-weight: 100;
  text-align: justify;
}
@media (max-width: 900px) {
  .homepage_BodyText_3Wyl0 {
    font-size: 22px;
    margin: 0px 20px;
  }
}
@keyframes homepage_AnimateLeft_9JWE5 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-50%);
  }
}
.homepage_HeroGrid_1a0z- {
  width: 80%;
  z-index: 3;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
}
.homepage_HeroGrid_1a0z- .homepage_HeroGridRow_17gdI {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 138px;
  animation-duration: 10s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: homepage_AnimateLeft_9JWE5;
}
.homepage_HeroGrid_1a0z- .homepage_HeroGridRow_17gdI.Row0 {
  opacity: 1;
}
.homepage_HeroGrid_1a0z- .homepage_HeroGridRow_17gdI .homepage_HeroIcon_2HjRW {
  min-width: 255px;
  width: 225px;
  height: 127px;
  margin-right: 10px;
  box-shadow: 1px 1px 4px #000;
  transition-property: transform, box-shadow, background-size, opacity, top,
    left;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  background-position: center;
  background-size: 110%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW:hover {
  transform: scale(1.3);
  box-shadow: 3px 3px 8px #000;
  background-size: 100%;
  z-index: 10;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW:hover
  .homepage_HeroNameContainer_33qmd {
  opacity: 1;
  bottom: 0px;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW:hover
  .homepage_FadeContainer_3iytC {
  opacity: 1;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW
  .homepage_FadeContainer_3iytC {
  width: 100%;
  height: 100%;
  position: absolute;
  transition-property: opacity, bottom;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  opacity: 0;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW
  .homepage_HeroNameContainer_33qmd {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -40px;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: opacity, bottom;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  z-index: 3;
  opacity: 0;
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW
  .homepage_HeroNameContainer_33qmd
  .homepage_PrimaryStatIcon_1sfR5 {
  width: 42px;
  height: 42px;
  padding: 8px;
  filter: drop-shadow(0px 0px 4px black);
}
.homepage_HeroGrid_1a0z-
  .homepage_HeroGridRow_17gdI
  .homepage_HeroIcon_2HjRW
  .homepage_HeroNameContainer_33qmd
  .homepage_HeroName_1mNhY {
  font-size: 18px;
  line-height: 20px;
  font-family: 'Reaver', serif;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px;
  padding-left: 0px;
  text-shadow: 0px 0px 4px #000;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.springcleaning_Tooltip_1OQd0 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.springcleaning_CarouselFade_K4Xdq {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.springcleaning_StandardButton_3yT4p {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.springcleaning_StandardButton_3yT4p:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.springcleaning_StandardButton_3yT4p .springcleaning_ButtonText_1IC5J {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.springcleaning_StandardButton_3yT4p .springcleaning_SteamLogo_1fcfQ {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.springcleaning_ToolTip_2K2iR {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.springcleaning_SpringCleaningPage_1SOz9 {
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.springcleaning_SpringCleaningPage_1SOz9 .springcleaning_HeaderImage_3BlcF {
  width: 100%;
  height: 42.25vw;
  background-size: cover;
  background-repeat: no-repeat;
}
.springcleaning_SpringCleaningPage_1SOz9 .springcleaning_HeaderText_1BIfy {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 10vw;
}
.springcleaning_SpringCleaningPage_1SOz9
  .springcleaning_HeaderText_1BIfy
  .springcleaning_MainTitle_O1XQQ {
  font-size: 72px;
  color: #ed3b1c;
  letter-spacing: 14px;
  text-transform: uppercase;
}
.springcleaning_SpringCleaningPage_1SOz9
  .springcleaning_HeaderText_1BIfy
  .springcleaning_MainDesc_3ZSu3 {
  font-size: 24px;
  color: #999;
  line-height: 30px;
}
.springcleaning_SpringCleaningPage_1SOz9 .springcleaning_CapsuleSection_1L7DL {
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: 100%;
  border-top: 1px solid #222425;
  border-bottom: 2px solid #111;
  padding: 80px 10vw;
}
.springcleaning_SpringCleaningPage_1SOz9
  .springcleaning_CapsuleSection_1L7DL
  .springcleaning_CapuleList_1wSAt {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 80px;
}
.springcleaning_SpringCleaningPage_1SOz9 .springcleaning_ListSection_13kXU {
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 10vw;
  background: 100%;
}
.springcleaning_SpringCleaningPage_1SOz9
  .springcleaning_ListSection_13kXU
  .springcleaning_ListList_69glT {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.springcleaning_Capsule_1EeAz {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(50% - 15px);
}
.springcleaning_Capsule_1EeAz.springcleaning_Large_MZNvt {
  width: 100%;
}
.springcleaning_Capsule_1EeAz.springcleaning_Large_MZNvt
  .springcleaning_Image_2nMeR {
  width: 100%;
}
.springcleaning_Capsule_1EeAz.springcleaning_Large_MZNvt
  .springcleaning_Video_3me_2 {
  width: 100%;
}
.springcleaning_Capsule_1EeAz .springcleaning_Title_SqmCz {
  font-family: 'Radiance', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  color: #ed3b1c;
  text-shadow: 1px 1px 1px #000;
}
.springcleaning_Capsule_1EeAz .springcleaning_Description_3NDhy {
  font-family: 'Radiance', sans-serif;
  font-size: 18px;
  color: #999;
  line-height: 28px;
}
.springcleaning_EntryList_RcREV {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.springcleaning_EntryList_RcREV .springcleaning_Title_SqmCz {
  font-family: 'Radiance', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  color: #ed3b1c;
  text-shadow: 1px 1px 1px #000;
  margin-bottom: 6px;
}
.springcleaning_EntryList_RcREV .springcleaning_EntrySection_3ogwA {
  font-family: 'Radiance', sans-serif;
  font-size: 18px;
  color: #999;
  line-height: 30px;
  margin-left: -20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.springcleaning_EntryList_RcREV
  .springcleaning_EntrySection_3ogwA.springcleaning_Bold_2uu5D {
  font-weight: 700;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.internationalbadgebindingpage_Tooltip_2iwF4 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.internationalbadgebindingpage_CarouselFade_iQG0p {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.internationalbadgebindingpage_StandardButton_3tMv3 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.internationalbadgebindingpage_StandardButton_3tMv3:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.internationalbadgebindingpage_StandardButton_3tMv3
  .internationalbadgebindingpage_ButtonText_1oK3q {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.internationalbadgebindingpage_StandardButton_3tMv3
  .internationalbadgebindingpage_SteamLogo_32EWj {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.internationalbadgebindingpage_ToolTip_28QoU {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt {
  width: 100%;
  background-color: #151618;
  background-size: 170%;
  background-repeat: no-repeat;
  background-position-x: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_HeaderImage_1KWru {
  width: 1280px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  margin-top: 50px;
}
@media (max-width: 1300px) {
  .internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
    .internationalbadgebindingpage_HeaderImage_1KWru {
    width: 800px;
  }
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE {
  width: 1280px;
  display: flex;
  flex-direction: column;
  background-color: #000;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1300px) {
  .internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
    .internationalbadgebindingpage_Body_nksVE {
    width: 800px;
  }
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_NeedToLogin_5lbju {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_NeedToLogin_5lbju
  .internationalbadgebindingpage_Message_1_-dW {
  color: #fff;
  padding: 0px 20%;
  font-size: 24px;
  letter-spacing: 1px;
  text-align: center;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_NeedToLogin_5lbju
  .internationalbadgebindingpage_SignInButton_1QErm {
  height: 30px;
  padding: 0px 10px;
  font-size: 16px;
  border-radius: 2px;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  font-weight: 700;
  background: linear-gradient(to bottom, #a4d007 5%, #536904 95%);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_NeedToLogin_5lbju
  .internationalbadgebindingpage_SignInButton_1QErm:hover {
  filter: brightness(1.3);
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BoundBadges_WAmWN {
  color: #aaa;
  width: 700px;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  border: 2px solid #a08456;
  background-color: #281f11;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BoundBadges_WAmWN
  .internationalbadgebindingpage_BadgeID_1IJ7_ {
  color: #fff;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BadgeDescription_3jbkl {
  color: #fff;
  width: 650px;
  font-size: 24px;
  letter-spacing: 1px;
  text-align: center;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BadgeImage_OhNDI {
  width: 328px;
  height: 460px;
  background-size: cover;
  background-repeat: no-repeat;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BadgeWarning_Ctt1r {
  color: #aaa;
  width: 800px;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BadgeIDInput_3tN3Z {
  width: 300px;
  height: 40px;
  font-size: 20px;
  border: none;
  outline: none;
  padding: 0px 14px;
  border-radius: 2px;
  background-color: #252525;
  color: #fff;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_SubmitButton_36emg {
  height: 30px;
  padding: 0px 10px;
  font-size: 16px;
  border-radius: 2px;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  user-select: none;
  color: #000;
  font-weight: 700;
  background: linear-gradient(to bottom, #a4d007 5%, #536904 95%);
  text-transform: uppercase;
  letter-spacing: 1px;
  filter: saturate(0) brightness(0.6);
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_SubmitButton_36emg.internationalbadgebindingpage_ValidBadgeIDLength_3OIss {
  filter: saturate(1) brightness(1);
  cursor: pointer;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_SubmitButton_36emg.internationalbadgebindingpage_ValidBadgeIDLength_3OIss:hover {
  filter: saturate(1) brightness(1.3);
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BindState_2PBXD {
  padding: 0px 50px;
  height: 30px;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BindState_2PBXD.internationalbadgebindingpage_Pending_3nhSJ {
  color: #aaa;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BindState_2PBXD.internationalbadgebindingpage_Success_1i7dl {
  color: #2a2;
}
.internationalbadgebindingpage_InternationalBadgeBindingPage_qwIAt
  .internationalbadgebindingpage_Body_nksVE
  .internationalbadgebindingpage_SignedIn_3ugfW
  .internationalbadgebindingpage_BindState_2PBXD.internationalbadgebindingpage_Failure_1HBIs {
  color: #a22;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.internationalfaqpage_Tooltip_2S3I_ {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.internationalfaqpage_CarouselFade_2qvJ- {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.internationalfaqpage_StandardButton_NgzP4 {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.internationalfaqpage_StandardButton_NgzP4:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.internationalfaqpage_StandardButton_NgzP4
  .internationalfaqpage_ButtonText_3V-ki {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.internationalfaqpage_StandardButton_NgzP4
  .internationalfaqpage_SteamLogo_bammW {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.internationalfaqpage_ToolTip_32SMb {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.internationalfaqpage_InternationalFAQPage_2-v9e {
  width: 100%;
  background-color: #151618;
  background-size: 170%;
  background-repeat: no-repeat;
  background-position-x: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_HeaderImage_1OJAN {
  width: 1280px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  margin-top: 50px;
}
@media (max-width: 1300px) {
  .internationalfaqpage_InternationalFAQPage_2-v9e
    .internationalfaqpage_HeaderImage_1OJAN {
    width: 800px;
  }
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0 {
  width: 1280px;
  display: flex;
  flex-direction: column;
  background-color: #000;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1300px) {
  .internationalfaqpage_InternationalFAQPage_2-v9e
    .internationalfaqpage_Body_1Esq0 {
    width: 800px;
  }
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_TopHeader_3yZ1e {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  padding: 30px;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_TopBody_311BQ {
  padding: 30px 30px;
  padding-top: 0px;
  color: #8e8e8e;
  font-size: 16px;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_FAQ_njSp1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_FAQ_njSp1
  .internationalfaqpage_FAQLabel_1Etbu {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 10px;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_FAQ_njSp1
  .internationalfaqpage_FAQQuestion_1g9eI {
  font-size: 18px;
  font-weight: 700;
  color: #c2c2c2;
  margin-bottom: 4px;
}
.internationalfaqpage_InternationalFAQPage_2-v9e
  .internationalfaqpage_Body_1Esq0
  .internationalfaqpage_FAQ_njSp1
  .internationalfaqpage_FAQAnswer_xHJ05 {
  font-size: 17px;
  color: #6e6e6e;
  margin-bottom: 20px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.controllerfaqpage_Tooltip_2Cbrm {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.controllerfaqpage_CarouselFade_24jSt {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.controllerfaqpage_StandardButton_1SyeC {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.controllerfaqpage_StandardButton_1SyeC:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.controllerfaqpage_StandardButton_1SyeC .controllerfaqpage_ButtonText_237vA {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.controllerfaqpage_StandardButton_1SyeC .controllerfaqpage_SteamLogo_3R0Tc {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.controllerfaqpage_ToolTip_2xLmv {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.controllerfaqpage_ControllerFAQPage_1errB {
  width: 100%;
  background-color: #151618;
  background-size: 170%;
  background-repeat: no-repeat;
  background-position-x: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_HeaderImage_1r7Ij {
  width: 1280px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  margin-top: 50px;
}
@media (max-width: 1300px) {
  .controllerfaqpage_ControllerFAQPage_1errB
    .controllerfaqpage_HeaderImage_1r7Ij {
    width: 800px;
  }
}
.controllerfaqpage_ControllerFAQPage_1errB .controllerfaqpage_Body_3Vazb {
  width: 1280px;
  display: flex;
  flex-direction: column;
  background-color: #000;
  box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1300px) {
  .controllerfaqpage_ControllerFAQPage_1errB .controllerfaqpage_Body_3Vazb {
    width: 800px;
  }
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_TopHeader_2OnSL {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  padding: 30px;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_TopBody_3wckb {
  padding: 30px 30px;
  padding-top: 0px;
  color: #8e8e8e;
  font-size: 16px;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_FAQ_1pRpZ {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_FAQ_1pRpZ
  .controllerfaqpage_FAQLabel_1xLp9 {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 10px;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_FAQ_1pRpZ
  .controllerfaqpage_FAQQuestion_3iJRI {
  font-size: 18px;
  font-weight: 700;
  color: #c2c2c2;
  margin-bottom: 4px;
}
.controllerfaqpage_ControllerFAQPage_1errB
  .controllerfaqpage_Body_3Vazb
  .controllerfaqpage_FAQ_1pRpZ
  .controllerfaqpage_FAQAnswer_1edPK {
  font-size: 17px;
  color: #6e6e6e;
  margin-bottom: 20px;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.pastupdates_Tooltip_1sIHR {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pastupdates_CarouselFade_2mPQa {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.pastupdates_StandardButton_2_Cmv {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.pastupdates_StandardButton_2_Cmv:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.pastupdates_StandardButton_2_Cmv .pastupdates_ButtonText_UxxIi {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.pastupdates_StandardButton_2_Cmv .pastupdates_SteamLogo_2xqa- {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.pastupdates_ToolTip_1dExL {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.pastupdates_HorizBar_3Uwtq {
  width: 80px;
  height: 3px;
  min-height: 3px;
  background-color: #ff6046;
  border-radius: 1px;
}
.pastupdates_RightArrow_3irwI {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(180deg);
}
.pastupdates_UpRightArrow_3iPUU {
  width: 20px;
  height: 20px;
  margin: 0px 4px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(135deg);
  filter: brightness(0.7);
}
.pastupdates_Headline_15-a4 {
  color: #fefefe;
  font-size: 50px;
  font-family: Reaver, serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000;
  letter-spacing: 3px;
  line-height: 112%;
}
@media (max-width: 600px) {
  .pastupdates_Headline_15-a4 {
    font-size: 40px;
    margin-top: 80px;
  }
}
.pastupdates_Description_3j_E1 {
  font-family: 'Radiance', sans-serif;
  color: #ffffffee;
  font-size: 22px;
  text-align: center;
  line-height: 28px;
  max-width: 1000px;
  text-shadow: 2px 2px 5px #000;
}
.pastupdates_PastUpdates_2NDSi {
  width: 100%;
  color: #fff;
  overflow: hidden;
  background-size: cover;
}
.pastupdates_PastUpdates_2NDSi .pastupdates_HeaderSection_WLRZ2 {
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 150px;
  overflow: hidden;
  display: block;
}
.pastupdates_PastUpdates_2NDSi .pastupdates_UpdatesContainer_fJ31i {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 150px;
  position: relative;
  max-width: 2048px;
  margin: 0 auto;
}
.pastupdates_PastUpdates_2NDSi .pastupdates_UpdatesContainer_fJ31i a {
  display: block;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  filter: brightness(1);
}
.pastupdates_PastUpdates_2NDSi .pastupdates_UpdatesContainer_fJ31i a:hover {
  transform: scale(1.03) translateY(-2px);
  filter: brightness(1.2);
  opacity: 1;
}
.pastupdates_PastUpdates_2NDSi
  .pastupdates_UpdatesContainer_fJ31i
  .pastupdates_UpdateBlock_2ao7w {
  width: 500px;
  height: 281px;
  border: 1px solid #727272;
  box-shadow: 0px 0px 20px #000;
  background-color: #00000020;
  background-size: cover;
  background-position: center bottom;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  margin: 10px;
}
@media (max-width: 600px) {
  .pastupdates_PastUpdates_2NDSi
    .pastupdates_UpdatesContainer_fJ31i
    .pastupdates_UpdateBlock_2ao7w {
    margin: 5px;
  }
}
.pastupdates_PastUpdates_2NDSi
  .pastupdates_UpdatesContainer_fJ31i
  .pastupdates_UpdateBlock_2ao7w:hover {
  border: 1px solid #ff6046;
}
.pastupdates_PastUpdates_2NDSi
  .pastupdates_UpdatesContainer_fJ31i
  .pastupdates_UpdateBlock_2ao7w
  .pastupdates_Date_3AU7D {
  background-color: #00000090;
  padding: 2px 5px;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
}
.pastupdates_PastUpdates_2NDSi
  .pastupdates_UpdatesContainer_fJ31i
  .pastupdates_UpdateBlock_2ao7w:hover
  .pastupdates_Date_3AU7D {
  opacity: 1;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.patchnotespage_Tooltip_16NOt {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.patchnotespage_CarouselFade_NZj-j {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.patchnotespage_StandardButton_nQppD {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.patchnotespage_StandardButton_nQppD:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.patchnotespage_StandardButton_nQppD .patchnotespage_ButtonText_2Ebnk {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.patchnotespage_StandardButton_nQppD .patchnotespage_SteamLogo_kMquX {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.patchnotespage_ToolTip_1onjl {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.patchnotespage_PatchNotesPage_HCTcn {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: repeat-y;
  background-color: #151618;
  background-position: center;
  clear: both;
}
.patchnotespage_PatchNotesPage_HCTcn .patchnotespage_Header_2uAz0 {
  width: 100%;
  background-color: #000;
  margin-top: 140px;
  padding: 30px 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Header_2uAz0
  .patchnotespage_Label_2khts {
  width: 900px;
  color: #ed3b1c;
  font-size: 32px;
  letter-spacing: 4px;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Header_2uAz0
  .patchnotespage_NotesTitle_oyfUT {
  width: 900px;
  color: #ed3b1c;
  font-size: 72px;
  font-weight: bold;
  letter-spacing: 8px;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Header_2uAz0
  .patchnotespage_SelectorContainer_1qUkQ {
  position: absolute;
  width: 900px;
  height: 100px;
  top: 60px;
  margin: 0 auto;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Header_2uAz0
  .patchnotespage_SelectorContainer_1qUkQ
  .patchnotespage_Selector_3e0NM {
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
}
.patchnotespage_PatchNotesPage_HCTcn .patchnotespage_Body_11CXi {
  width: 100%;
  max-width: 900px;
  padding-top: 32px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Body_11CXi
  .patchnotespage_ExternalSite_2MqcV {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #cbcbcb;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  margin: 20px 0px;
  margin-bottom: 40px;
}
.patchnotespage_PatchNotesPage_HCTcn
  .patchnotespage_Body_11CXi
  .patchnotespage_ExternalSite_2MqcV:hover {
  color: #fff;
}
.patchnotespage_UpdatesSection_3n8oL {
  width: 100%;
  display: none;
}
.patchnotespage_UpdatesSection_3n8oL.patchnotespage_IsShown_rKsLh {
  display: block;
}
.patchnotespage_UpdatesSection_3n8oL
  .patchnotespage_PatchNotesHeaderLabel_1WjLC {
  background: linear-gradient(to right, #833312ff, #83331200);
  border-left: 2px solid #ff5005;
  font-size: 30px;
  font-weight: 600;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 30px #000;
  padding: 12px 20px;
}
.patchnotespage_UpdatesSection_3n8oL .patchnotespage_PatchNotesList_2bYtA {
  width: 100%;
  border-left: 2px solid #ffffff10;
  margin-bottom: 30px;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.38) 3.07%,
    rgba(6, 37, 65, 0.3) 88.06%
  );
  box-shadow: 0px 0px 50px #000;
  min-height: 0;
  display: flex;
  padding: 20px 0px;
  flex-direction: column;
}
.patchnotespage_PatchNoteHero_99z4V {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 18px;
  padding-bottom: 0px;
  border-left: 2px solid #ffffff10;
  margin-bottom: 30px;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.38) 3.07%,
    rgba(6, 37, 65, 0.3) 88.06%
  );
  box-shadow: 0px 0px 50px #000;
}
.patchnotespage_PatchNoteHero_99z4V .patchnotespage_HeroHeader_EYgE0 {
  width: 100%;
  height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_HeroHeader_EYgE0
  .patchnotespage_HeroImage_ym_hi {
  width: 128px;
  height: 72px;
  box-shadow: 0px 0px 20px #000;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 20px;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_HeroHeader_EYgE0
  .patchnotespage_RightSection_Jyw3S {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_HeroHeader_EYgE0
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_HeroName_1nuWb {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Reaver', serif;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_HeroHeader_EYgE0
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_UpdateSubtitle_1zdBQ {
  font-size: 16px;
  font-weight: bold;
  color: #ff715d;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
.patchnotespage_PatchNoteHero_99z4V .patchnotespage_TalentNotes_2307Y {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_TalentNotes_2307Y
  .patchnotespage_TalentNoteHeader_3KTWV {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.patchnotespage_PatchNoteHero_99z4V .patchnotespage_Notes_16viL {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_Notes_16viL
  .patchnotespage_AbilityNote_3W8ym {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_Notes_16viL
  .patchnotespage_AbilityNote_3W8ym:not(:last-child) {
  padding-bottom: 20px;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_Notes_16viL
  .patchnotespage_AbilityNote_3W8ym
  .patchnotespage_AbilityIcon_2dkGQ {
  width: 55px;
  height: 55px;
  min-width: 55px;
  background-size: cover;
  background-repeat: no-repeat;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_Notes_16viL
  .patchnotespage_AbilityNote_3W8ym
  .patchnotespage_RightSection_Jyw3S {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNoteHero_99z4V
  .patchnotespage_Notes_16viL
  .patchnotespage_AbilityNote_3W8ym
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_AbilityName_3evA1 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 4px;
  margin-left: 20px;
}
.patchnotespage_PatchNoteItem_32hr0 {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0px 40px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
.patchnotespage_PatchNoteItem_32hr0 .patchnotespage_ItemHeader_3Luq5 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.patchnotespage_PatchNoteItem_32hr0
  .patchnotespage_ItemHeader_3Luq5
  .patchnotespage_ItemImage_2LRUz {
  width: 72px;
  height: 52px;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 20px #000;
  margin-right: 16px;
  margin-bottom: 10px;
}
.patchnotespage_PatchNoteItem_32hr0
  .patchnotespage_ItemHeader_3Luq5
  .patchnotespage_RightSection_Jyw3S {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNoteItem_32hr0
  .patchnotespage_ItemHeader_3Luq5
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_ItemName_1MKhq {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Reaver', serif;
}
.patchnotespage_PatchNoteItem_32hr0
  .patchnotespage_ItemHeader_3Luq5
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_ItemTitle_2kpOY {
  text-transform: uppercase;
  color: #ccc;
  letter-spacing: 2px;
}
.patchnotespage_PatchNoteItem_32hr0
  .patchnotespage_ItemHeader_3Luq5
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_Notes_16viL {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0px 40px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU
  .patchnotespage_NeutralCreepImage_3EBUN {
  width: 72px;
  height: 52px;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 20px #000;
  margin-right: 16px;
  margin-bottom: 10px;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU
  .patchnotespage_RightSection_Jyw3S {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_NeutralCreepName_2SxiJ {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Reaver', serif;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_NeutralCreepTitle__lG56 {
  text-transform: uppercase;
  color: #ccc;
  letter-spacing: 2px;
}
.patchnotespage_PatchNoteNeutralCreep_2bwMh
  .patchnotespage_NeutralCreepHeader_3bydU
  .patchnotespage_RightSection_Jyw3S
  .patchnotespage_Notes_16viL {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.patchnotespage_PatchNoteGeneric_3780o {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0px 18px;
}
.patchnotespage_PatchNoteGeneric_3780o .patchnotespage_GenericName_1hRqi {
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.patchnotespage_PatchNoteGeneric_3780o .patchnotespage_Notes_16viL {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.patchnotespage_NoteElement_1gbgx {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.patchnotespage_NoteElement_1gbgx .patchnotespage_Dot_1gcyD {
  width: 3px;
  height: 3px;
  min-width: 5px;
  min-height: 5px;
  border-radius: 3px;
  background-color: #999;
  margin-right: 10px;
  margin-top: 12px;
}
.patchnotespage_NoteElement_1gbgx
  .patchnotespage_Dot_1gcyD.patchnotespage_IsHidden_t11N2 {
  opacity: 0;
}
.patchnotespage_NoteElement_1gbgx .patchnotespage_Note_eSxyZ {
  font-size: 20px;
  color: #bbbbbbee;
  line-height: 30px;
  font-weight: 200;
}
span.New {
  color: #36a15e;
}
span.Reworked {
  color: #d05307;
}
.patchnotespage_InfoBlock_2jges {
  display: inline-block;
}
.patchnotespage_InfoBlock_2jges .patchnotespage_InfoBlockIcon_1WQgr {
  transform: translateY(4px);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  cursor: default;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/icon_info.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
* {
  box-sizing: border-box;
  font-family: 'Radiance', 'Noto Sans', sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.Bold {
  font-weight: bold;
}
.Spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.Spoiler:hover {
  color: #fff !important;
}
.Strike {
  text-decoration: line-through;
}

.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.shortfilmcontest_Tooltip_2RUfy {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.shortfilmcontest_CarouselFade_25D1H {
  mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.shortfilmcontest_StandardButton_8vKFn {
  border: 3px solid #ffffff50;
  padding: 15px 25px;
  margin: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
}
.shortfilmcontest_StandardButton_8vKFn:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.shortfilmcontest_StandardButton_8vKFn .shortfilmcontest_ButtonText_1E8dN {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.shortfilmcontest_StandardButton_8vKFn .shortfilmcontest_SteamLogo_NKf2T {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg'); */
}
.shortfilmcontest_ToolTip_37ts1 {
  background-color: #36363e;
  color: #ddd;
  max-width: 250px;
  border: 1px solid #2d2d33;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 20px;
  padding: 6px 10px;
  z-index: 99999;
}
.shortfilmcontest_HorizBar_1VZQU {
  width: 80px;
  height: 3px;
  min-height: 3px;
  background-color: #ff6046;
  border-radius: 1px;
}
.shortfilmcontest_RightArrow_3NmAc {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(180deg);
}
.shortfilmcontest_UpRightArrow_31_7c {
  width: 20px;
  height: 20px;
  margin: 0px 4px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(135deg);
  filter: brightness(0.7);
}
.shortfilmcontest_FilmButton_3f-RA {
  border: 3px solid #ffffff30;
  padding: 20px 30px;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-size: cover;
  transition-duration: 0.2s;
  margin-bottom: 30px;
}
.shortfilmcontest_FilmButton_3f-RA:hover {
  border: 3px solid #ff6046;
  transform: translateY(-5px);
  color: #ff6046;
}
.shortfilmcontest_FilmButton_3f-RA .shortfilmcontest_ButtonText_1E8dN {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.shortfilmcontest_FilmButton_3f-RA .shortfilmcontest_RightArrow_3NmAc {
  width: 30px;
  height: 30px;
}
.shortfilmcontest_FilmButton_3f-RA .shortfilmcontest_SteamLogo_NKf2T {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg');
}
@keyframes shortfilmcontest_clapBoardIn_1ANQt {
  0% {
    transform: translateY(90px) rotate(0deg);
    opacity: 0;
  }
  75% {
    transform: translateY(-70px) rotate(-13deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0px) rotate(-7deg);
    opacity: 1;
  }
}
.shortfilmcontest_HomePage_19ELl {
  width: 100%;
  color: #fff;
  display: grid;
}
.shortfilmcontest_HomePage_19ELl .shortfilmcontest_HeaderSection_3CmwA {
  width: 100%;
  margin-bottom: 0px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #08090c;
  overflow: hidden;
  display: block;
  position: relative;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_HeaderSection_3CmwA
  .shortfilmcontest_BottomFade_2FhWR {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(80%, rgba(0, 0, 0, 0.7)),
    color-stop(100%, black)
  );
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_HeaderSection_3CmwA
  .shortfilmcontest_BackgroundVideoContainer_1SByh {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  -webkit-mask-image: linear-gradient(to top, transparent 25%, black 75%);
  mask-image: linear-gradient(to top, transparent 25%, black 75%);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_HeaderSection_3CmwA
  .shortfilmcontest_BackgroundVideoContainer_1SByh
  video {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-mask-image: linear-gradient(to top, transparent 0%, black 10%);
  mask-image: linear-gradient(to top, transparent 0%, black 100%);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_HeaderSection_3CmwA
  .shortfilmcontest_PlayButtonPositioner_1-xix {
  margin: 0px auto;
  margin-top: 30vw;
}
.shortfilmcontest_HomePage_19ELl .shortfilmcontest_TitleContainer_1qvNp {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  margin-top: 30vw;
  margin-bottom: 150px;
  z-index: 10;
}
@media (max-width: 900px) {
  .shortfilmcontest_HomePage_19ELl .shortfilmcontest_TitleContainer_1qvNp {
    padding-left: 20px;
    max-width: 80%;
  }
}
@keyframes shortfilmcontest_rotate_vpspr {
  0% {
    opacity: 0;
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_TopRow_1B_8X {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_TopRow_1B_8X
  .shortfilmcontest_FilmButton_3f-RA {
  background-color: #000;
  min-width: 290px;
}
@media (max-width: 1200px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_TitleContainer_1qvNp
    .shortfilmcontest_TopRow_1B_8X
    .shortfilmcontest_FilmButton_3f-RA {
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_CommunityDesc_2tBAr {
  color: #fff;
  font-weight: bold;
  text-align: left;
  font-size: 24px;
  margin-bottom: 20px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_HeroName_eKuLM {
  font-size: 60px;
  line-height: 113%;
  font-family: 'Reaver', serif;
  letter-spacing: 5px;
  font-weight: 600;
  color: #ffffffee;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000;
}
@media (max-width: 600px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_TitleContainer_1qvNp
    .shortfilmcontest_HeroName_eKuLM {
    font-size: 40px;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_HeroLogo_1mVt3 {
  max-width: 800px;
  width: 60%;
  transform: rotate(-7deg);
  margin-bottom: -30px;
  animation-duration: 1.3s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: shortfilmcontest_clapBoardIn_1ANQt;
}
@media (max-width: 1200px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_TitleContainer_1qvNp
    .shortfilmcontest_HeroLogo_1mVt3 {
    width: 100%;
    margin: 0 auto;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Introduction_3gcUT {
  font-size: 36px;
  font-weight: bold;
  margin: 50px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Introduction_3gcUT
  .shortfilmcontest_Bold_YHXdy {
  color: red;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize_38sWz {
  margin: 30px;
  min-width: 250px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 18px;
  font-family: 'Reaver', serif;
  font-weight: 600;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize_38sWz
  .shortfilmcontest_PrizeAmount_1gEvB {
  font-size: 65px;
  font-weight: 800;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize_38sWz
  .shortfilmcontest_PrizeLabel_2iH7k {
  font-size: 20px;
  font-weight: 600px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize1_2YY12 {
  background: -webkit-linear-gradient(#e4c269, #c79123);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 10px #c79123);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize2_-AIIm {
  background: -webkit-linear-gradient(#c7ccd8, #75829f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 10px #c7ccd8);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize3_197pa {
  background: -webkit-linear-gradient(#d8a36f, #93482b);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 10px #d8a36f);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_Prizes_GR0cl
  .shortfilmcontest_Prize4_1mPKI {
  background: -webkit-linear-gradient(#f8f3ed, #747084);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 10px #f8f3ed);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_ButtonRow_jzYZJ {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  width: 40%;
  margin-left: auto;
  background-color: #00000060;
  padding: 20px;
  margin-top: 200px;
}
@media (max-width: 1200px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_TitleContainer_1qvNp
    .shortfilmcontest_ButtonRow_jzYZJ {
    width: 100%;
    margin-top: 50px;
    align-items: center;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_TitleContainer_1qvNp
  .shortfilmcontest_PrizeDesc_41nAk {
  font-size: 18px;
  line-height: 160%;
  font-weight: 200;
  max-width: 1220px;
  margin: 40px;
  text-align: justify;
  color: #999;
}
.shortfilmcontest_HomePage_19ELl .shortfilmcontest_GuidelinesSection_3HrYc {
  padding: 150px 10vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//international2020/shortfilm/guidelines_bg.jpg');
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media (max-width: 600px) {
  .shortfilmcontest_HomePage_19ELl .shortfilmcontest_GuidelinesSection_3HrYc {
    padding: 100px 12vw;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_GuidelinesSection_3HrYc
  .shortfilmcontest_GuidelinesTitle_3Zwjn {
  font-size: 26px;
  font-weight: bold;
  line-height: 170%;
  margin-bottom: 20px;
  opacity: 0.95;
  text-shadow: 0px 0px 5px #000;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_GuidelinesSection_3HrYc
  .shortfilmcontest_GuidelinesList_2qJS9 {
  font-size: 20px;
  line-height: 30px;
  color: #dedede;
  max-width: 1200px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_GuidelinesSection_3HrYc
  .shortfilmcontest_GuidelinesList_2qJS9
  ul {
  padding-left: 16px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_GuidelinesSection_3HrYc
  .shortfilmcontest_GuidelinesList_2qJS9
  li {
  margin-bottom: 15px;
}
.shortfilmcontest_HomePage_19ELl .shortfilmcontest_EndRow_3ipnV {
  background-color: #222;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//backgrounds/greyfade.jpg');
  background-size: cover;
  background-position: center top;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 5;
  overflow: hidden;
  border-top: 3px solid #ffffff50;
  border-bottom: 3px solid #ffffff50;
  padding: 100px 10vw;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV:hover
  .shortfilmcontest_EndRowImage_1TVQk {
  transform: translateY(10px) rotate(-5deg);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV
  .shortfilmcontest_EndRowImage_1TVQk {
  transform: translateY(30px) rotate(-7deg);
  right: 0px;
  bottom: 0px;
  transition-duration: 0.3s;
  max-height: 400px;
  pointer-events: none;
  filter: drop-shadow(0 0 1rem #000000);
  z-index: 5;
  margin-left: auto;
}
@media (max-width: 1600px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_EndRow_3ipnV
    .shortfilmcontest_EndRowImage_1TVQk {
    right: -5%;
    max-height: 300px;
  }
}
@media (max-width: 900px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_EndRow_3ipnV
    .shortfilmcontest_EndRowImage_1TVQk {
    display: none;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV
  .shortfilmcontest_EndRowImage_1TVQk
  img {
  transition-duration: 0.3s;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV
  .shortfilmcontest_EndRowText_1Ke6U {
  font-size: 36px;
  font-weight: bold;
  max-width: 50%;
}
@media (max-width: 900px) {
  .shortfilmcontest_HomePage_19ELl
    .shortfilmcontest_EndRow_3ipnV
    .shortfilmcontest_EndRowText_1Ke6U {
    padding-left: 30px;
    max-width: 100%;
  }
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV
  .shortfilmcontest_FilmButton_3f-RA {
  transform: translateX(-30px) translateY(10px);
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_EndRow_3ipnV
  .shortfilmcontest_FilmButton_3f-RA:hover {
  transform: translateX(-30px) translateY(5px);
  color: #ff6046;
}
.shortfilmcontest_HomePage_19ELl .shortfilmcontest_WallpaperSection_2V4ms {
  background-color: #181c22;
  padding: 50px 0px;
  background-position: center bottom;
  background-size: cover;
  z-index: 10;
  position: relative;
  border-top: 2px solid #ffffff60;
  border-bottom: 2px solid #ffffff60;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_WallpaperSection_2V4ms
  .shortfilmcontest_WallpaperTitle_2ANfi {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
  text-shadow: 0px 0px 10px #000;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_WallpaperSection_2V4ms
  .shortfilmcontest_Wallpapers_2q9Ur {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.shortfilmcontest_HomePage_19ELl
  .shortfilmcontest_WallpaperSection_2V4ms
  .shortfilmcontest_PreviousWinnerVideo_2Lxdi {
  width: 25%;
  margin: 0px 20px;
  box-shadow: 0px 0px 20px #000;
}
.shortfilmcontest_ShortFilmPopup_3Z41i {
  position: relative;
  width: 80vw;
  max-width: 1000px;
  background-color: #000;
  border-radius: 4px;
  padding: 40px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 20px #000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shortfilmcontest_ShortFilmPopup_3Z41i .shortfilmcontest_ShortFilmTitle_3Kz1a {
  text-align: center;
  margin-bottom: 8px;
}
.shortfilmcontest_ShortFilmPopup_3Z41i
  .shortfilmcontest_ShortFilmSubTitle_2DNED {
  text-align: center;
  margin-bottom: 30px;
}
.shortfilmcontest_ShortFilmPopup_3Z41i .shortfilmcontest_Entries_6SMZ8 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shortfilmcontest_ShortFilmPopup_3Z41i
  .shortfilmcontest_Entries_6SMZ8
  .shortfilmcontest_Entry_2a_cp {
  font-size: 15px;
  width: 300px;
  padding: 0px 8px;
  color: #777;
}
@media (max-width: 375px) {
  .shortfilmcontest_ShortFilmPopup_3Z41i
    .shortfilmcontest_Entries_6SMZ8
    .shortfilmcontest_Entry_2a_cp {
    font-size: 10px;
    padding: 0px 8px;
    text-align: center;
  }
}
.shortfilmcontest_PopupPanelContainer_W_776 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  z-index: 99;
}
.shortfilmcontest_PopupPanelContainer_W_776 .shortfilmcontest_PopupPanel_39pFj {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shortfilmcontest_PopupPanelContainer_W_776.shortfilmcontest_ShowPopupPanel_3B_yJ {
  opacity: 1;
  pointer-events: auto;
}
.shortfilmcontest_PopupPanelContainer_W_776
  .shortfilmcontest_CloseButton_3kkJq {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  filter: brightness(0.6);
  transition: 0.2s;
}
.shortfilmcontest_PopupPanelContainer_W_776
  .shortfilmcontest_CloseButton_3kkJq
  img {
  width: 100%;
  height: 100%;
}
.shortfilmcontest_PopupPanelContainer_W_776
  .shortfilmcontest_CloseButton_3kkJq:hover {
  filter: brightness(1);
  transform: scale(1.04);
}
.youtubeembed_DynamicLinkBox_1QopE {
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 6px;
  padding: 8px;
  margin: 10px 0px 10px 0px;
  cursor: pointer;
  overflow: hidden;
  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%
  );
}
.youtubeembed_DynamicLinkBox_1QopE .youtubeembed_DynamicLink_Preview_3-eez {
  float: left;
  margin-right: 14px;
  max-height: 88px;
  max-width: 75%;
}
a.youtubeembed_DynamicLinkBox_1QopE {
  display: block;
  text-decoration: none !important;
  border-bottom: none;
}
a.youtubeembed_DynamicLinkBox_1QopE:hover {
  border-bottom: none;
}
.youtubeembed_DynamicLink_Author_30kmA {
  height: 16px;
  font-size: 12px;
  color: #95a6b2;
  margin-bottom: 4px;
}
.youtubeembed_DynamicLink_Author_30kmA span {
  color: #809fb7;
}
.youtubeembed_DynamicLink_Description_3sqJF {
  padding-bottom: 10px;
}
.youtubeembed_DynamicLink_Content_iGJXx {
  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;
}
.youtubeembed_DynamicLink_Name_2-qnu {
  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;
}
.youtubeembed_DynamicLink_YoutubeViews_3ALy1 {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #bfbfbf;
}
.youtubeembed_Dynamiclink_Content_1OZDu {
  font-family: 'Motiva Sans', Sans-serif;
  font-weight: 300;
  color: silver;
  text-shadow: 0 0 16px #000;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 9px;
  text-align: left;
  display: flow-root;
}
.youtubeembed_DynamicLink_URL_Zo5Wg a,
.youtubeembed_DynamicLink_AuthorName_WkET8 {
  color: #fff;
}
.youtubeembed_DynamicLink_Date_3KWqB {
  float: right;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4 {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4 img {
  width: 100%;
  display: block;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4 iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_sizeThumb_gQnf7 {
  width: 311px;
  height: 187px;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_sizeFull_WaUEM {
  width: 100%;
  margin-bottom: 6px;
  margin-top: 4px;
  flex-shrink: 0;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_floatLeft_HphUI {
  float: left;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_floatRight_3NCOz {
  float: right;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
iframe.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_floatLeft_HphUI,
iframe.youtubeembed_PreviewYouTubeVideo_3ebu4.youtubeembed_floatRight_3NCOz {
  float: none;
  padding: 0px;
}
.localdateandtime_DateAndTime_1mIa4,
.localdateandtime_DateAndTimeInline_3qD-l {
  display: inline-flex;
  white-space: nowrap;
}
.localdateandtime_DateAndTime_1mIa4 span.localdateandtime_At_1_c2a,
.localdateandtime_DateAndTimeInline_3qD-l span.localdateandtime_At_1_c2a {
  margin: 0px 4px;
  color: #6c767f;
}
.localdateandtime_DateAndTimeInline_3qD-l {
  display: inline-flex;
}
.localdateandtime_ActiveEvent_svTOO {
  color: #a3cf06;
  display: flex;
}
.localdateandtime_ActiveEvent_svTOO .localdateandtime_ActiveEventCallOut_3B7k4 {
  background: #a3cf06;
  font-size: 11px;
  color: #222;
  padding: 0px 5px;
  border-radius: 2px;
  display: table;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 4px;
  margin-top: 1px;
}
.localdateandtime_RightSideTitles_2TqaV {
  font-size: 12px;
  font-weight: 200;
  color: #b1b4b9;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.localdateandtime_DateToolTip_1nzF8 {
  z-index: 2000;
  padding: 3px 8px;
  border-radius: 2px;
  background-color: #5e6068;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
}
.localdateandtime_ShortDateAndTime_10lxL {
  margin: 0px 4px;
  text-transform: initial;
  color: #868f98;
  letter-spacing: normal;
}
.localdateandtime_ShortDateRange_3MAl6 {
  display: flex;
}
@media screen and (max-width: 500px) {
  .localdateandtime_ShortDateRange_3MAl6 {
    flex-direction: column;
  }
}
.localdateandtime_ShortDateRange_3MAl6 .localdateandtime_RightSideTitles_2TqaV {
  display: flex;
  flex-wrap: wrap;
}
div.eventbbcodeparser_Header1_2zuQq,
div.eventbbcodeparser_Header2_1XW7a,
div.eventbbcodeparser_Header3_2W0fw {
  color: #fff;
  margin-bottom: 6px;
  margin-top: 8px;
  clear: both;
}
div.eventbbcodeparser_Header1_2zuQq {
  font-size: 32px;
  line-height: 33px;
  font-weight: 500;
}
div.eventbbcodeparser_Header2_1XW7a {
  font-size: 26px;
  line-height: 29px;
  font-weight: 400;
}
div.eventbbcodeparser_Header3_2W0fw {
  font-size: 19px;
  line-height: 22px;
  font-weight: 300;
}
.eventbbcodeparser_Link_3NcRW {
  color: #969696;
  text-decoration: underline;
}
.eventbbcodeparser_Link_3NcRW:hover {
  color: #fff;
}
.eventbbcodeparser_LinkHost_2T5nC {
  font-size: 10px;
  color: #7e8391;
  padding: 4px;
  top: -1px;
}
a.eventbbcodeparser_LinkButton_2l4XS {
  background-color: #2681da;
  font-size: 14px;
  padding: 6px 20px;
  display: inline-block;
  border-radius: 3px;
  margin: 4px 0px;
}
a.eventbbcodeparser_LinkButton_2l4XS span {
  color: #fff;
  padding-bottom: 6px;
}
.eventbbcodeparser_LinkButton_2l4XS:hover {
  background-color: #3691fa;
  color: #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
ul.eventbbcodeparser_UnorderedList_2s0zA {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 21px;
  padding-left: 1em;
  padding-inline-start: 40px;
  margin-top: 14px;
  margin-bottom: 0px;
}
ol.eventbbcodeparser_OrderedList_2tEkD {
  padding-left: 3em;
  margin-top: 14px;
  margin-bottom: 14px;
}
iframe.eventbbcodeparser_StoreWidget_2z0k4 {
  height: 190px;
  width: 100%;
}
iframe.eventbbcodeparser_MedalTVWidget_3pE8b {
  height: 360px;
  width: 100%;
}
.eventbbcodeparser_AppSummaryWidgetCtn_1q-L5 {
  flex-grow: 2;
  flex-basis: 0;
}
.DetailPageExample .eventbbcodeparser_Header2_1XW7a {
  font-size: 10px;
  line-height: 10px;
}
.DetailPageExample .eventbbcodeparser_Header1_2zuQq {
  font-size: 11px;
  line-height: 11px;
}
.eventbbcodeparser_SaleSectionCtn_3gzGa {
  color: #c3c4d9;
  font-size: 14px;
}
.eventbbcodeparser_SaleSectionCtn_3gzGa .eventbbcodeparser_ReminderCtn_1bSdg {
  width: 300px;
  margin: 6px 0;
}
.eventbbcodeparser_SaleSectionCtn_3gzGa .eventbbcodeparser_BlockQuote_3EN2v {
  border: none;
  width: 60%;
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .eventbbcodeparser_SaleSectionCtn_3gzGa .eventbbcodeparser_BlockQuote_3EN2v {
    width: 100%;
  }
}
.eventbbcodeparser_SaleSectionCtn_3gzGa .BB_TableData {
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .eventbbcodeparser_SaleSectionCtn_3gzGa .BB_TableData {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .eventbbcodeparser_SaleSectionCtn_3gzGa .BB_TableData {
    font-size: 13px;
  }
}
.eventbbcodeparser_SaleSectionCtn_3gzGa img {
  max-width: 100%;
  height: auto;
}
.eventbbcodeparser_SaleSectionCtn_3gzGa .eventbbcodeparser_Link_3NcRW {
  color: #fff;
}
.eventbbcodeparser_SocialLink_2A_sW {
  display: inline-block;
}
.eventbbcodeparser_SocialIcon_3zUWn {
  height: 1em;
  width: 1em;
  display: inline-block;
  margin-right: 8px;
}
.eventreminder_FlexColumnContainer_1y5Hb {
  display: flex;
  flex-direction: column;
}
.eventreminder_FullStartTime_3NRHo {
  color: #a4d5ff;
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.3);
}
.eventreminder_ReminderDialog_1DoQh.eventreminder_ReminderOptions_2yPmn {
  width: 300px;
  padding: 0px;
  background: transparent;
  border-left: none;
}
.eventreminder_ReminderBackground_2wcJ6 {
  position: relative;
  background: #2f2f33;
  padding: 0px;
  border-radius: 2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  width: max-content;
  min-width: 100%;
}
.eventreminder_ReminderBackground_2wcJ6.eventreminder_ReminderExpandsLeft_1VfAs {
  position: absolute;
  right: 0;
}
.eventreminder_ReminderOption_2RU5s,
a.eventreminder_ReminderOption_2RU5s {
  padding: 4px;
  margin: 0px 8px 2px 8px;
  background: #444850;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.eventreminder_ReminderOption_2RU5s:not(.eventreminder_Unverified_2teRM):hover,
a.eventreminder_ReminderOption_2RU5s:not(.eventreminder_Unverified_2teRM):hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.eventreminder_ReminderOption_2RU5s.eventreminder_Unverified_2teRM,
a.eventreminder_ReminderOption_2RU5s.eventreminder_Unverified_2teRM {
  color: #777;
}
.eventreminder_ReminderOption_2RU5s a,
a.eventreminder_ReminderOption_2RU5s a {
  color: #a4d5ff;
  padding: 0 4px;
}
.eventreminder_ReminderOption_2RU5s a:hover,
a.eventreminder_ReminderOption_2RU5s a:hover {
  text-decoration: underline;
}
.eventreminder_ReminderOption_2RU5s .eventreminder_CheckboxWrapper_kv-CG,
a.eventreminder_ReminderOption_2RU5s .eventreminder_CheckboxWrapper_kv-CG {
  flex: 1;
}
.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container,
a.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container {
  margin-bottom: 0px;
  padding: 0 8px 0 0;
}
.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogCheckbox,
a.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogCheckbox {
  margin: 3px;
  width: 16px;
  height: 16px;
}
.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogCheckbox
  .SVGIcon_DialogCheck,
a.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogCheckbox
  .SVGIcon_DialogCheck {
  margin: 0 0 2px 0;
  width: 16px;
  height: 16px;
}
.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogToggle_Label,
a.eventreminder_ReminderOption_2RU5s
  .eventreminder_CheckboxWrapper_kv-CG
  .DialogCheckbox_Container
  .DialogToggle_Label {
  margin-left: 28px;
}
.eventreminder_ReminderOptionTooltip_ccmSx {
  z-index: 2000;
}
.eventreminder_ReminderCheckBox_1CkWt {
  width: fit-content;
  display: flex;
  font-size: 14px;
  overflow: hidden;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz {
  position: relative;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_RemindBell_zVT8n {
  width: 26px;
  height: 32px;
  padding-left: 4px;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz svg {
  fill: #399aec;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_RemindCheck_P-2Xu {
  position: absolute;
  padding-top: 0;
  height: 32px;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_ReminderOptions_2yPmn {
  display: none;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_ReminderDefault_2V4hj {
  width: 0;
  padding: 0;
  height: 0;
  border: 0;
}
html:not(.touch)
  .eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_ReminderDefault_2V4hj {
  transition: padding-right 0.2s ease-out;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_ReminderOptions_2yPmn {
  display: block;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_ReminderDefault_2V4hj {
  width: auto;
  padding: 6px 12px;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_RemindBell_zVT8n,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_RemindBell_zVT8n {
  display: none;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_RemindCheck_P-2Xu,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz
  .eventreminder_RemindCheck_P-2Xu {
  position: relative;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover,
.eventreminder_ReminderDialog_1DoQh .eventreminder_ReminderCheckBox_1CkWt {
  background-image: radial-gradient(
    circle at top left,
    #399aec 10%,
    #225dce 80%
  );
  border-radius: 3px;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq:hover,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover:hover,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt:hover {
  cursor: pointer;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq:hover
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq:hover
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq:hover
  .eventreminder_ReminderCheck_1WJ3v,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq:hover
  .eventreminder_ReminderOpennedOptions_tbZ1S,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover:hover
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover:hover
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover:hover
  .eventreminder_ReminderCheck_1WJ3v,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover:hover
  .eventreminder_ReminderOpennedOptions_tbZ1S,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt:hover
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt:hover
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt:hover
  .eventreminder_ReminderCheck_1WJ3v,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt:hover
  .eventreminder_ReminderOpennedOptions_tbZ1S {
  background-color: rgba(57, 154, 236, 0.5);
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_ReminderDefault_2V4hj,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt
  .eventreminder_ReminderDefault_2V4hj {
  padding: 6px 12px;
  color: #fff;
  flex: 1;
  flex-grow: 100;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 20px;
  height: 32px;
  white-space: nowrap;
  box-sizing: border-box;
}
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_TextMode_tRnjq
  .eventreminder_ReminderOpennedOptions_tbZ1S,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderCheckBox_1CkWt.eventreminder_IconMode_28RJz:hover
  .eventreminder_ReminderOpennedOptions_tbZ1S,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt
  .eventreminder_ReminderOptions_2yPmn,
.eventreminder_ReminderDialog_1DoQh
  .eventreminder_ReminderCheckBox_1CkWt
  .eventreminder_ReminderOpennedOptions_tbZ1S {
  flex: 1;
  flex-basis: 32px;
  background-repeat: no-repeat;
  background-position: 9px 9px;
  width: 35px;
  height: 32px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.eventreminder_ReminderOptions_2yPmn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M1MEE4RDkxREYwMTFFOUJGNjhDQjk4QzYxOUI2RUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M1MEE4REExREYwMTFFOUJGNjhDQjk4QzYxOUI2RUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzUwQThENzFERjAxMUU5QkY2OENCOThDNjE5QjZFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzUwQThEODFERjAxMUU5QkY2OENCOThDNjE5QjZFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkFcBtEAAADkSURBVHjaYvz//z8DCDCBiHfv3v0HCCBGmAgIiIAIgAACizAyMgpABf8wICsBAYAAYsQQAGIeIGaB8j+Aybdv3/6HGYoBAAIIwwx0ADYL6AwRoDGvkSWEhYVFgdQbdGeJoNtF0AqAACKogImBAGCEOpQHi9wXoOl/wAqAPviNLgv0BStIAciKPyAOuiQ45NHDBBqksHBmIOQBsAIWQqoAAoxgOBACTAwUAlhkcwA9+J1YTcBQ4gRSP8DpFZpoYYYJoKcaLCnoAyyI0Q1AdhWKQegaUaIBTyCCDOJAjjds0TTwsQAAEO5yLEGNvDIAAAAASUVORK5CYII=);
}
.eventreminder_ReminderOpennedOptions_tbZ1S {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2NkUxRjYzNDdEMTFFOUI5MzlCM0IwNDk1OTEzMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2NkUxRjczNDdEMTFFOUI5MzlCM0IwNDk1OTEzMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDY2RTFGNDM0N0QxMUU5QjkzOUIzQjA0OTU5MTMyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDY2RTFGNTM0N0QxMUU5QjkzOUIzQjA0OTU5MTMyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puj4W0sAAADSSURBVHjaYvz//z8DCDCBiHfv3v0HCCBGmAjD27dvQSwWgABigIuAOEDAiCQABgABhCGAohwkCWKwAA38DdOBoQUggHCaAQfIzgC5De4+qBzYBJAXsGkWEhJiJGgFQAARVMDEQCLgwOEBMBCB+kAEWQETkuRraDS8RlbECDIWKPgd3S5hYWFOoAk/KPcFQIARjgsCgImBUoDDBSxowcaCTR88MTAyMiJrFIAFKVqoiQKpD0D8B9limAE4NeIyCKjvD7oBHNicigWANP5AMWBAYwEAUl+ORKnWwrgAAAAASUVORK5CYII=);
}
.eventreminder_ReminderOptionsHeader_1irbS {
  color: #b1b4b9;
  font-size: 11px;
  text-transform: uppercase;
  padding: 8px 10px 4px;
}
.eventreminder_ReminderCalendarOptions_2MSZH {
  padding: 0px 8px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.eventreminder_ReminderSettings_3bSG8 {
  margin-top: 12px;
  border-top: 1px solid #5b616b;
  padding: 8px;
}
.eventreminder_ReminderCalendarOptions_2MSZH
  .eventreminder_ReminderOption_2RU5s {
  padding: 4px 8px;
  margin: 0 2px 0;
  flex-basis: 25%;
  display: inline;
  text-align: center;
}
.eventreminder_ReminderNotes_1N2eu {
  padding: 8px;
  color: #e1c48a;
  font-size: 12px;
}
.eventreminder_RemindCheck_P-2Xu {
  width: 26px;
  height: 26px;
  padding-top: 5px;
  padding-left: 4px;
}
.eventreminder_RemindCheck_P-2Xu svg polyline {
  stroke-width: 32;
}
.eventreminder_RpcThrobber_2TbzG {
  position: absolute;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.partnereventshared_PartnerEventFont_jl62C {
  font-family: 'Motiva Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
.partnereventshared_BetaContainer_V9W-c {
  background-image: radial-gradient(
    circle at top left,
    #056890 0%,
    #143d4d 60%
  );
  border-bottom: 1px solid #09b8fe;
  padding: 40px;
  color: #e5e5e5;
}
.partnereventshared_BetaContainer_V9W-c a {
  text-decoration: underline;
}
.partnereventshared_BetaContainer_V9W-c
  .partnereventshared_EventBetaTextTitle_1RBMY {
  font-size: 23px;
  font-family: 'Motiva Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #78bbf2;
  text-transform: none;
  margin-bottom: 8px;
}
.partnereventshared_Clear_2wTCS {
  clear: left;
  display: block;
}
.partnereventshared_Divider_1YSSb {
  background-color: #161616;
  border-bottom: 1px solid #4c4c4c;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.partnereventshared_EventDefaultRowContainer_2PZFs {
  border: 1px solid #464b58;
  padding: 16px;
  border-radius: 4px;
  margin-top: 8px;
}
.partnereventshared_EventDefaultRowContainer_2PZFs.partnereventshared_EventStartPublic_2Z9-l {
  border-left: 1px solid #a3cf06;
}
.partnereventshared_EventOptions_lTs6D {
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.partnereventshared_FlexColumnContainer_1xuKN {
  display: flex;
  flex-direction: column;
}
.partnereventshared_FlexRowContainer_ObERh {
  display: flex;
  flex-direction: row;
}
.partnereventshared_FlexContainSpaceBetween_2hZlk {
  justify-content: space-between;
  position: absolute;
}
.partnereventshared_FlexRowContainer_ObERh > div:not(:first-child) {
  margin-left: 8px;
}
.partnereventshared_FlexRowWrapSpaceBetweenContainer_1tkkJ {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.partnereventshared_FlexRowWrapFlexStartContainer_1j2ti {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.partnereventshared_SaveBackground_sD4zz {
  position: fixed;
  bottom: 0;
  width: 100vw;
  z-index: 1;
  background: #353941;
}
.partnereventshared_SaveBackground_sD4zz
  .partnereventshared_FlexRowWrapFlexStartContainer_1j2ti {
  width: 1056px;
  margin: 0 auto;
  padding: 12px;
}
.partnereventshared_SupportedGroupLabel_2ALDc {
  color: #fff;
  background-color: #000;
  text-transform: uppercase;
  text-align: center;
}
.partnereventshared_LanguageWithContent_26qgE {
  color: #a3cf06;
}
input::placeholder {
  font-style: italic;
}
.partnereventshared_InputBorder_3GXan {
  padding: 0px;
}
b {
  font-family: 'Motiva Sans', Arial, Helvetica, sans-serif;
}
.partnereventshared_RadioOption_qDLh8 {
  padding: 4px 0px;
}
.partnereventshared_RadioOption_qDLh8 label {
  margin-left: 8px;
}
.partnereventshared_EventEditorTextTitleCtn_3Stjq {
  padding-bottom: 3px;
  padding-top: 20px;
}
.partnereventshared_EventEditorTextTitleCtn_3Stjq
  .partnereventshared_doclink_pv25B {
  float: right;
  background: #30343b;
  border-radius: 3px;
  font-size: 12px;
  text-transform: uppercase;
  color: #bbbdbf;
  padding: 2px 6px;
}
.partnereventshared_EventEditorTextTitleCtn_3Stjq
  .partnereventshared_doclink_pv25B:hover {
  background: #495059;
}
.partnereventshared_EventEditorUnpaddedTextTitle_3YEdx,
.partnereventshared_EventEditorTextTitle_KxUwI,
.partnereventshared_EventEditorTextTitleLengthInfo_RI6jm {
  color: #a7aeb4;
  padding-bottom: 3px;
  letter-spacing: 0px;
}
.partnereventshared_EventEditorUnpaddedTextTitle_3YEdx,
.partnereventshared_EventEditorTextTitle_KxUwI {
  padding-left: 0px;
  text-transform: uppercase;
  font-size: 13px;
}
.partnereventshared_EventEditorUnpaddedTextTitle_3YEdx span,
.partnereventshared_EventEditorTextTitle_KxUwI span {
  text-transform: none;
  color: #868f98;
  vertical-align: middle;
}
.partnereventshared_EventEditorTextTitleLengthInfo_RI6jm {
  font-size: 11px;
  padding-left: 10px;
}
.partnereventshared_EventSectionTitleCtn_Gh36G {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  position: relative;
}
.partnereventshared_EventSectionTitle_ymEPg {
  color: #fff;
  padding-left: 0px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 2px;
}
.partnereventshared_EventSectionSpacer_3hmAE {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  flex-grow: 1;
  margin-top: 12px;
  height: 4px;
  margin-left: 20px;
  margin-right: 20px;
}
.partnereventshared_EventSectionMoreBtn_2aMUA {
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 4px 12px;
  color: #fff;
  font-size: 11px;
  height: 15px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.partnereventshared_EventSectionMoreBtn_2aMUA:hover {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.partnereventshared_EventEditorTextTitle_KxUwI,
.partnereventshared_EventEditorSpacerPadding_3z_Go {
  padding-top: 20px;
}
.partnereventshared_EventEditorVisibilityCtn_2dXkh {
  margin-top: 10px;
}
.partnereventshared_EventEditorTextSubTitle_1W9TB {
  color: #b2b5ba;
  margin-bottom: 12px;
}
.partnereventshared_FloatingTitle_YRPD0 {
  color: #4297f8;
  text-transform: uppercase;
  float: left;
  margin-top: 40px;
  margin-left: 40px;
  font-size: 13px;
  font-weight: 300;
}
@media screen and (max-width: 1400px) {
  body .partnereventshared_FloatingTitle_YRPD0 {
    float: unset;
    width: 1056px;
    margin: 0px auto;
    padding-top: 40px;
    border-top: unset;
  }
}
.partnereventshared_EventEditorEventStatus_3BjtK {
  color: var(--main-editor-section-title-color);
  padding-left: 0px;
  padding-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 13px;
}
.partnereventshared_EventHidden_2blH9 {
  color: #c44848;
}
.partnereventshared_EventVisible_2pKDi {
  color: #a3cf06;
}
.partnereventshared_EventBarTitleCtn_2xTVL {
  text-align: center;
  color: #32373f;
  background: rgba(255, 255, 255, 0.4);
  padding: 8px 10px;
  border-radius: 2px;
}
.partnereventshared_EventBarTitleCtn_2xTVL .PendingVisibilityText {
  margin-left: 20px;
  color: #b12100;
}
.partnereventshared_EventBarTitleCtn_2xTVL .HelperTooltip {
  display: flex;
  flex-direction: row;
  margin-left: 3px;
}
.partnereventshared_EventBarTitleCtn_2xTVL .HelperTooltip svg {
  fill: #545454;
}
.partnereventshared_EventBarTitle_1GkOW {
  font-size: 22px;
  font-weight: bold;
  color: #32373f;
  top: -4px;
  position: relative;
}
.partnereventshared_EventBarTitleCtn_2xTVL
  .partnereventshared_FlexRowContainer_ObERh {
  justify-content: center;
}
.partnereventshared_EventBarBack_1geYX {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MTVGQ0QzQjg1MTFFOTg3NUNGQjE2NjZDNzE5OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MTVGQ0UzQjg1MTFFOTg3NUNGQjE2NjZDNzE5OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTkxNUZDQjNCODUxMUU5ODc1Q0ZCMTY2NkM3MTk4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTkxNUZDQzNCODUxMUU5ODc1Q0ZCMTY2NkM3MTk4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr9uQkAAAAMPSURBVHjaYvz//z8DPsDEQACwGFs4wNj/oRr+YzMBJPgdXRJsAhD/hrI5cSlgRZJgxOVIRlwKGAl5EyCAGKkeDjgdiVUS5s3/SIqwKmDEZwJyOPwny5sAAURQASnBgAx+Q+OQIEAP6P9Q/JtoF+AIQk5cgYLuUhZs4UJKGCBHAyOaN4gCFMcCEwOFACCABt4FFBuALSXuBOJyIL5ASkKCgW/QRORGbHpgwqKZpMTERIlmmBeQNTOQkgqBwJAJTTOp4DzIAGckAWekfEEUBhmwD8mQvUDsRE5CItsQ5GhEN2SkZCaAAKLYCwPugyHvAFw1KwOOUobkwoLU8hCfxQzQxh4DrR2Ay2IumkTBQFmMnAh3QstwbMUyJ1JLgyYY5ICyAcwE30EOuAhN2c44FJFcx5CAudBrA2wO2QsNLid6FUSEHEK3khCbQ6heDoxWRgPuAIAA7NgxCoAwDAVQERe9jJPuxsEzd6gn8FCKpFAkLRXtz5KCcx7V1PzaKzCAAUpGsvF6Dj4ZN/QOEGfdjmOrQwJIyEiEAlAioE0IQKr4Wnr18AWQK77XbkN48RigUjwAKHMj4CuO5C4AfKOz7nNF+yhe2hqD5os1d5z9VHJh3AWDsBM9w2C/YxXE8yOEI6QugCJSbZhCQOcBCUFIgIT4fR6wZGQAA5wCtGv2OAjDMBS2KhaYOEpZGWFg4QBcko2pEmJEAi7DwoQEPBSkCKVNGqXNj22pSzd/dmL7OdFPAfsICAABIAAEQExz0cdshg7x0DJTLWkAPSWVDFipIeFI7bu+KwXe8QbPgIARNxlknVcpGWCL+H/6Q9faJH8HBI44HN/SwILeWACKdrwLAAvHTQD6OI4nrzvN8XlGPt/1ixkAsAc7U7/XhHgwvM+8B/r2KQBw8yyHuRsCfqlyPr8B7FSpWr2muHuKMQ33V/P5FvB9onVsM24VwNQJ/kC4ZMRUdYUPGuhRWcxWmA0I2yxQPAjXYcgXRF0KAF8QyesBvoKIK4ii9IAuELWqrU/1Nepf8nqAbIaIuQkAASAAeNsb3+H718OTc0QAAAAASUVORK5CYII=);
  left: 2px;
  color: #32373f;
  font-size: 16px;
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 32px 32px;
  height: 28px;
  padding: 6px 20px 6px 45px;
  border-radius: 3px;
}
.partnereventshared_EventBarBack_1geYX:hover {
  background-color: #32373f;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjM0Mzg0MkYzQjc5MTFFOUI5MkFEMkU4NjkwNTIxRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjM0Mzg0MzAzQjc5MTFFOUI5MkFEMkU4NjkwNTIxRDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzQzODQyRDNCNzkxMUU5QjkyQUQyRTg2OTA1MjFEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzQzODQyRTNCNzkxMUU5QjkyQUQyRTg2OTA1MjFEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgUWQ+0AAALhSURBVHjaYvz//z8DPsDEQAAgKwAZxYhLAUjyO5RGAYxAN/wG0iy4rGCEOhKmE6cVjLgUIBvNiM0KgABipHo4MOALB6xuYEHS+R+XAkZ8JiCHw39CjsRqAkAAEQwHUoIBGfwm14D/UEy0AeiphVTwG1s6ZCQnDBiRNP4nxUUslNhOVGolBAACiGbpYGAN2AnEBuSGwTcg5iQlRpgo0YxsAFmaYQkJWTOp+cIQFAb/KY0FZyS+M1K+IA6DHADETv8RwAkqRhRG5pBlCLoAsiFEGTAMMhNAAFHshQH3wYhwwDekmobq8cVCwGJONLHv9HAALou5aBEFLANlMXIa2AmNW04s8pxo8U91DCoH9IGMCwOUCb6DQuAitG5wxqGI9DqGeMyFrYRHrhH+k1tPUaM2cQLivZQ2XykpiPZhiRqqlwOjldGAOwAgADtmkAIgDANBEDzoZzzVv8ev6UEPLZTQWAWzC5KC5wwJ7WyMEQRAADwBWPK/C3Eh6MhCi0nYMjqub0SMwDJhQowAmgeoxe8WbEjxGoBSvABYxb2PlGvI9PHGBtgHj6D54qzlJaTshfVLODc6MWUwmA0pENoFcIiWjKAQlg0tiM9DSW8v0LcDlgesTiR0ByIVB8D/AU4B2rV2HIRhGGqhCAlOU9aOMHThAByUqRJl5DwsTEhQI0eqIGoTaEhi+0lZsr3n+J/kXiDeAiqACqACqAClC7CFz7Xmg+6q3AX4JQ0i8SO493zD8nkJEXa9c8FEIm7R5Uw+1AXsUz95kMceBpdsTe4uYGa2OBLfk+WLgJFKfEwAEcRdWSCEOK6NDoUSvw4Ds/01cvEkzgn4euvJL+7M8RrPdyAX5wXl6h2k3VP81er9afuzQe7vpbCoDOCqBJHM2vNFrKgqvJFwrLpBMUJM9QLshQhth0NjRA3pfqZGnQf4CpH9PODbiZCva7CaB4wJUVFuvdNp6a7hFgPYQafCKoAKoAKIxhOLxG8lxqW1lwAAAABJRU5ErkJggg==);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.partnereventshared_EditPreviewButton_1Hpie {
  min-width: 100px;
  padding: 4px 20px;
  margin-left: 12px;
  border-radius: 3px;
  line-height: 26px;
  text-align: center;
  color: #ebebeb;
  background: #3d434d;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.partnereventshared_EditPreviewButton_1Hpie:hover {
  cursor: pointer;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}
.partnereventshared_EditPreviewButton_1Hpie.partnereventshared_Delete_2joF8 {
  border: 1px solid #ca5029;
  width: fit-content;
}
.partnereventshared_EditPreviewButton_1Hpie.partnereventshared_Disabled_2cDVx {
  color: #777;
}
.partnereventshared_BrowseMoreButton_jJY9v {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.partnereventshared_BrowseMoreButton_jJY9v:hover {
  cursor: pointer;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}
.partnereventshared_Button_5getH {
  color: #dfe3e6;
  transition: all 0.2s ease-out;
  background: #3d4450;
  padding: 6px 25px 6px 25px;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  position: relative;
  text-decoration: none;
}
.partnereventshared_Button_5getH:hover {
  background: #464d58;
  color: #fff;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.partnereventshared_Button_5getH.partnereventshared_Icon_2uxNd {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #dfe3e6;
  transition: all 0.2s ease-out;
  background: #3d4450;
  padding: 6px 25px 6px 25px;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.partnereventshared_Button_5getH.partnereventshared_Icon_2uxNd:hover {
  background: #464d58;
  color: #fff;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.partnereventshared_Button_5getH.partnereventshared_Primary_1sBXO {
  color: #e1e1e1;
  background-image: radial-gradient(
    circle at top left,
    #399aec 10%,
    #225dce 80%
  );
  padding: 8px 25px;
  line-height: 32px;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.partnereventshared_Button_5getH.partnereventshared_Primary_1sBXO:hover {
  background-image: radial-gradient(
    circle at top left,
    #59abee 10%,
    #225dce 130%
  );
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}
.partnereventshared_ClearThings_17W4T {
  clear: both;
}
.partnereventshared_OnIndicator_mCly3,
.partnereventshared_OffIndicator_1fdn1 {
  color: #fff;
  padding-top: 1px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.partnereventshared_OnIndicator_mCly3 {
  background-color: #2d73ff;
}
.partnereventshared_OffIndicator_1fdn1 {
  background-color: #5f6875;
}
.partnereventshared_IconImage_25pKO {
  height: 18px;
  width: 18px;
  padding-right: 5px;
}
.partnereventshared_RightColumnContainer_3NXvh {
  background-color: #2a2d34;
  padding: 15px;
}
.partnereventshared_RightColumnContainer_3NXvh
  button.partnereventshared_EventPublishButton_1YB4W {
  margin-top: 20px;
}
.partnereventshared_FloatRight_2Jln2 {
  float: right;
}
.partnereventshared_TTip_1Yc3L {
  background: #3a3f48;
  padding: 0px 7px;
  border-radius: 20px;
  display: inline-block;
}
.partnereventshared_TTip_1Yc3L:hover {
  cursor: help;
}
.partnereventshared_ValveSupportOnly_Jx5QV {
  padding: 10px;
  color: #fff;
}
.partnereventshared_ArtworkAgeNotAppropriate_2Iqn7 {
  position: relative;
  filter: blur(30px) saturate(0.9);
}
.partnereventshared_EventDashboardHeader_342N0 {
  display: flex;
  flex-direction: column;
}
.partnereventshared_ContainerSpaceBetween_2oeIf,
.partnereventshared_EventDashboardTitles_2ffzx {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.partnereventshared_EventDashboardTitles_2ffzx {
  margin-bottom: 15px;
  margin-top: 20px;
}
.partnereventshared_EventDashboardActions_2abPG
  > .partnereventshared_Button_5getH {
  display: inline-block;
  margin-top: 4px;
}
.partnereventshared_EventDashboardStatsCtn_RcSUI {
  background: #36404f;
  color: #c5cdd8;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.partnereventshared_EventDashboardStatsCtn_RcSUI p {
  color: #c5cdd8;
  margin-bottom: 0px;
  margin-top: 4px;
}
.partnereventshared_EventDashboardAppCtn_6q0PO {
  margin-top: 40px;
  position: relative;
  margin-bottom: 0px;
}
.partnereventshared_maintitle_1nB4S,
.partnereventshared_AppTitle_2Yz8K {
  font-size: 28px;
}
.partnereventshared_maintitle_1nB4S {
  color: #b7ccd5;
}
.partnereventshared_AppTitle_2Yz8K {
  border-bottom: 1px dotted #535b6a;
  padding-bottom: 14px;
  display: inherit;
}
.partnereventshared_AppTitle_2Yz8K img {
  width: 81px;
  vertical-align: text-top;
  margin-right: 8px;
}
.partnereventshared_subtitle_3wC5H {
  font-size: 16px;
  color: #8f98a0;
}
.partnereventshared_ValveOnlyBackground_2-XEU {
  background-color: #461f28;
  border: 1px solid #761f28;
  padding: 4px;
}
.partnereventshared_ValveOnlyAdminBackground_ylj53 {
  background-color: #761f28;
  padding: 4px;
}
.partnereventshared_Columns_1wbus {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.partnereventshared_LeftCol_1nHBR {
  width: 706px;
}
@media screen and (max-width: 910px) {
  .partnereventshared_LeftCol_1nHBR {
    width: auto;
    float: none;
    max-width: 640px;
  }
}
.partnereventshared_RightCol_1ehsv {
  max-width: 33vw;
  padding-left: 24px;
}
@media screen and (max-width: 910px) {
  .partnereventshared_RightCol_1ehsv {
    width: auto;
    float: none;
    padding: 16px 8px 0 8px;
  }
}
.partnereventshared_DropDownScroll_1U_du {
  max-height: 400px;
  overflow: hidden scroll;
}
.partnereventshared_CloseButton_3NcQW {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 12px;
  height: 12px;
}
.partnereventshared_CloseSectionTools_3ShF2 {
  float: right;
}
.partnereventshared_CloseSectionTools_3ShF2 .DialogButton {
  margin-left: 4px;
  width: 40px;
}
.partnereventshared_CloseSectionTools_3ShF2 .SVGIcon_Button rect,
.partnereventshared_CloseSectionTools_3ShF2 .SVGIcon_Button line {
  stroke: #fff;
}
.partnereventshared_HalfColumn_1mrYu {
  box-sizing: border-box;
  margin: 4px;
  width: 50%;
}
span.partnereventshared_tooltip_Ctn_RQL5G {
  cursor: pointer;
  background: #3d4450;
  border-radius: 20px;
  padding: 0px 6px;
  color: #fff;
  margin-left: 10px;
}
.partnereventshared_SaleEditorSpacing_1tCxG {
  margin-top: 8px;
  margin-bottom: 8px;
}
.partnereventshared_SaleSectionHeader_3QqpI {
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.ContentHubSalePage .partnereventshared_SaleSectionHeader_3QqpI {
  padding-left: 8px;
}
.partnereventshared_SaleSectionHeader_3QqpI img {
  max-width: 100%;
}
.partnereventshared_SaleSectionContainer_1In5l {
  grid-template-columns: repeat(1, minmax(0px, 1fr));
}
button.Primary.partnereventshared_AddSectionButton_24jC1 {
  margin-top: 12px;
}
.partnereventshared_EventElementRequired_VKBNl {
  color: orange;
  font-size: 14px;
}
.partnereventshared_EventElementOptional_2K2lq {
  color: #06beff;
  font-size: 14px;
}
.partnereventshared_HelperTooltip_2hMwT > svg {
  width: 16px;
  fill: #aaa;
}
.partnereventshared_HelperTooltip_2hMwT > svg:hover {
  fill: #fff;
}
.partnereventshared_PixelOffsetCtn_3tMTW {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 16px;
  margin-top: 16px;
  background-color: #373b43;
}
.partnereventshared_PixelOffsetCtn_3tMTW
  .partnereventshared_PixelOffsetRow_dE_ym {
  margin-top: 8px;
}
.partnereventshared_PixelOffsetCtn_3tMTW
  .partnereventshared_PixelOffsetNote_3Pz00 {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
.partnereventshared_PixelOffsetCtn_3tMTW
  .partnereventshared_PixelOffsetCallout_1RIiT {
  color: orange;
}
.partnereventshared_Error_1Iuzp {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #c44848;
  font-size: 14px;
  color: #c44848;
}
.rdt .rdtPicker {
  background: #576070;
  border: 1px solid #646f82;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
}
.rdt .rdtPicker th {
  border-bottom: transparent;
}
.rdt .rdtPicker td {
  color: #fff;
}
.rdt .rdtPicker td:hover {
  color: #000;
}
.rdt .rdtPicker td.rdtNew {
  color: #fff;
}
.partnereventshared_GamepadOnlyScrollPanel_Cpk7n {
  height: 100vh;
  overflow-y: scroll;
}
.login_LoginDialog_1_Y5v {
  background-color: #101114;
  background-image: linear-gradient(to bottom, #101114, #1f2127);
  min-height: 512px;
  position: relative;
}
.login_AccountPasswordPanel_2E527
  .DialogCheckbox_Container
  .DialogToggle_Label {
  color: #969696;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
}
.login_LoginPanelBackground_1C-nb {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.login_LoginPanelBackground_1C-nb .SVGIcon_SteamLogo {
  pointer-events: none;
  position: absolute;
  bottom: -128px;
  left: -64px;
  opacity: 0.02;
  width: 800px;
  height: 800px;
  max-width: 500px;
  max-height: 500px;
}
.login_LoginPanelContent_2XI0P {
  padding: 32px;
}
.login_ErrorMessage_21UKT {
  user-select: none;
  color: #ff9696;
  font-size: 12px;
  margin: 0px;
}
.login_AccountPasswordForm_3Xvha {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.login_AccountPasswordForm_3Xvha .DialogInputLabelGroup {
  margin-bottom: 16px;
}
.login_AccountPasswordForm_3Xvha .DialogTextInputBase {
  font-size: 24px;
  height: 24px;
  width: 100%;
  max-width: 398px;
  color: #bfc6d4;
  box-sizing: content-box;
  background: #32353c;
}
@media screen and (max-width: 700px) {
  .login_AccountPasswordForm_3Xvha .DialogTextInputBase {
    font-size: 18px;
    height: 20px;
    width: 70vw;
  }
}
.login_AuthenticationPanel_3Qiil
  .login_AccountPasswordForm_3Xvha
  .DialogTextInputBase {
  text-transform: uppercase;
}
.login_AccountPasswordForm_3Xvha .DialogTextInputBase:hover {
  background: #3a3e46;
}
.login_AccountPasswordForm_3Xvha .DialogTextInputBase:focus {
  background: #464a53;
}
.login_AccountPasswordForm_3Xvha
  .login_AccountNameLabel_3cfTI.login_MedName_xteP3 {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.login_AccountPasswordForm_3Xvha
  .login_AccountNameLabel_3cfTI.login_LargeName_FzTck {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.login_AccountPasswordForm_3Xvha .login_PasswordDots_2WRxO {
  font-size: 36px;
  font-family: monospace;
}
.login_AccountPasswordForm_3Xvha .login_PasswordDots_2WRxO.login_MedPass_3-bHS {
  font-size: 32px;
}
.login_AccountPasswordForm_3Xvha
  .login_PasswordDots_2WRxO.login_LargePass_3zjrH {
  font-size: 19px;
}
@media screen and (max-width: 700px) {
  .login_AccountPasswordForm_3Xvha .login_PasswordDots_2WRxO,
  .login_AccountPasswordForm_3Xvha
    .login_PasswordDots_2WRxO.login_MedPass_3-bHS,
  .login_AccountPasswordForm_3Xvha
    .login_PasswordDots_2WRxO.login_LargePass_3zjrH {
    font-size: 19px;
  }
}
.login_AccountPasswordForm_3Xvha input:-webkit-autofill,
.login_AccountPasswordForm_3Xvha input:-webkit-autofill:hover,
.login_AccountPasswordForm_3Xvha
  input:-webkit-autofill:focus
  textarea:-webkit-autofill,
.login_AccountPasswordForm_3Xvha
  textarea:-webkit-autofill:hover
  textarea:-webkit-autofill:focus,
.login_AccountPasswordForm_3Xvha select:-webkit-autofill,
.login_AccountPasswordForm_3Xvha select:-webkit-autofill:hover,
.login_AccountPasswordForm_3Xvha select:-webkit-autofill:focus {
  -webkit-text-fill-color: #d3eaeb;
  -webkit-box-shadow: 0 0 0px 100px #53523f inset;
  box-shadow: 0 0 0px 100px #53523f inset;
}
.login_AccountPasswordForm_3Xvha .DialogButton.Primary {
  height: 44px;
  width: 50%;
  align-self: flex-end;
}
.login_AccountFieldHeader_2oEX7 {
  margin-top: 10px;
}
.login_PasswordFieldHeader_5-l63 {
  margin-top: 10px;
}
.login_NeedHelpLink_3aEuj {
  color: #969696;
  margin: 10px 0px 20px 0px;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-color: #4b4b4b;
  transition: all 0.21s ease-in-out;
}
.login_NeedHelpLink_3aEuj.login_NeedHelpHighlight_7tANN {
  color: #ff7300;
  text-decoration-color: #8f5100;
}
.login_NeedHelpLink_3aEuj:hover {
  color: #fff;
  text-decoration-color: #b6b6b6;
}
.login_NeedHelpLink_3aEuj:visited {
  color: #969696;
}
.login_CreateAccountLink_1Z8dj a {
  color: #bfc6d4;
  text-decoration: underline;
  text-decoration-color: #4b4b4b;
}
.login_CreateAccountLink_1Z8dj a:visited {
  color: #bfc6d4;
}
.login_CreateAccountLink_1Z8dj a:hover {
  color: #fff;
  text-decoration-color: #b6b6b6;
}
.login_LoginCreateSeperator_2CV0x {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 16px;
  height: 24px;
}
.login_RefreshCaptchaText_wE-YA {
  color: #67c1f5;
  margin: 10px 0px 20px 0px;
  font-size: 12px;
  cursor: pointer;
}
.login_RefreshCaptchaText_wE-YA:visited {
  color: #67c1f5;
}
.login_SigningInAccountName_1L9Va,
.login_SigninTitle_7Rc9V {
  user-select: none;
  font-size: 28px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #bfc6d4;
  margin-top: 28px;
  margin-bottom: 12px;
}
@media screen and (max-width: 700px) {
  .login_SigningInAccountName_1L9Va,
  .login_SigninTitle_7Rc9V {
    margin-top: 0px;
  }
}
.login_RememberMeCheck_1t51R {
  margin-top: -8px;
}
.login_RememberMeCheck_1t51R._DialogLayout {
  padding-left: 0px;
}
.login_RememberMeCheck_1t51R._DialogLayout .DialogCheckbox {
  background: #32353c;
}
.login_RememberMeCheck_1t51R._DialogLayout:hover
  > .DialogCheckbox:not(.Disabled),
.login_RememberMeCheck_1t51R._DialogLayout:focus
  > .DialogCheckbox:not(.Disabled) {
  background: #3a3e46;
}
.login_SteamUpsellContainer_J4cId {
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login_SteamUpsellContainer_J4cId div {
  width: fit-content;
  align-self: center;
}
.login_SteamUpsell_2GTkz {
  color: #969696;
  font-size: 12px;
}
.login_CaptchaContainer_3-gMp .login_CaptchaBlock_3NzFT {
  display: flex;
  flex-direction: row;
  border: 1px solid dotted;
}
.login_CaptchaContainer_3-gMp
  .login_CaptchaBlock_3NzFT
  .login_CaptchaImageAndInput_3FMuB {
  display: flex;
  flex-direction: column;
}
.login_CaptchaContainer_3-gMp
  .login_CaptchaBlock_3NzFT
  .login_ErrorMessage_21UKT {
  position: relative;
  padding-left: 16px;
  margin: 0;
}
.login_CaptchaContainer_3-gMp .login_CaptchaImageBox_1dvuq {
  border: 1px solid #000;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  width: 203px;
  height: 37px;
}
.login_CaptchaContainer_3-gMp .login_CaptchaImage_fyMi9 {
  margin-top: -2px;
  margin-left: -2px;
}
.login_CaptchaContainer_3-gMp .login_CaptchaInput_2OjX3 {
  text-transform: uppercase;
  color: #6dc7fb;
  letter-spacing: 10px;
  max-width: 159px;
  background-color: #2a3649;
  padding: 6px 14px 6px 30px;
  font-family: monospace;
  font-size: 28px;
  border: 1px solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0px;
  overflow: hidden;
  box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.75) inset;
}
.login_CaptchaContainer_3-gMp .login_CaptchaInput_2OjX3:focus {
  padding: 6px 14px 6px 30px;
}
.login_AuthenticationPanel_3Qiil .DialogLabel {
  margin-top: 16px;
  margin-bottom: 0px;
}
.login_AuthenticationPanel_3Qiil .DialogBodyText {
  font-size: 14px;
  margin-bottom: 25px;
}
.login_AuthenticationPanel_3Qiil .DialogBodyText .SVGIcon_Caution {
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
}
.login_AuthenticationPanel_3Qiil
  .DialogBodyText
  .SVGIcon_Caution
  .triangle
  path {
  fill: #bd6500;
}
.login_AuthenticationPanel_3Qiil .login_NeedHelpLink_3aEuj {
  margin-top: 32px;
  display: block;
}
.login_AuthenticatorInputcontainer_1oepR {
  position: relative;
  height: 180px;
}
.login_AuthenticatorInputcontainer_1oepR .SVGIcon_LargeMobilePhone {
  position: absolute;
  left: 0;
  top: 0;
  height: 180px;
  width: 90px;
  filter: brightness(0.6);
}
.login_AuthenticatorInputcontainer_1oepR .SVGIcon_Envelope {
  position: absolute;
  top: -22px;
  left: 0px;
  height: 92px;
  width: 92px;
  filter: brightness(0.6);
}
.login_AuthenticatorInputcontainer_1oepR .login_AccountPasswordForm_3Xvha {
  z-index: 2;
  position: relative;
  margin-left: 24px;
  margin-bottom: 0px;
  height: 100%;
}
.login_AuthenticatorInputcontainer_1oepR
  .login_AccountPasswordForm_3Xvha
  .DialogButton.Primary {
  width: calc(50% + 12px);
  position: absolute;
  bottom: 0px;
}
.login_AuthenticatorInputcontainer_1oepR .DialogInputLabelGroup {
  margin-top: 10px;
}
.login_SigningInAccountName_1L9Va {
  text-transform: none;
  color: #3ea5f1;
  margin-top: -6px;
  letter-spacing: 1px;
}
.login_Highlight_2Ef4C {
  color: #dde1e4;
  font-style: italic;
}
.login_LoginComplete_1sD7m {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bbcodes_Bold_YFA7u {
  display: inline;
  font-weight: bold;
}
.bbcodes_Italic_zA7ad {
  display: inline;
  font-style: italic;
}
.bbcodes_Header1_3nmkN {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 4px;
}
.bbcodes_Header2_2C1Hj {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}
.bbcodes_Header3_2q6Vr {
  color: #fff;
  font-size: 19px;
  line-height: 25px;
  font-weight: 400;
}
.bbcodes_Header4_1zThg {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.bbcodes_Header5_3c6Cp {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
.bbcodes_SmallText_38kjs {
  color: #fff;
  font-size: 11px;
  line-height: 13px;
}
.bbcodes_Underline_2r-_U {
  display: inline;
  text-decoration: underline;
}
.bbcodes_Strike_2Maum {
  display: inline;
  text-decoration: line-through;
}
.bbcodes_Spoiler_29sJ0 {
  display: inline;
  box-sizing: border-box;
  color: #000;
  background-color: #000;
  padding: 0px 8px;
}
.bbcodes_Spoiler_29sJ0:hover {
  color: #fff;
}
.bbcodes_Spoiler_29sJ0:hover > .bbcodes_SpoilerText_2at_a {
  visibility: visible;
  transition-delay: 80ms;
  transition-duration: 120ms;
}
.bbcodes_SpoilerText_2at_a {
  visibility: hidden;
  transition-delay: 80ms;
  transition-duration: 120ms;
}
.bbcodes_DisabledMouseEvents_2AA99 {
  pointer-events: none;
}
.bbcodes_BlockQuote_1O7-X {
  display: table;
  box-sizing: border-box;
  border: 1px solid #56707f;
  border-radius: 3px;
  padding: 12px;
  margin: 8px;
  font-size: 92%;
}
.bbcodes_QuoteAuthor_2yKU0 {
  display: block;
  font-style: italic;
}
.bbcodes_PullQuote_jjgQP {
  width: 33%;
  min-width: 200px;
  float: right;
  border-radius: 3px;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  display: table;
  word-break: break-word;
  line-height: 28px;
  padding: 0px 0px 10px 20px;
}
.bbcodes_Code_3VS8- {
  display: block;
  box-sizing: border-box;
  border: 1px solid #535354;
  border-radius: 3px;
  padding: 12px;
  margin: 8px;
  font-size: 11px;
  font-family: Consolas, monospace;
  white-space: pre;
  white-space: pre-wrap;
  overflow-x: auto;
}
.bbcodes_List_20uQh {
  display: block;
  padding-inline-start: 40px;
}
.bbcodes_OrderedList_24Od_ {
  display: block;
  padding-inline-start: 40px;
}
.bbcodes_ListItem_1BF9I {
  list-style-position: outside;
  margin-bottom: 5px;
}
.bbcodes_HR_25UY0 {
  border: none;
  height: 1px;
  color: #6e7577;
  background-color: #6e7577;
  margin: 12px 0px;
}
.bbcodes_Table_30RMh {
  display: table;
  border-collapse: collapse;
  font-size: 14px;
}
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR {
  position: relative;
}
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR .bbcodes_TableRow_pAlt4,
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR
  .bbcodes_TableRow_pAlt4:first-of-type,
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR .bbcodes_TableData_15DlH,
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR
  .bbcodes_TableData_15DlH:first-of-type,
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR .bbcodes_TableHeader_1np5h,
.bbcodes_Table_30RMh.bbcodes_NoBorder_3hanR
  .bbcodes_TableHeader_1np5h:first-of-type {
  border: none;
}
.bbcodes_Table_30RMh.bbcodes_EqualCells_T0qIp {
  width: 100%;
  table-layout: fixed;
}
.bbcodes_Table_30RMh .bbcodes_TableRow_pAlt4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_Table_30RMh .bbcodes_TableRow_pAlt4:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_Table_30RMh .bbcodes_TableData_15DlH {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_Table_30RMh .bbcodes_TableData_15DlH:first-of-type {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_TableHeader_1np5h {
  display: table-cell;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_TableHeader_1np5h:first-of-type {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.bbcodes_TableRow_pAlt4 {
  display: table-row;
}
.bbcodes_TableData_15DlH {
  display: table-cell;
  vertical-align: middle;
  padding: 4px;
}
.bbcodes_ExpandSectionBlock_1KRtd .bbcodes_ExpandSectionHeader_PlB0t {
  padding: 3px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  background-color: rgba(255, 255, 255, 0.11);
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  color: #aebac2;
}
.bbcodes_ExpandSectionBlock_1KRtd
  .bbcodes_ExpandSectionHeader_PlB0t
  .bbcodes_EmbedArrow_3FT4d
  svg {
  margin-left: 10px;
  width: 12px;
  height: 12px;
  fill: #aebac2;
  transition: transform;
  transition-duration: 0.2s;
}
.bbcodes_ExpandSectionBlock_1KRtd .bbcodes_ExpandSectionHeader_PlB0t:hover {
  color: #fff;
}
.bbcodes_ExpandSectionBlock_1KRtd
  .bbcodes_ExpandSectionHeader_PlB0t:hover
  .bbcodes_EmbedArrow_3FT4d
  svg {
  fill: #fff;
}
.bbcodes_ExpandSectionBlock_1KRtd .bbcodes_ExpandSectionBody_RpylK {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  border-radius: 2px;
}
.bbcodes_ExpandSectionBlock_1KRtd.bbcodes_ExpandSection_WithTitle_1FbuV {
  padding-bottom: 8px;
}
.bbcodes_ExpandSectionBlock_1KRtd.bbcodes_ExpandSection_WithTitle_1FbuV
  .bbcodes_ExpandSectionHeader_PlB0t {
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
  color: #fff;
  font-size: 19px;
  line-height: 22px;
  font-weight: 300;
}
.bbcodes_ExpandSectionBlock_1KRtd.bbcodes_ExpandSection_WithTitle_1FbuV
  .bbcodes_ExpandSectionHeader_PlB0t
  .bbcodes_EmbedArrow_3FT4d {
  margin-left: auto;
}
.bbcodes_ExpandSectionBlock_1KRtd.bbcodes_ExpandSection_WithTitle_1FbuV
  .bbcodes_ExpandSectionHeader_PlB0t
  .bbcodes_EmbedArrow_3FT4d
  svg {
  margin-right: 8px;
}
a.bbcodes_LinkButton_14_Fn {
  background-color: #2681da;
  font-size: 14px;
  padding: 6px 20px;
  display: inline-block;
  border-radius: 3px;
  margin: 4px 0px;
}
a.bbcodes_LinkButton_14_Fn span {
  color: #fff;
  padding-bottom: 6px;
}
a.bbcodes_LinkButton_14_Fn:hover {
  background-color: #3691fa;
  color: #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}