* {
  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;
}
[data-aos='fade-zoom-in'] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: scale(0);
}
[data-aos='fade-zoom-in'] &.aos-animate {
  opacity: 1;
  transform: scale(1);
}
[data-aos='fade-slide-right'] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateX(-40%);
}
[data-aos='fade-slide-right'] &.aos-animate {
  opacity: 1;
  transform: translateX(0);
}
[data-aos='fade-slide-left'] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateX(40%);
}
[data-aos='fade-slide-left'] &.aos-animate {
  opacity: 1;
  transform: translateX(0);
}
[data-aos='fade-slide-up'] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateY(40%);
}
[data-aos='fade-slide-up'] &.aos-animate {
  opacity: 1;
  transform: translateX(0);
}
[data-aos='fade-slide-down'] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateY(-40%);
}
[data-aos='fade-slide-down'] &.aos-animate {
  opacity: 1;
  transform: translateX(0);
}
[data-aos='rotate'] {
  transition-property: transform;
  transform: rotateZ(0deg);
}
[data-aos='rotate'] &[data-aos-rotate-bottom] {
  transform-origin: bottom center;
}
[data-aos='rotate'] &[data-aos-rotate='10'].aos-animate {
  transform: rotateZ(10deg);
}
[data-aos='rotate'] &[data-aos-rotate='20'].aos-animate {
  transform: rotateZ(20deg);
}
[data-aos='rotate'] &[data-aos-rotate='30'].aos-animate {
  transform: rotateZ(30deg);
}
[data-aos='rotate'] &[data-aos-rotate='40'].aos-animate {
  transform: rotateZ(40deg);
}
[data-aos='rotate'] &[data-aos-rotate='50'].aos-animate {
  transform: rotateZ(50deg);
}
[data-aos='rotate'] &[data-aos-rotate='60'].aos-animate {
  transform: rotateZ(60deg);
}
[data-aos='rotate'] &[data-aos-rotate='70'].aos-animate {
  transform: rotateZ(70deg);
}
[data-aos='rotate'] &[data-aos-rotate='80'].aos-animate {
  transform: rotateZ(80deg);
}
[data-aos='rotate'] &[data-aos-rotate='90'].aos-animate {
  transform: rotateZ(90deg);
}
[data-aos='rotate'] &[data-aos-rotate='100'].aos-animate {
  transform: rotateZ(100deg);
}
[data-aos='rotate'] &[data-aos-rotate='110'].aos-animate {
  transform: rotateZ(110deg);
}
[data-aos='rotate'] &[data-aos-rotate='120'].aos-animate {
  transform: rotateZ(120deg);
}
[data-aos='rotate'] &[data-aos-rotate='130'].aos-animate {
  transform: rotateZ(130deg);
}
[data-aos='rotate'] &[data-aos-rotate='140'].aos-animate {
  transform: rotateZ(140deg);
}
[data-aos='rotate'] &[data-aos-rotate='150'].aos-animate {
  transform: rotateZ(150deg);
}
[data-aos='rotate'] &[data-aos-rotate='160'].aos-animate {
  transform: rotateZ(160deg);
}
[data-aos='rotate'] &[data-aos-rotate='170'].aos-animate {
  transform: rotateZ(170deg);
}
[data-aos='rotate'] &[data-aos-rotate='180'].aos-animate {
  transform: rotateZ(180deg);
}
[data-aos='rotate'] &[data-aos-rotate='190'].aos-animate {
  transform: rotateZ(190deg);
}
[data-aos='rotate'] &[data-aos-rotate='200'].aos-animate {
  transform: rotateZ(200deg);
}
[data-aos='rotate'] &[data-aos-rotate='210'].aos-animate {
  transform: rotateZ(210deg);
}
[data-aos='rotate'] &[data-aos-rotate='220'].aos-animate {
  transform: rotateZ(220deg);
}
[data-aos='rotate'] &[data-aos-rotate='230'].aos-animate {
  transform: rotateZ(230deg);
}
[data-aos='rotate'] &[data-aos-rotate='240'].aos-animate {
  transform: rotateZ(240deg);
}
[data-aos='rotate'] &[data-aos-rotate='250'].aos-animate {
  transform: rotateZ(250deg);
}
[data-aos='rotate'] &[data-aos-rotate='260'].aos-animate {
  transform: rotateZ(260deg);
}
[data-aos='rotate'] &[data-aos-rotate='270'].aos-animate {
  transform: rotateZ(270deg);
}
[data-aos='rotate'] &[data-aos-rotate='280'].aos-animate {
  transform: rotateZ(280deg);
}
[data-aos='rotate'] &[data-aos-rotate='290'].aos-animate {
  transform: rotateZ(290deg);
}
[data-aos='rotate'] &[data-aos-rotate='300'].aos-animate {
  transform: rotateZ(300deg);
}
[data-aos='rotate'] &[data-aos-rotate='310'].aos-animate {
  transform: rotateZ(310deg);
}
[data-aos='rotate'] &[data-aos-rotate='320'].aos-animate {
  transform: rotateZ(320deg);
}
[data-aos='rotate'] &[data-aos-rotate='330'].aos-animate {
  transform: rotateZ(330deg);
}
[data-aos='rotate'] &[data-aos-rotate='340'].aos-animate {
  transform: rotateZ(340deg);
}
[data-aos='rotate'] &[data-aos-rotate='350'].aos-animate {
  transform: rotateZ(350deg);
}
[data-aos='rotate'] &[data-aos-rotate='-10'].aos-animate {
  transform: rotateZ(-10deg);
}
[data-aos='rotate'] &[data-aos-rotate='-20'].aos-animate {
  transform: rotateZ(-20deg);
}
[data-aos='rotate'] &[data-aos-rotate='-30'].aos-animate {
  transform: rotateZ(-30deg);
}
[data-aos='rotate'] &[data-aos-rotate='-40'].aos-animate {
  transform: rotateZ(-40deg);
}
[data-aos='rotate'] &[data-aos-rotate='-50'].aos-animate {
  transform: rotateZ(-50deg);
}
[data-aos='rotate'] &[data-aos-rotate='-60'].aos-animate {
  transform: rotateZ(-60deg);
}
[data-aos='rotate'] &[data-aos-rotate='-70'].aos-animate {
  transform: rotateZ(-70deg);
}
[data-aos='rotate'] &[data-aos-rotate='-80'].aos-animate {
  transform: rotateZ(-80deg);
}
[data-aos='rotate'] &[data-aos-rotate='-90'].aos-animate {
  transform: rotateZ(-90deg);
}
[data-aos='rotate'] &[data-aos-rotate='-100'].aos-animate {
  transform: rotateZ(-100deg);
}
[data-aos='rotate'] &[data-aos-rotate='-110'].aos-animate {
  transform: rotateZ(-110deg);
}
[data-aos='rotate'] &[data-aos-rotate='-120'].aos-animate {
  transform: rotateZ(-120deg);
}
[data-aos='rotate'] &[data-aos-rotate='-130'].aos-animate {
  transform: rotateZ(-130deg);
}
[data-aos='rotate'] &[data-aos-rotate='-140'].aos-animate {
  transform: rotateZ(-140deg);
}
[data-aos='rotate'] &[data-aos-rotate='-150'].aos-animate {
  transform: rotateZ(-150deg);
}
[data-aos='rotate'] &[data-aos-rotate='-160'].aos-animate {
  transform: rotateZ(-160deg);
}
[data-aos='rotate'] &[data-aos-rotate='-170'].aos-animate {
  transform: rotateZ(-170deg);
}
[data-aos='rotate'] &[data-aos-rotate='-180'].aos-animate {
  transform: rotateZ(-180deg);
}
[data-aos='rotate'] &[data-aos-rotate='-190'].aos-animate {
  transform: rotateZ(-190deg);
}
[data-aos='rotate'] &[data-aos-rotate='-200'].aos-animate {
  transform: rotateZ(-200deg);
}
[data-aos='rotate'] &[data-aos-rotate='-210'].aos-animate {
  transform: rotateZ(-210deg);
}
[data-aos='rotate'] &[data-aos-rotate='-220'].aos-animate {
  transform: rotateZ(-220deg);
}
[data-aos='rotate'] &[data-aos-rotate='-230'].aos-animate {
  transform: rotateZ(-230deg);
}
[data-aos='rotate'] &[data-aos-rotate='-240'].aos-animate {
  transform: rotateZ(-240deg);
}
[data-aos='rotate'] &[data-aos-rotate='-250'].aos-animate {
  transform: rotateZ(-250deg);
}
[data-aos='rotate'] &[data-aos-rotate='-260'].aos-animate {
  transform: rotateZ(-260deg);
}
[data-aos='rotate'] &[data-aos-rotate='-270'].aos-animate {
  transform: rotateZ(-270deg);
}
[data-aos='rotate'] &[data-aos-rotate='-280'].aos-animate {
  transform: rotateZ(-280deg);
}
[data-aos='rotate'] &[data-aos-rotate='-290'].aos-animate {
  transform: rotateZ(-290deg);
}
[data-aos='rotate'] &[data-aos-rotate='-300'].aos-animate {
  transform: rotateZ(-300deg);
}
[data-aos='rotate'] &[data-aos-rotate='-310'].aos-animate {
  transform: rotateZ(-310deg);
}
[data-aos='rotate'] &[data-aos-rotate='-320'].aos-animate {
  transform: rotateZ(-320deg);
}
[data-aos='rotate'] &[data-aos-rotate='-330'].aos-animate {
  transform: rotateZ(-330deg);
}
[data-aos='rotate'] &[data-aos-rotate='-340'].aos-animate {
  transform: rotateZ(-340deg);
}
[data-aos='rotate'] &[data-aos-rotate='-350'].aos-animate {
  transform: rotateZ(-350deg);
}
.carousel__slide-focus-ring {
  outline: none !important;
}
.carousel__dot:focus {
  outline: none !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
.marci_Tooltip_1h1rl {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.marci_CarouselFade_2v-4q {
  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%
  );
}
@font-face {
  font-family: 'Radiance';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.ttf')
      format('truetype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.svg#ywftsvg')
      format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Radiance';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf')
      format('truetype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.svg#ywftsvg')
      format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Radiance';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf')
      format('truetype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.svg#ywftsvg')
      format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Goudy Trajan';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Goudy Trajan';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.ttf')
      format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Goudy Trajan';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot');
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.ttf')
      format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-regular.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-regular.ttf')
      format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-semibold.ttf')
      format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-bold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-bold.ttf')
      format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.ttf')
      format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Light.ttf')
      format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-SemiBold.ttf')
      format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Bold.ttf')
      format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff')
      format('woff'),
    url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf')
      format('truetype');
  font-weight: 800;
  font-style: normal;
}
.marci_StandardButton_2fArQ {
  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;
}
.marci_StandardButton_2fArQ:hover {
  border: 3px solid #ff6046;
  transform: translateY(-2px);
  color: #ff6046;
}
.marci_StandardButton_2fArQ .marci_ButtonText_aPMwr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.marci_StandardButton_2fArQ .marci_SteamLogo_3hMlH {
  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');
}
.marci_ToolTip_e0eeB {
  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;
}
.marci_MarciPage_37c6_ {
  width: 100%;
  color: #fff;
}
.marci_MarciPage_37c6_ .marci_HeaderSection_3Fan9 {
  width: 100%;
  margin-bottom: 0px;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_hype_bg.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  display: block;
  position: relative;
}
.marci_MarciPage_37c6_ .marci_HeaderSection_3Fan9 .marci_BottomFade_tBLlS {
  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)
  );
}
.marci_MarciPage_37c6_
  .marci_HeaderSection_3Fan9
  .marci_BackgroundVideoContainer_o46kU {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.marci_MarciPage_37c6_
  .marci_HeaderSection_3Fan9
  .marci_BackgroundVideoContainer_o46kU
  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%);
}
.marci_MarciPage_37c6_
  .marci_HeaderSection_3Fan9
  .marci_PlayButtonPositioner_3pp-K {
  margin: 0px auto;
  margin-top: 30vw;
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b {
  width: 100%;
  max-width: 2200px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  margin-bottom: 150px;
  z-index: 10;
}
@media (max-width: 900px) {
  .marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b {
    padding-left: 20px;
    max-width: 80%;
  }
}
@keyframes marci_rotate_1p9Cl {
  0% {
    opacity: 0;
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_TitleIntro_1L5AL {
  font-size: 30px;
  font-family: 'Reaver', serif;
  letter-spacing: 5px;
  color: #fff;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: -70px;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px #000;
  padding-top: 80px;
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_HeroName_EsoP6 {
  font-size: 60px;
  line-height: 113%;
  font-family: 'Reaver', serif;
  letter-spacing: 5px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000;
}
@media (max-width: 600px) {
  .marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_HeroName_EsoP6 {
    font-size: 40px;
  }
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_HeroLogo_1BNq6 {
  max-width: 1100px;
  width: 100%;
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_Complexity_2zffG {
  width: 100px;
  height: 30px;
  margin: -50px 0px 20px 0px;
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_Roles_1k-bS {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.marci_MarciPage_37c6_
  .marci_TitleContainer_2BJ2b
  .marci_Roles_1k-bS
  .marci_HeroRole_2pVn5 {
  color: #fff5c2;
  margin: 0px 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 20px;
  font-family: 'Reaver', serif;
  font-weight: 600;
  text-shadow: 0px 0px 8px #ff6b27;
}
.marci_MarciPage_37c6_ .marci_TitleContainer_2BJ2b .marci_HeroHype_A5A1d {
  color: #fff;
  font-size: 20px;
  line-height: 160%;
  font-weight: 200;
  margin-top: 10px;
  letter-spacing: 1px;
  max-width: 700px;
}
.marci_MarciPage_37c6_ .marci_LoreSection_3QWex {
  padding: 150px 22vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_lore_bg.jpg');
  background-position: center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.93);
  position: relative;
  border-top: 4px solid #ffc061;
  border-bottom: 4px solid #ffc061;
}
@media (max-width: 600px) {
  .marci_MarciPage_37c6_ .marci_LoreSection_3QWex {
    padding: 100px 12vw;
  }
}
.marci_MarciPage_37c6_ .marci_LoreSection_3QWex .marci_LoreHeader_2nW__ {
  font-size: 30px;
  font-family: 'Reaver', serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 30px;
  text-shadow: 1px 1px 10px #3f1400, 1px 1px 20px #000;
  color: #fff;
}
.marci_MarciPage_37c6_ .marci_LoreSection_3QWex .marci_LoreText_1vQd6 {
  font-size: 22px;
  line-height: 170%;
  font-family: 'Reaver', serif;
  margin-bottom: 20px;
  text-shadow: 1px 1px 5px #3f1400, 1px 1px 10px #3f1400, 1px 1px 20px #000;
  letter-spacing: 1px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 1100px;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 {
  background-color: #000;
  min-height: 500px;
  max-height: 80vh;
  position: relative;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 button {
  filter: saturate(0);
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 button:disabled {
  transform: translateY(-10px);
  box-shadow: 0px 0px 10px #ff9a27;
  filter: saturate(1);
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 .marci_SlideContainer_2AFcr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 .marci_CarouselDots_3G37r {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_CarouselDots_3G37r
  .marci_AbilitySelector_lTE8M {
  width: 70px;
  height: 70px;
  margin: 0px 5px;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_CarouselDots_3G37r
  .marci_Slide0_3UFed {
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_dispose.png');
  background-size: cover;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_CarouselDots_3G37r
  .marci_Slide1__a5Lb {
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_rebound.png');
  background-size: cover;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_CarouselDots_3G37r
  .marci_Slide2_2Oqm9 {
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_sidekick.png');
  background-size: cover;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_CarouselDots_3G37r
  .marci_Slide3_fMmV0 {
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_unleash.png');
  background-size: cover;
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_SlideAbilityContainer_1M0oB {
  background-color: #000000c5;
  background-size: 100% 100%;
  padding: 20px;
  max-width: 600px;
  border: 1px solid #ffc06140;
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  flex-direction: row;
  backdrop-filter: blur(20px);
  z-index: 20;
}
@media (max-width: 600px) {
  .marci_MarciPage_37c6_
    .marci_AbilitySection_2k7w7
    .marci_SlideAbilityContainer_1M0oB {
    position: relative;
  }
}
.marci_MarciPage_37c6_
  .marci_AbilitySection_2k7w7
  .marci_SlideAbilityIcon_40k-A {
  object-fit: contain;
  margin-right: 20px;
  width: 25%;
  max-width: 200px;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 .marci_AbilityName_bUHIF {
  font-family: 'Reaver', serif;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 4px;
  text-shadow: 2px 2px 0px #00000090;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 .marci_AbilityDesc_2MqBD {
  font-size: 18px;
  color: #bbb;
  line-height: 140%;
}
.marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 video {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 2000px;
}
@media (max-width: 600px) {
  .marci_MarciPage_37c6_ .marci_AbilitySection_2k7w7 li {
    min-height: 650px;
  }
}
.marci_MarciPage_37c6_ .marci_HeropediaSection_2V8of {
  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;
  box-shadow: 0px 0px 20px #000;
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of:hover
  .marci_HeropediaImage_P-oJi {
  transform: translateY(3px);
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of
  .marci_HeropediaHeader_2lfaO {
  font-size: 70px;
  font-family: 'Reaver', serif;
  letter-spacing: 4px;
  margin-bottom: 10px;
  z-index: 10;
  position: relative;
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of
  .marci_HeropediaImage_P-oJi {
  transform: translateY(30px);
  position: absolute;
  right: 0px;
  bottom: 0px;
  transition-duration: 0.3s;
  max-height: 400px;
  pointer-events: none;
  filter: drop-shadow(0 0 1rem #000000);
  z-index: 5;
}
@media (max-width: 1600px) {
  .marci_MarciPage_37c6_
    .marci_HeropediaSection_2V8of
    .marci_HeropediaImage_P-oJi {
    right: -5%;
    max-height: 300px;
  }
}
@media (max-width: 1200px) {
  .marci_MarciPage_37c6_
    .marci_HeropediaSection_2V8of
    .marci_HeropediaImage_P-oJi {
    opacity: 0;
  }
}
@media (max-width: 900px) {
  .marci_MarciPage_37c6_
    .marci_HeropediaSection_2V8of
    .marci_HeropediaImage_P-oJi {
    opacity: 0;
  }
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of
  .marci_HeropediaImage_P-oJi
  img {
  transition-duration: 0.3s;
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of
  .marci_HeropediaText_1TGJ8 {
  padding: 100px 0px;
  padding-left: 100px;
  font-size: 24px;
  font-family: 'Reaver', serif;
  letter-spacing: 3px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .marci_MarciPage_37c6_
    .marci_HeropediaSection_2V8of
    .marci_HeropediaText_1TGJ8 {
    padding-left: 30px;
  }
}
.marci_MarciPage_37c6_
  .marci_HeropediaSection_2V8of
  .marci_StandardButton_2fArQ {
  margin: 0px;
  margin: 20px 0px 0px 0px;
}
.marci_MarciPage_37c6_ .marci_WallpaperSection_tLrG- {
  background-color: #111;
  padding: 100px 0px;
  background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react//marci/marci_lore_bg.jpg');
  background-position: center bottom;
  background-size: cover;
  z-index: 10;
  position: relative;
  border-top: 4px solid #ffc061;
  border-bottom: 4px solid #ffc061;
}
.marci_MarciPage_37c6_
  .marci_WallpaperSection_tLrG-
  .marci_WallpaperTitle_1j1Z2 {
  font-size: 30px;
  font-family: 'Reaver', serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 100px;
  text-shadow: 1px 1px 10px #3f1400, 1px 1px 20px #000;
}
.marci_MarciPage_37c6_ .marci_WallpaperSection_tLrG- .marci_Wallpapers_3T90L {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.marci_MarciPage_37c6_
  .marci_WallpaperSection_tLrG-
  .marci_WallpaperGroup_3b9GZ {
  display: flex;
  flex-direction: row;
}
.marci_MarciPage_37c6_ .marci_WallpaperSection_tLrG- .marci_Wallpaper_3nrF8 {
  height: 200px;
  background-color: #222;
  border: 1.5px solid #ffc061;
  box-shadow: 0 0 20px #391d00;
  transition-duration: 0.2s;
  margin: 15px;
}
.marci_MarciPage_37c6_
  .marci_WallpaperSection_tLrG-
  .marci_Wallpaper_3nrF8
  img {
  height: 100%;
}
.marci_MarciPage_37c6_
  .marci_WallpaperSection_tLrG-
  .marci_Wallpaper_3nrF8:hover {
  filter: brightness(1.3);
  transform: translateY(-3px);
}
.arrows_RightArrow_1aWAc {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(180deg);
}
.arrows_UpRightArrow_3KCtp {
  width: 20px;
  height: 20px;
  margin: 0px 4px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateZ(135deg);
  filter: brightness(0.7);
}
.traileroverlay_TrailerOverlay_1qRBJ {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_FadeBottom_2pwPA {
  z-index: 1;
  height: 500px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(30%, rgba(0, 0, 0, 0)),
    color-stop(95%, black)
  );
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_BackgroundImage_3QPOX {
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_BackgroundVideo_cPWWJ {
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_TrailerContainer_6N_fn {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-delay: 0.1s;
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_TrailerContainer_6N_fn * {
  width: 100%;
  height: 100%;
}
.traileroverlay_TrailerOverlay_1qRBJ
  .traileroverlay_TrailerContainer_6N_fn.traileroverlay_Playing_20hTL {
  opacity: 1;
  pointer-events: unset;
}
.traileroverlay_TrailerOverlay_1qRBJ .traileroverlay_PlayButtonContainer_1pJy6 {
  width: 10vw;
  height: 10vw;
  max-width: 190px;
  max-height: 190px;
  z-index: 10;
  bottom: calc(min(3vw, 30px));
  position: absolute;
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-delay: 0.1s;
  cursor: pointer;
  user-select: none;
}
.traileroverlay_TrailerOverlay_1qRBJ
  .traileroverlay_PlayButtonContainer_1pJy6.traileroverlay_Hide_3QkmI {
  opacity: 0;
}
.traileroverlay_TrailerOverlay_1qRBJ
  .traileroverlay_PlayButtonContainer_1pJy6:hover {
  transform: scale(1.1);
  filter: brightness(1.2);
}
.traileroverlay_TrailerOverlay_1qRBJ
  .traileroverlay_PlayButtonContainer_1pJy6
  .traileroverlay_Button_YbfaF {
  width: 100%;
  height: 100%;
  align-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.traileroverlay_TrailerOverlay_1qRBJ
  .traileroverlay_PlayButtonContainer_1pJy6
  .traileroverlay_Label_1rT4F {
  color: #fff5c2;
  font-size: calc(min(1vw, 18px));
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  bottom: 10px;
  text-align: center;
  text-shadow: 0px 0px 8px #ff6b27;
}