.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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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 #555555; background-repeat: no-repeat; display: flex; flex-direction: column-reverse; box-shadow: 0px 0px 10px #000000; background-image: url("https://cdn.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 #000000; 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 #000000; font-family: "Reaver", serif; font-weight: bold; text-transform: none; letter-spacing: 0px; font-size: 24px; line-height: 115%; color: white; z-index: 2; } .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%; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .microheader_MicroHeader_U7wdC { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 80px; padding: 0px 30px; background-color: black; 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.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.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: white; 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.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: white; 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: #ffffff; } .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; 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: white; 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.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: white; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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: white; font-size: 18px; } .languageselector_LanguageSelector_1C-JM .languageselector_LanguageList_1vJep { z-index: 9999; padding: 12px 0px; border: 1px solid #888; background-color: #222222; 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: #999999; 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: black; 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.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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .rootfooter_RootFooter_H4Gkw { text-align: center; width: 100%; z-index: 5; padding: 30px 100px; background-color: #000000; } @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: #777777; padding: 0 20px; width: 500px; margin: 0 auto; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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 #000000; font-family: "Reaver", serif; font-weight: bold; text-transform: none; letter-spacing: 0px; font-size: 24px; color: white; 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 h2 { font-weight: 600; color: white; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .blogoverviewpage_BlogOverviewPage_1mf6e { width: 100%; color: white; background-color: #000000; } .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: #FFFFFF; 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 #000000; 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: #ffffff; 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: #222222; } .blogoverviewpage_BlogOverviewPage_1mf6e .blogoverviewpage_Body_fWoUo .blogoverviewpage_TabContainer_3Abu7 .blogoverviewpage_TabsLeft_2hM8T .blogoverviewpage_Tab_1ZGUM.blogoverviewpage_Active_2QA0p { color: white; background-color: #313131; border-top: 2px solid #646566; } .blogoverviewpage_BlogOverviewPage_1mf6e .blogoverviewpage_Body_fWoUo .blogoverviewpage_BottomSection_1rCwx { width: 100%; background-image: url("https://cdn.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: #000000; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .blogentrypage_BlogEntryPage_3PVZq { width: 100%; color: white; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/outlanders/patch-notes/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: white; 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.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 #000000, 0px 0px 5px #000000; 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: #999999; 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: white; } .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: #ffffff; border-bottom: 2px solid #999999; transition-duration: 0.2s; } .blogentrypage_BlogEntryPage_3PVZq .blogentrypage_Body_30GVv a:visited { color: #ffffff; } .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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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: #FFFFFF; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8); } .battlepasspage_TextColorGoldGlow_2_T6K { color: #FFFFFF; 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%); /* clip hackery */ 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: #FFFFFF; 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: white; 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; /* stylelint-disable */ /* stylelint-enable */ } .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; /* stylelint-disable */ /* stylelint-enable */ } .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; /* stylelint-disable */ /* stylelint-enable */ } .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; /* stylelint-disable */ /* stylelint-enable */ } .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; /* stylelint-disable */ /* stylelint-enable */ } .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; /* stylelint-disable */ /* stylelint-enable */ } .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: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; text-align: center; text-shadow: 0px 0px 4px black; } .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 black, 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: black; border-radius: 4px; padding: 40px; border: 1px solid #4F3612; box-shadow: 0px 0px 20px black; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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: white; 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 #000000; 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: #222222; 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: black; 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: white; background-color: #777; } .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; } .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; } .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; } /*# sourceMappingURL=react-carousel.es.css.map */ * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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 black; 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 black; } .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: white; text-shadow: 2px 2px 3px black; 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 black; } .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: white; } .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 #000000; } @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: white; 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.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.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 #000000; } @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: white; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; text-shadow: 1px 1px 5px black; } @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; /* stylelint-disable */ /* stylelint-enable */ } .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 black; 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 black; 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: white; text-transform: uppercase; letter-spacing: 1px; padding: 8px; padding-left: 0px; text-shadow: 0px 0px 4px black; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .heropage_Loading_1ld_W { color: white; 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: white; 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: #000000; background-image: url("https://cdn.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; /* stylelint-disable */ /* stylelint-enable */ } @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.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: -5%; } .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 { max-width: 1400px; right: 0; } .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 white; transform: rotateZ(45deg); } .heropage_DiamondPip_38j6a.heropage_Filled_2VXnq { background-color: white; } @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: white; 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: white; } @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: #DDDDDD; 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: #DDDDDD; } .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: #eeeeee; 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: #DDDDDD; } .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: white; 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: #888888; 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: #555555; 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: white; 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_TooltipBody_3Asci { width: 300px; background-color: black; 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_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: white; 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: #DDDDDD; margin-top: 3px; font-size: 17px; letter-spacing: 0px; } .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 black, 0px 0px 20px black; 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 black; 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 black; 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: white; font-size: 15px; text-shadow: 1px 1px 2px black; 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: white; font-size: 15px; text-shadow: 1px 1px 2px black; 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: white; font-family: Reaver, serif; font-size: 20px; font-weight: 600; text-shadow: 1px 1px 2px black; margin-left: 12px; } .heropage_DetailsAttributes_SW4jL .heropage_TopAttributesSection_3GFuR .heropage_AttributesContainer_3rZsO .heropage_SingleAttributeContainer_1Bhn_ .heropage_AttributeGain_DpX1z { color: #999999; font-size: 15px; text-shadow: 1px 1px 2px black; 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: white; } .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: white; 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: white; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; margin-top: 40px; margin-bottom: 30px; } @keyframes heropage_FadeIn_31LYx { 0% { background-color: black; opacity: 1; } 100% { background-color: black; 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 black; } .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 black; 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 black; } .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: white; 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: #DDDDDD; 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: #000000; 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: white; 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: white; 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: white; } .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: white; } .heropage_HeroAbilities_1yoiZ .heropage_AbilityRight_oyGg- .heropage_AbilityInfoContainer_3y3LG .heropage_AbilityDetails_2lY3B .heropage_Lore_1FdIS { width: 100%; background-color: #111111; margin-top: 20px; margin-bottom: 10px; padding: 10px; font-style: italic; font-size: 14px; color: #AAAAAA; } .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 white; 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 white; 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: white; } .heropage_BottomSection_kmUD- { width: 100%; height: 150px; background-color: #111111; 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 black; 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: white; 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 black; 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 black; margin-bottom: 5px; } .heropage_BottomSectionHero_1mdsq .heropage_HeroLabels_1vYyT .heropage_Name_2xP5N { font-size: 28px; color: white; text-transform: uppercase; letter-spacing: 1px; font-family: Reaver, serif; font-weight: bold; line-height: 112%; text-shadow: 1px 1px 4px black; } .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 black; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } /* stylelint-disable */ /* stylelint-enable */ .herogridpage_Loading_2-YrF { color: white; font-size: 20px; margin-top: 100px; width: 100%; text-align: center; } .herogridpage_HeroGridPage_3YcHv { width: 100%; color: white; 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: white; } .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: white; } .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: white; 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: #DDDDDD; 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: white; 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: white; 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: white; 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 black; 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 black; 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: white; text-transform: uppercase; letter-spacing: 1px; padding: 8px; padding-left: 0px; text-shadow: 0px 0px 4px black; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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 #000000; 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 #000000; } .pastupdates_PastUpdates_2NDSi { width: 100%; color: white; 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 #000000; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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: black; 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: white; } .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: white; text-shadow: 0px 0px 5px #000000; box-shadow: 0px 0px 30px #000000; 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 #000000; 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 #000000; } .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 #000000; 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: white; 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: white; 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; 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: white; 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 #000000; 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: white; text-transform: uppercase; letter-spacing: 2px; font-family: "Reaver", serif; } .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_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: white; 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: #999999; margin-right: 10px; margin-top: 12px; } .patchnotespage_NoteElement_1gbgx .patchnotespage_Dot_1gcyD.patchnotespage_IsHidden_t11N2 { opacity: 0; } .patchnotespage_NoteElement_1gbgx .patchnotespage_Note_eSxyZ { flex-grow: 1; font-size: 20px; color: #bbbbbbee; line-height: 30px; font-weight: 200; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .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%); } @font-face { font-family: "Radiance"; src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .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: #ffffff; } .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.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .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: #ffffff; } .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.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: white; 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: #000000; 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: #ffffff; 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 #000000; } @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: #999999; } .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.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 #000000; } .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: #222222; background-image: url("https://cdn.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 #000000; } .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 #000000; } .shortfilmcontest_ShortFilmPopup_3Z41i { position: relative; width: 80vw; max-width: 1000px; background-color: black; border-radius: 4px; padding: 40px; border: 1px solid white; box-shadow: 0px 0px 20px black; 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); } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpcroot_Tooltip_2hACG { text-transform: uppercase; letter-spacing: 1px; } .dpcroot_CarouselFade_2jeHG { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpcroot_StandardButton_3_9SF { 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_3_9SF:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpcroot_StandardButton_3_9SF .dpcroot_ButtonText_m8fp5 { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpcroot_StandardButton_3_9SF .dpcroot_SteamLogo_1Yepm { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpcroot_DPCRoot_1HKQ9 { width: 100%; color: white; background-color: #222226; display: flex; flex-direction: column; align-items: center; } .dpcroot_DPCRoot_1HKQ9 .dpcroot_DPCHeaderSpacer_2iZkn { width: 100%; height: 400px; position: relative; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #222226; } .dpcroot_DPCRoot_1HKQ9 .dpcroot_DPCHeaderSpacer_2iZkn .dpcroot_Icon_2pqfk { width: 140px; height: 140px; margin-right: 20px; } .dpcroot_DPCRoot_1HKQ9 .dpcroot_DPCHeaderSpacer_2iZkn .dpcroot_Right_2Ejay { min-height: 0; display: flex; flex-direction: column; } .dpcroot_DPCRoot_1HKQ9 .dpcroot_DPCHeaderSpacer_2iZkn .dpcroot_Right_2Ejay .dpcroot_Dota_31IVZ { color: white; font-size: 80px; font-weight: 800; font-family: "Reaver", serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; } .dpcroot_DPCRoot_1HKQ9 .dpcroot_DPCHeaderSpacer_2iZkn .dpcroot_Right_2Ejay .dpcroot_ProCircuit_ntOfc { color: #B5A692; font-size: 42px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-top: -26px; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpcmatchbanner_Tooltip_1UVZF { text-transform: uppercase; letter-spacing: 1px; } .dpcmatchbanner_CarouselFade_mSlaa { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpcmatchbanner_StandardButton_sx5Nf { 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; } .dpcmatchbanner_StandardButton_sx5Nf:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpcmatchbanner_StandardButton_sx5Nf .dpcmatchbanner_ButtonText_1talY { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpcmatchbanner_StandardButton_sx5Nf .dpcmatchbanner_SteamLogo_1j4_E { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpcmatchbanner_DPCMatchBanner_35Wvs { height: 140px; width: 100%; background-color: #27272A; color: white; display: flex; flex-direction: row; justify-content: center; z-index: 1000; overflow: hidden; position: sticky; top: 0px; box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.7); } .dpcmatchbanner_DPCMatchBanner_35Wvs .dpcmatchbanner_DPCMatchBannerContents_1f7kA { width: 100%; height: 100%; display: flex; flex-direction: row; margin-top: 1px; } .dpcmatchbanner_ScrollArrow_3RDcu { width: 60px; min-width: 60px; height: 100%; filter: drop-shadow(3px 0px 6px black); position: absolute; top: 0; z-index: 1; } .dpcmatchbanner_ScrollArrow_3RDcu.dpcmatchbanner_Left_29P8y { left: 0; } .dpcmatchbanner_ScrollArrow_3RDcu.dpcmatchbanner_Right_3IJZh { transform: rotateZ(180deg); right: 0; } .dpcmatchbanner_ScrollArrow_3RDcu:hover { filter: brightness(1.3); } .dpcmatchbanner_ScrollArrow_3RDcu .dpcmatchbanner_Clip_8v4C0 { width: 100%; height: 100%; background: linear-gradient(to right, #17181C, #25282F); 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; } .dpcmatchbanner_ScrollArrow_3RDcu .dpcmatchbanner_Clip_8v4C0 .dpcmatchbanner_ArrowIcon_3ezs3 { width: 15px; height: 25px; filter: brightness(0.5); } .dpcmatchbanner_OptionSelector_2FabK { width: 225px; min-width: 225px; height: 100%; background: linear-gradient(to left, #262931, #161718); display: flex; flex-direction: column; align-items: center; justify-content: center; } .dpcmatchbanner_OptionSelector_2FabK .dpcmatchbanner_DPCBlock_a1Zii { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0px 20px; margin-bottom: 18px; } .dpcmatchbanner_OptionSelector_2FabK .dpcmatchbanner_DPCBlock_a1Zii .dpcmatchbanner_DPCIcon_1FQPY { width: 36px; height: 36px; margin-right: 10px; } .dpcmatchbanner_OptionSelector_2FabK .dpcmatchbanner_DPCBlock_a1Zii .dpcmatchbanner_DPCText_2-noH { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .dpcmatchbanner_OptionSelector_2FabK .dpcmatchbanner_DPCBlock_a1Zii .dpcmatchbanner_DPCText_2-noH .dpcmatchbanner_Dota_1rFob { color: white; font-size: 24px; font-weight: 700; font-family: "Reaver", serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; } .dpcmatchbanner_OptionSelector_2FabK .dpcmatchbanner_DPCBlock_a1Zii .dpcmatchbanner_DPCText_2-noH .dpcmatchbanner_ProCircuit_3e_ty { color: #B5A692; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: -4px; } .dpcmatchbanner_MatchesContainer_T5fzO { flex-grow: 1; height: 100%; overflow-x: hidden; position: relative; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED { height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow-y: scroll; background-color: black; padding-left: 50px; padding-right: 50px; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED.dpcmatchbanner_AfterFirstScroll_2X7d9 { scroll-behavior: smooth; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_NodeList_2f4tt { height: calc( 100% - 23px ); display: flex; flex-direction: row; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_NodeList_2f4tt .dpcmatchbanner_EndSpacer_bCZZv { width: 50px; min-width: 50px; height: 100%; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_NodeList_2f4tt .dpcmatchbanner_ScheduleBumper_3ul_W { width: 240px; min-width: 240px; height: 100%; margin: 0px 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #19191A; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_NodeList_2f4tt .dpcmatchbanner_ScheduleBumper_3ul_W .dpcmatchbanner_ScheduleLink_nZIjX { border: 1px solid #A3A3A3; padding: 4px 8px; background-color: black; color: #A3A3A3; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition-property: color, border-color; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_NodeList_2f4tt .dpcmatchbanner_ScheduleBumper_3ul_W .dpcmatchbanner_ScheduleLink_nZIjX:hover { border-color: #CCC; color: #CCC; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ { height: 20px; display: flex; flex-direction: row; position: relative; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBumper_azg1M { width: 240px; min-width: 240px; height: 100%; margin: 0px 2px; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBar_Z5U-i { height: 100%; margin: 0px 2px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBar_Z5U-i.dpcmatchbanner_First_19BVq { background-color: #19191A; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBar_Z5U-i.dpcmatchbanner_Second_1Aaoy { background-color: #222223; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBar_Z5U-i.dpcmatchbanner_Third_1Iumi { background-color: #262931; } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_MatchesScroller_2vFED .dpcmatchbanner_DayContainer_bUhhJ .dpcmatchbanner_DayBar_Z5U-i .dpcmatchbanner_DayLabel_1D-YU { 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 ); } .dpcmatchbanner_MatchesContainer_T5fzO .dpcmatchbanner_DropShadow_1gtWM { 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; } .dpcmatchbanner_ViewScheduleButton_SyIjt { width: 150px; min-width: 150px; height: 100%; background-color: #222; border: 1px solid #333; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U { 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; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_First_19BVq { background-color: #19191A; border: 1px solid #19191A; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_Second_1Aaoy { background-color: #222223; border: 1px solid #222223; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_Third_1Iumi { background-color: #262931; border: 1px solid #262931; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_IsSelected_3zmDQ { border: 1px solid #4A587C; box-shadow: inset 0 0 30px rgba(74, 94, 119, 0.6); } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_IsLive_1bg0S .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_LiveBanner_DQm2h { display: flex; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_IsLive_1bg0S .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_Time_27Dq- { opacity: 0; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U.dpcmatchbanner_IsLive_1bg0S.dpcmatchbanner_IsSelected_3zmDQ { 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); } .dpcmatchbanner_DPCMatchBannerNode_1bw0U:hover:not(.dpcmatchbanner_IsSelected_3zmDQ) .dpcmatchbanner_Overlay_3NGHs { opacity: 1; pointer-events: inherit; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_Overlay_3NGHs { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.1s; opacity: 0; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(3px); display: flex; flex-direction: row; justify-content: center; align-items: center; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_Overlay_3NGHs .dpcmatchbanner_HoverOption_bNdVA { max-width: 150px; border: 1px solid #A3A3A3; padding: 4px 8px; background-color: black; 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; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_Overlay_3NGHs .dpcmatchbanner_HoverOption_bNdVA:hover { border-color: #CCC; color: #CCC; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob { 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; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_Time_27Dq- { font-size: 13px; color: #A3A3A3; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_Description_cHdcC { font-size: 12px; text-transform: uppercase; color: #A3A3A3; font-weight: bold; min-height: 0; display: flex; flex-direction: column; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_Description_cHdcC .dpcmatchbanner_Detail_17DQw { text-align: center; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_LiveBanner_DQm2h { position: absolute; top: 10px; left: 0px; background-color: #00AB30; color: white; padding: 4px 8px; font-size: 11px; border-radius: 2px; align-items: center; text-transform: uppercase; letter-spacing: 1.5px; display: none; flex-direction: row; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_UpperContainer_2ymob .dpcmatchbanner_LiveBanner_DQm2h .dpcmatchbanner_Dot_333qo { width: 8px; height: 8px; margin-left: 6px; border-radius: 4px; background-color: white; margin-bottom: 2px; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV { width: 100%; flex-grow: 1; padding: 8px 0px; min-height: 0px; display: flex; flex-direction: column; justify-content: space-evenly; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9 { display: flex; flex-direction: row; align-items: center; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9.dpcmatchbanner_Winner_1gOdL .dpcmatchbanner_TeamName_3haBt, .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9.dpcmatchbanner_Winner_1gOdL .dpcmatchbanner_TeamInfo_X2Nqs { color: #CCCCCC; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9 .dpcmatchbanner_TeamLogo_3o2Hj { width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; margin-right: 6px; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9 .dpcmatchbanner_TeamName_3haBt { font-size: 12px; margin-right: 8px; color: #A3A3A3; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .dpcmatchbanner_DPCMatchBannerNode_1bw0U .dpcmatchbanner_TeamsContainer_1RcBV .dpcmatchbanner_BannerTeam_1Anv9 .dpcmatchbanner_TeamInfo_X2Nqs { font-size: 14px; flex-grow: 1; min-width: 30px; text-align: right; color: #A3A3A3; text-transform: uppercase; font-weight: 800; } .dpcselectors_CycleSelector_1HHv4 { width: 200px; height: 30px; display: flex; flex-direction: row; margin: 4px; } .dpcselectors_CycleSelector_1HHv4 .dpcselectors_Arrow_3zzpy { width: 30px; height: 30px; background-color: #3D3D42; 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: #3D3D42; 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; letter-spacing: 1px; font-size: 13px; color: white; } .dpcselectors_DropdownSelector_3jmb0 { width: 170px; height: 30px; display: flex; flex-direction: row; position: relative; 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%); } .dpcselectors_DropdownSelector_3jmb0 select { width: 100%; min-width: 100%; height: 100%; appearance: none; outline: none; border: 2px solid #3F464F; border-radius: 3px; background-color: transparent; color: #6B7785; text-transform: uppercase; font-size: 12px; font-weight: 800; padding-left: 12px; display: flex; flex-direction: row; justify-content: center; text-align: center; } .dpcselectors_DropdownSelector_3jmb0 select option { background-color: #1E2024; } .dpcselectors_DropdownSelector_3jmb0 .dpcselectors_AngleFill_2297x { height: calc( 100% + 20px ); width: 9px; position: absolute; right: 28px; top: -10px; transform: rotate(19deg); background-color: #3F464F; } .dpcselectors_DropdownSelector_3jmb0 .dpcselectors_ArrowDown_2CxbL { width: 7.5px; height: 12.5px; position: absolute; right: 11px; top: 10px; bottom: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; filter: brightness(0.4) sepia(1) hue-rotate(190deg); transform: rotateZ(-90deg); } .dpcselectors_TextInput_33HiC { width: 200px; height: 30px; display: flex; flex-direction: row; position: relative; } .dpcselectors_TextInput_33HiC input { width: 200px; height: 100%; color: #a4bac4; border: none; padding: 0px 8px; background-color: black; clip-path: polygon(0px 0px, 170px 0px, 160px 30px, 165px 30px, 175px 0px, 200px 0px, 200px 30px, 0px 30px); } .dpcselectors_TextInput_33HiC .dpcselectors_MaginifyingGlass_v8JEZ { width: 7.5px; height: 12.5px; position: absolute; right: 11px; top: 10px; bottom: 0; pointer-events: none; } .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: #87351D; } .dpcselectors_Switch_26we-.dpcselectors_On_IFTP8 .dpcselectors_Selector_17u1z { background-color: #FF5722; margin-left: 20px; } .dpcselectors_Switch_26we- .dpcselectors_Background_3oinv { background-color: #2b3b44; width: 40px; height: 12px; border-radius: 6px; transition: background-color 0.2s ease-in-out; } .dpcselectors_Switch_26we- .dpcselectors_Selector_17u1z { position: absolute; left: 0; margin-left: 0px; background-color: #507082; width: 20px; height: 20px; border-radius: 10px; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpcheader_Tooltip_3Y8nV { text-transform: uppercase; letter-spacing: 1px; } .dpcheader_CarouselFade_1Mw2h { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpcheader_StandardButton_3eFgZ { 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; } .dpcheader_StandardButton_3eFgZ:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpcheader_StandardButton_3eFgZ .dpcheader_ButtonText_1U6JI { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpcheader_StandardButton_3eFgZ .dpcheader_SteamLogo_3ZCux { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpcheader_DPCHeader_1l1bz { width: 100%; height: 60px; display: flex; flex-direction: row; align-items: center; justify-content: center; filter: drop-shadow(0px 16px 10px #00000060); position: sticky; top: 140px; z-index: 999; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ { width: 100%; height: 100%; padding: 0px 10%; background: -webkit-linear-gradient(left, #222222, #131315, #131315, #222226); display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCTitle_2wqVN { width: 200px; height: 100%; display: flex; flex-direction: row; align-items: center; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 { flex-grow: 1; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 .dpcheader_DPCLink_3P3vd { height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #999; border-bottom: 2px solid transparent; border-top: 2px solid transparent; transition-property: color; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 .dpcheader_DPCLink_3P3vd .dpcheader_Label_3Gvox { text-transform: uppercase; letter-spacing: 4px; font-weight: 800; font-size: 13px; margin: 0px 20px; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 .dpcheader_DPCLink_3P3vd.dpcheader_Active_3KxQ0 { color: #FFF; border-bottom: 2px solid #FF6046; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 .dpcheader_DPCLink_3P3vd:hover:not(.dpcheader_Active_3KxQ0) { color: #CCC; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCOptions_1JMI5 .dpcheader_Divider_UgfG3 { width: 2px; height: 25px; background-color: #929292; margin: 0px 15px; transform: rotate(30deg); } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCSpoilerBlock_BzI9z { width: 200px; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .dpcheader_DPCHeader_1l1bz .dpcheader_DPCHeaderContents_i0tSQ .dpcheader_DPCSpoilerBlock_BzI9z .dpcheader_SpoilerText_12Lww { font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #999; margin-right: 12px; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpchomepage_Tooltip_CGWQ8 { text-transform: uppercase; letter-spacing: 1px; } .dpchomepage_CarouselFade_L8LcB { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpchomepage_StandardButton_2e2iO { 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; } .dpchomepage_StandardButton_2e2iO:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpchomepage_StandardButton_2e2iO .dpchomepage_ButtonText_1aPL8 { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpchomepage_StandardButton_2e2iO .dpchomepage_SteamLogo_zlMSD { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpchomepage_DPCHomePage_2NzL3 { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; } .dpchomepage_DPCHomePageStandingsLeague_3C6rF { width: 100%; background-position: center; display: flex; flex-direction: column; align-items: center; padding-top: 50px; padding-bottom: 30px; } .dpchomepage_DPCHomePageStandingsLeague_3C6rF .dpchomepage_Header_ks44o { width: 100%; max-width: 1200px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px; } .dpchomepage_DPCHomePageStandingsLeague_3C6rF .dpchomepage_Header_ks44o .dpchomepage_Label_2RE-0 { font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: white; margin-bottom: -20px; } .dpcseriesdetails_DPCSeriesDetails_cpS5D { width: 100%; min-height: 900px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .dpcseriesdetails_DPCSeriesDetails_cpS5D .dpcseriesdetails_BGContainer_1INUQ { background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 1920px; height: 900px; min-height: 900px; } .dpcseriesdetails_DPCSeriesDetails_cpS5D .dpcseriesdetails_BGContainer_1INUQ .dpcseriesdetails_Container_2jjhf { width: 100%; max-width: 960px; z-index: 2; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI { width: 100%; height: 110px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; margin-bottom: 4px; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ { width: 300px; height: 100%; background-color: #060606; 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); } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ .dpcseriesdetails_Header1_3Npmt { color: white; max-width: 230px; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ .dpcseriesdetails_Header2_2v96O { color: #A3A3A3; max-width: 230px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ .dpcseriesdetails_Timestamp_2z6Yc { color: #A3A3A3; font-size: 12px; letter-spacing: 2px; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ .dpcseriesdetails_LiveBanner_twGpS { background-color: #00AB30; color: white; padding: 4px 8px; font-size: 10px; border-radius: 2px; align-items: center; text-transform: uppercase; letter-spacing: 1.5px; display: flex; flex-direction: row; } .dpcseriesdetails_DPCSeriesDetailsHeader_2HQCI .dpcseriesdetails_CenterSection_UrSWZ .dpcseriesdetails_LiveBanner_twGpS .dpcseriesdetails_Dot_1skin { width: 8px; height: 8px; margin-left: 6px; border-radius: 4px; background-color: white; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- { width: 365px; height: 100%; min-height: 0; display: flex; flex-direction: column; background-color: #18181A; color: #A3A3A3; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Left_2at7C { clip-path: polygon(0px 0px, 325px 0px, 365px 110px, 0px 110px); } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Left_2at7C .dpcseriesdetails_TopSection_3-mWp { flex-direction: row; padding-right: 30px; padding-left: 10px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Left_2at7C .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ { transform: skewX(21deg); margin-left: 0px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Left_2at7C .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR { text-align: right; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn { clip-path: polygon(40px 0px, 365px 0px, 365px 110px, 0px 110px); } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TopSection_3-mWp { flex-direction: row-reverse; padding-left: 30px; padding-right: 10px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ { transform: skewX(-21deg); margin-right: 0px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR { text-align: left; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TeamLinkSection_1sly3 { background: linear-gradient(to right, #000000, #18181A); } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TeamLinkSection_1sly3 .dpcseriesdetails_TeamLink_3NYHd { text-align: left; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Winner_iZk_P { color: #FFFFFF; text-shadow: 0px 0px 10px #0066FF; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Winner_iZk_P .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR, .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Winner_iZk_P .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_TeamLogo_3nXHf, .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo-.dpcseriesdetails_Winner_iZk_P .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ { filter: drop-shadow(0px 0px 30px blue) drop-shadow(0px 0px 30px rgba(0, 0, 255, 0.5)); } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR { min-height: 0px; display: flex; flex-direction: column; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR .dpcseriesdetails_TeamName_Y--ke { width: 100%; color: white; font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Labels_1SgxR .dpcseriesdetails_Record_17N2Z { width: 100%; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_TeamLogo_3nXHf { width: 70px; height: 70px; background-size: cover; background-repeat: no-repeat; margin: 0px 12px; filter: drop-shadow(0px 0px 4px #000000); } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ { height: 30px; display: flex; flex-direction: row; margin: 0px 10px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ .dpcseriesdetails_Pip__Xdhu { width: 10px; height: 100%; margin-right: 10px; display: none; background-color: #2F2F30; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ .dpcseriesdetails_Pip__Xdhu.dpcseriesdetails_Filled_Vf6Iv { background-color: #FFFFFF; box-shadow: 0px 0px 10px #0066FF; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Pips_1ArlQ .dpcseriesdetails_Pip__Xdhu.dpcseriesdetails_Visible_1sQWs { display: block; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TeamLinkSection_1sly3 { width: 100%; flex-grow: 1; flex-basis: 0; display: flex; flex-direction: row; align-items: center; background-color: #222226; cursor: pointer; user-select: none; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TeamLinkSection_1sly3 .dpcseriesdetails_TeamLink_3NYHd { font-size: 13px; color: #757575; text-shadow: none; text-transform: uppercase; letter-spacing: 1px; padding: 0px 20px; } .dpcseriesdetails_DPCSeriesDetailsHeaderTeam_1Ffo- .dpcseriesdetails_TeamLinkSection_1sly3 .dpcseriesdetails_TeamLink_3NYHd:hover { filter: brightness(1.3); } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ { width: 100%; height: 30px; margin-bottom: 5px; display: flex; flex-direction: row; align-items: center; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ.dpcseriesdetails_Collapse_3AFOw { display: none; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH { flex-grow: 1; flex-basis: 0; height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #131315; transition-property: background-color, color; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH.dpcseriesdetails_First_3P0tS { margin-left: 0px; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH.dpcseriesdetails_Last_JiBf6 { margin-right: 0px; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH:hover { background-color: #111111; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH:hover .dpcseriesdetails_Label_1V1Wh { color: #a3b3c7; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH.dpcseriesdetails_Selected_2biWX { background-color: black; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH.dpcseriesdetails_Selected_2biWX .dpcseriesdetails_Label_1V1Wh { color: white; } .dpcseriesdetails_DPCSeriesGameSelector_1ydxZ .dpcseriesdetails_GameOption_29SJH .dpcseriesdetails_Label_1V1Wh { color: #6B7785; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; } .dpcseriesdetails_DPCSeriesDetailsBody_2Yo9C { width: 100%; height: 600px; min-height: 0; display: flex; flex-direction: column; background-color: #131923; margin-bottom: 10px; position: relative; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 { width: 100%; height: 100%; display: none; flex-direction: row; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; position: absolute; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB { width: 300px; height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #121316; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_Results_3ppDd { font-size: 36px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; text-shadow: 0px 0px 10px #0066FF; margin-bottom: 10px; font-family: "Radiance", sans-serif; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamsDraw_36p9P { width: 150px; display: none; margin: 10px 0px; flex-direction: row; justify-content: space-between; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamsDraw_36p9P .dpcseriesdetails_TeamLogo_3nXHf { width: 64px; height: 64px; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamsDraw_36p9P.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamWinner_359-B { display: none; margin: 10px 0px; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamWinner_359-B .dpcseriesdetails_TeamLogo_3nXHf { width: 64px; height: 64px; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamWinner_359-B.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WinningTeamName_3TzTM { font-size: 24px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_DPCSeriesDetailsOverview_3LX-5 .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WinningRecord_21kkz { font-size: 18px; color: #A3A3A3; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH { width: 100%; height: 100%; display: none; flex-direction: row; justify-content: center; align-items: center; background-color: #131313; background-size: cover; background-repeat: no-repeat; position: absolute; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB { width: 300px; height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #121316; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_Game_16U1p { font-size: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; margin-bottom: 10px; font-family: "Radiance", sans-serif; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamWinner_359-B { display: flex; margin: 10px 0px; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_TeamWinner_359-B .dpcseriesdetails_TeamLogo_3nXHf { width: 64px; height: 64px; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WinningTeamName_3TzTM { font-size: 24px; color: #FFFFFF; text-shadow: 0px 0px 10px #0066FF; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WatchVod_2jhTZ, .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_Details_-mnLW { min-width: 160px; padding: 8px 0px; background-color: #1D1E22; border: 2px solid #5E6976; border-radius: 3px; color: #5E6976; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; transition-property: background-color, color; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WatchVod_2jhTZ.dpcseriesdetails_Disabled_1hb2S, .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_Details_-mnLW.dpcseriesdetails_Disabled_1hb2S { filter: brightness(0.6); cursor: inherit; user-select: none; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WatchVod_2jhTZ:hover:not(.dpcseriesdetails_Disabled_1hb2S), .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_Details_-mnLW:hover:not(.dpcseriesdetails_Disabled_1hb2S) { background-color: #5E6976; color: white; } .dpcseriesdetails_DPCSeriesDetailsGameOverview_KLWaH .dpcseriesdetails_CenterContainer_8B-ZB .dpcseriesdetails_WatchVod_2jhTZ { margin-bottom: 10px; margin-top: 20px; } .dpcseriesdetails_DPCSeriesUpcoming_1yiu5 { width: 100%; height: 100%; display: none; flex-direction: row; } .dpcseriesdetails_DPCSeriesUpcoming_1yiu5 .dpcseriesdetails_PlayerList_ftJxP { flex-grow: 1; flex-basis: 0; height: 100%; min-height: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .dpcseriesdetails_DPCSeriesUpcoming_1yiu5.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesDetailsGameDetails_36t5S { 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; } .dpcseriesdetails_DPCSeriesDetailsGameDetails_36t5S .dpcseriesdetails_Body_blq53 { width: 100%; flex-grow: 1; display: flex; flex-direction: row; justify-content: space-between; position: relative; } .dpcseriesdetails_MatchSectionTeam_2VVM9 { width: calc( 50% - 4px ); height: 100%; min-height: 0; display: flex; flex-direction: column; align-items: center; } .dpcseriesdetails_MatchSectionTeam_2VVM9.dpcseriesdetails_Left_2at7C { border-right: 1px solid black; } .dpcseriesdetails_MatchSectionTeam_2VVM9.dpcseriesdetails_Left_2at7C .dpcseriesdetails_TeamHeading_LPdJQ { flex-direction: row; } .dpcseriesdetails_MatchSectionTeam_2VVM9.dpcseriesdetails_Right__VHXn .dpcseriesdetails_TeamHeading_LPdJQ { flex-direction: row-reverse; } .dpcseriesdetails_MatchSectionTeam_2VVM9 .dpcseriesdetails_TeamHeading_LPdJQ { width: 100%; height: 50px; display: flex; justify-content: flex-end; align-items: center; padding: 8px; margin-bottom: 8px; background-color: #2A2A30; color: #A3A3A3; } .dpcseriesdetails_MatchSectionTeam_2VVM9 .dpcseriesdetails_TeamHeading_LPdJQ.dpcseriesdetails_Winner_iZk_P { color: white; text-shadow: 0px 0px 10px #0066FF; } .dpcseriesdetails_MatchSectionTeam_2VVM9 .dpcseriesdetails_TeamHeading_LPdJQ .dpcseriesdetails_Team_3DK5Y { font-size: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .dpcseriesdetails_MatchSectionTeam_2VVM9 .dpcseriesdetails_TeamHeading_LPdJQ .dpcseriesdetails_Score_2wmlq { font-size: 30px; font-weight: 700; margin: 0px 18px; } .dpcseriesdetails_MatchSectionTeam_2VVM9 .dpcseriesdetails_PlayerList_ftJxP { width: 100%; flex-grow: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; align-items: center; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ { 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; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Selected_2biWX, .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Hovered_2u82E { color: white; background-color: #20212B; border-top: 1px solid #314068; border-bottom: 1px solid #314068; z-index: 2; width: calc( 100% + 9px ); } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Left_2at7C { flex-direction: row; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Left_2at7C .dpcseriesdetails_HeroAndLevel_3YDGB { text-align: right; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Left_2at7C .dpcseriesdetails_NameAndStats_1alLL { text-align: left; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Left_2at7C.dpcseriesdetails_Selected_2biWX { border-left: 1px solid #314068; transform: translateX(5px); } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Right__VHXn { flex-direction: row-reverse; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Right__VHXn .dpcseriesdetails_HeroAndLevel_3YDGB { text-align: left; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Right__VHXn .dpcseriesdetails_NameAndStats_1alLL { text-align: right; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ.dpcseriesdetails_Right__VHXn.dpcseriesdetails_Selected_2biWX { border-right: 1px solid #314068; transform: translateX(-5px); } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroAndLevel_3YDGB { flex-grow: 1; flex-basis: 50px; min-height: 0; display: flex; flex-direction: column; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroAndLevel_3YDGB.dpcseriesdetails_Collapsed_-YO-Y { max-width: 50px; opacity: 0; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroAndLevel_3YDGB .dpcseriesdetails_HeroName_2mmen { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroAndLevel_3YDGB .dpcseriesdetails_Level_3hTHU { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_NameAndStats_1alLL { flex-grow: 1; flex-basis: 0; min-height: 0; display: flex; flex-direction: column; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_NameAndStats_1alLL .dpcseriesdetails_PlayerName_2I7vG { font-size: 16px; font-weight: bold; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_NameAndStats_1alLL .dpcseriesdetails_Stats_1JAD9 { font-size: 12px; font-weight: bold; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroPlayer_1S-In { width: 64px; height: 64px; position: relative; border: 1px solid black; margin: 0px 12px; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroPlayer_1S-In.dpcseriesdetails_AlwaysShowPlayer_2hXcn .dpcseriesdetails_HeroIcon_1AFRB { opacity: 0; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroPlayer_1S-In.dpcseriesdetails_AlwaysShowPlayer_2hXcn .dpcseriesdetails_PlayerImage_1K0J3 { opacity: 1; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroPlayer_1S-In .dpcseriesdetails_HeroIcon_1AFRB { width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcseriesdetails_MatchSectionPlayer_Ej-PQ .dpcseriesdetails_HeroPlayer_1S-In .dpcseriesdetails_PlayerImage_1K0J3 { width: 100%; height: 100%; position: absolute; z-index: 2; background-size: cover; background-repeat: no-repeat; opacity: 0; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.1s; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em { 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; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em.dpcseriesdetails_Visible_1sQWs { opacity: 1; pointer-events: inherit; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em.dpcseriesdetails_Left_2at7C { left: 0px; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em.dpcseriesdetails_Right__VHXn { right: 0px; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp { width: 100%; height: 400px; position: relative; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Player_2Rhr8 { width: 60%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Player_2Rhr8 .dpcseriesdetails_PlayerName_2I7vG { width: 100%; color: white; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 22px; margin-bottom: 4px; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Player_2Rhr8 .dpcseriesdetails_TeamName_Y--ke { width: 100%; color: #A3A3A3; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Player_2Rhr8 .dpcseriesdetails_PlayerImage_1K0J3 { width: 140px; height: 140px; background-size: cover; background-repeat: no-repeat; background-color: #27272A; border: 1px solid black; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5); } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_Player_2Rhr8 .dpcseriesdetails_TeamLogo_3nXHf { width: 64px; height: 64px; margin-top: -32px; filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.5)); } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_TopSection_3-mWp .dpcseriesdetails_HeroPortraitContainer_2auUo { width: 80%; position: absolute; top: 0; right: -10%; opacity: 0.7; z-index: 1; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_ItemSection_3K3XM { width: calc( 100% - 40px ); border-top: 1px solid black; display: flex; flex-direction: row; justify-content: space-evenly; padding: 20px 0px; } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_ItemSection_3K3XM .dpcseriesdetails_ItemIcon_tS-pP { width: 66px; height: 48px; background-size: cover; background-repeat: no-repeat; border: 1px solid black; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5); } .dpcseriesdetails_MatchSectionDetailsOverlay_3e5Em .dpcseriesdetails_PlaystyleSection_3KGiE { width: calc( 100% - 40px ); flex-grow: 1; border-top: 1px solid black; } .dpcseriesdetails_DPCSeriesLive_1bOMe { width: 100%; height: 100%; display: none; flex-direction: column; align-items: center; } .dpcseriesdetails_DPCSeriesLive_1bOMe.dpcseriesdetails_Visible_1sQWs { display: flex; } .dpcseriesdetails_DPCSeriesLive_1bOMe .dpcseriesdetails_VideoContainer_VjKmb { width: 100%; height: 540px; } .dpcseriesdetails_DPCSeriesLive_1bOMe .dpcseriesdetails_OptionContainer_3ik_p { width: 100%; flex-grow: 1; border-top: 2px solid #131923; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } .dpcseriesdetails_DPCSeriesLive_1bOMe .dpcseriesdetails_OptionContainer_3ik_p .dpcseriesdetails_StreamingOption_Yn4qv { margin: 0px 20px; color: #777; cursor: pointer; user-select: none; } .dpcseriesdetails_DPCSeriesLive_1bOMe .dpcseriesdetails_OptionContainer_3ik_p .dpcseriesdetails_StreamingOption_Yn4qv.dpcseriesdetails_Enabled_1QP1p { color: white; } .dpcstandings_DPCStandingsDivision_KkUW3 { width: 100%; max-width: 1200px; display: flex; flex-direction: column; align-items: center; } .dpcstandings_DPCStandingsDivision_KkUW3 .dpcstandings_TeamLists_22PiN { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; gap: 30px; } .dpcstandings_LegendContainer_rde9K { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 50px; } .dpcstandings_LegendContainer_rde9K .dpcstandings_LegendItem_1JF4X { display: flex; flex-direction: row; align-items: center; gap: 20px; margin-bottom: 20px; } .dpcstandings_LegendContainer_rde9K .dpcstandings_LegendItem_1JF4X .dpcstandings_ColorSquare_ud1oU { width: 50px; height: 50px; } .dpcstandings_LegendContainer_rde9K .dpcstandings_LegendItem_1JF4X .dpcstandings_Description_1I5ee { color: #A3A3A3; max-width: 300px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcstandings_DPCStandingsGrid_3w9B9 { width: fit-content; height: fit-content; display: flex; flex-direction: column; align-items: center; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_Header_3Kf0X { width: 100%; text-align: center; padding: 10px 0px; background-color: #36363E; color: white; 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; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_Header_3Kf0X .dpcstandings_ViewSelctor_1ylEQ { position: absolute; right: 10px; top: 7px; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg { display: flex; flex-direction: column; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4); } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL { display: flex; flex-direction: row; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ { width: 50px; height: 50px; background-color: #222; border: 1px solid #444; padding: 4px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ.dpcstandings_HeaderCell_2zOIN.dpcstandings_Winner_1MMzM { background-color: #117C3033; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ.dpcstandings_HeaderCell_2zOIN.dpcstandings_Loser_3_sxX { background-color: #92282033; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ.dpcstandings_HeaderCell_2zOIN.dpcstandings_Draw_9Kz-M { background-color: #92982033; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ:hover:not(.dpcstandings_Self_dUXiy):not(.dpcstandings_HeaderCell_2zOIN) { cursor: pointer; user-select: none; color: white; background-color: #282828; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ .dpcstandings_TeamLogo_KU9ho { width: 32px; height: 32px; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ .dpcstandings_Result_pl1-I { color: #A3A3A3; font-size: 14px; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ .dpcstandings_Result_pl1-I.dpcstandings_Completed_rt8K9 { font-weight: 700; } .dpcstandings_DPCStandingsGrid_3w9B9 .dpcstandings_GridContainer_1bSmg .dpcstandings_GridRow_2f1YL .dpcstandings_GridCell_4wUCQ .dpcstandings_Date_3wTMY { color: #A3A3A3; font-size: 10px; text-align: center; } .dpcstandings_DPCStandingsTeamList_jVT-8 { width: 380px; height: fit-content; display: flex; flex-direction: column; align-items: center; } .dpcstandings_DPCStandingsTeamList_jVT-8 .dpcstandings_Header_3Kf0X { width: 100%; text-align: center; padding: 10px 0px; background-color: #36363E; color: white; 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; } .dpcstandings_DPCStandingsTeamList_jVT-8 .dpcstandings_Header_3Kf0X .dpcstandings_ViewSelctor_1ylEQ { position: absolute; right: 10px; top: 7px; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; } .dpcstandings_DPCStandingsTeamList_jVT-8 .dpcstandings_Teams_2W8jh { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .dpcstandings_DPCStandingsTeamList_jVT-8 .dpcstandings_Teams_2W8jh .dpcstandings_HighlightOverlay_3Fhsy { width: 100%; position: absolute; left: 0; } .dpcstandings_DPCStandingsTeam_25wGh { width: 100%; height: 70px; background-color: #27272D; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Larger_8xn4E { height: 90px; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Larger_8xn4E .dpcstandings_Standing_33ZWb { font-size: 18px; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Larger_8xn4E .dpcstandings_TeamName_QK1FS { font-size: 18px; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Larger_8xn4E .dpcstandings_TeamLogo_KU9ho { width: 50px; min-width: 50px; height: 50px; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_LastLarger_jBnTV { margin-bottom: 4px; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Promoted_2yUII { background-color: #213823; } .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Demoted_aNSAu, .dpcstandings_DPCStandingsTeam_25wGh.dpcstandings_Removed_2YjFV { background-color: #382121; } .dpcstandings_DPCStandingsTeam_25wGh * { z-index: 2; } .dpcstandings_DPCStandingsTeam_25wGh .dpcstandings_Standing_33ZWb { width: 60px; min-width: 60px; text-align: center; font-size: 15px; color: #A3A3A3; font-weight: 800; } .dpcstandings_DPCStandingsTeam_25wGh .dpcstandings_TeamLogo_KU9ho { width: 32px; min-width: 32px; height: 32px; margin-right: 15px; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.4)); } .dpcstandings_DPCStandingsTeam_25wGh .dpcstandings_TeamName_QK1FS { flex-grow: 1; color: #A3A3A3; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-weight: 700; margin-left: 10px; } .dpcstandings_DPCStandingsTeam_25wGh .dpcstandings_Record_3WL3i { width: 60px; min-width: 60px; text-align: center; margin: 0px 20px; font-size: 15px; font-weight: 700; color: #A3A3A3; } .dpcstandings_DPCStandingsBracket_9iCXI { width: 100%; margin-top: 30px; position: relative; display: flex; flex-direction: column; align-items: center; } .dpcstandings_DPCStandingsBracket_9iCXI .dpcstandings_Title_1j7g0 { color: white; font-size: 28px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-top: 30px; margin-bottom: 30px; } .dpcstandings_DPCStandingsBracket_9iCXI .dpcstandings_BracketContainer_3v7JH { width: 1400px; height: 1000px; margin: 0px auto; position: relative; } .dpcstandings_DPCStandingsBracket_9iCXI .dpcstandings_BracketContainer_3v7JH .dpcstandings_BracketNodeContainer_3Kqe4 { position: absolute; } .dpcstandings_DPCStandingsBracket_9iCXI .dpcstandings_BracketContainer_3v7JH .dpcstandings_BracketConnectorContainer_23fuG { position: absolute; } .dpcstandings_DayDisplayContainer_24Hld { width: 300px; display: flex; flex-direction: column; border: 2px solid #3F464F; border-radius: 4px; position: absolute; top: 0; right: 0; } .dpcstandings_DayDisplayContainer_24Hld.dpcstandings_TitleSpacing_2fLNa { top: 40px; } .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_ShowButton_ySTS2, .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_HideButton_xD_TR { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; cursor: pointer; user-select: none; color: #6B7785; } .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_ShowButton_ySTS2.dpcstandings_Hidden__7be-, .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_HideButton_xD_TR.dpcstandings_Hidden__7be- { display: none; } .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_DayList_2HrDh { width: 100%; display: flex; flex-direction: column; padding: 10px 0px; } .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_DayList_2HrDh.dpcstandings_Hidden__7be- { display: none; } .dpcstandings_DayDisplayContainer_24Hld .dpcstandings_DayList_2HrDh .dpcstandings_Timestamp_1Zwdp { width: 100%; padding: 2px 10px; color: #A3A3A3; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcstandings_BracketNode_29UKw { 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; transition-timing-function: ease-in-out; transition-duration: 0.2s; overflow: hidden; z-index: 2; } .dpcstandings_BracketNode_29UKw.dpcstandings_Expanded_3xyWp { z-index: 3; } .dpcstandings_BracketNode_29UKw.dpcstandings_Expanded_3xyWp .dpcstandings_NodeHeader_NdaUP .dpcstandings_BestOf_1B8JO { opacity: 1; } .dpcstandings_BracketNode_29UKw .dpcstandings_NodeHeader_NdaUP { width: 100%; background-color: #36363E; border-bottom: #222222; color: #959596; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; position: relative; text-align: left; padding: 2px 5px; } .dpcstandings_BracketNode_29UKw .dpcstandings_NodeHeader_NdaUP .dpcstandings_BestOf_1B8JO { position: absolute; right: 4px; top: 2px; opacity: 0; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.2s; } .dpcstandings_BracketNode_29UKw .dpcstandings_ContentsContainer_3Ztt3 { width: 100%; flex-grow: 1; position: relative; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh { 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; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh.dpcstandings_Hidden__7be- { opacity: 0; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh .dpcstandings_Team_V9K9p { width: 100%; display: flex; flex-direction: row; align-items: center; color: #959596; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh .dpcstandings_Team_V9K9p.dpcstandings_Winner_1MMzM { color: #CCC; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh .dpcstandings_Team_V9K9p .dpcstandings_TeamLogo_KU9ho { width: 20px; height: 20px; margin-left: 8px; margin-right: 4px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh .dpcstandings_Team_V9K9p .dpcstandings_TeamName_QK1FS { flex-grow: 1; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Teams_2W8jh .dpcstandings_Team_V9K9p .dpcstandings_Score_2veZP { width: 16px; margin-right: 8px; text-align: right; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew { 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; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew.dpcstandings_Hidden__7be- { transition-delay: 0s; opacity: 0; pointer-events: none; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Team_V9K9p { width: 100%; display: flex; flex-direction: row; align-items: center; color: #959596; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Team_V9K9p.dpcstandings_Winner_1MMzM { color: #CCC; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Team_V9K9p .dpcstandings_TeamLogo_KU9ho { width: 20px; height: 20px; margin-left: 8px; margin-right: 4px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Team_V9K9p .dpcstandings_TeamName_QK1FS { flex-grow: 1; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Team_V9K9p .dpcstandings_Score_2veZP { width: 16px; margin-right: 8px; text-align: right; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Timestamp_1Zwdp { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #6B7785; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_Separator_3CUPS { width: calc( 100% - 8px ); margin: 4px 4px; border-bottom: 1px solid #3f464e; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz { width: 100%; display: flex; flex-direction: row; align-items: center; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz.dpcstandings_Disabled_3m4KV .dpcstandings_GameNumber_38SyF, .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz.dpcstandings_Disabled_3m4KV .dpcstandings_DetailsButton_1Jtsm { color: #555; border-color: #555; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz.dpcstandings_Disabled_3m4KV .dpcstandings_GameNumber_38SyF:hover, .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz.dpcstandings_Disabled_3m4KV .dpcstandings_DetailsButton_1Jtsm:hover { color: #555; background-color: inherit; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz .dpcstandings_GameNumber_38SyF { flex-grow: 1; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #959596; margin-left: 8px; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz .dpcstandings_DetailsButton_1Jtsm { 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; } .dpcstandings_BracketNode_29UKw .dpcstandings_Details_r2wew .dpcstandings_SeriesGame_3-6cz .dpcstandings_DetailsButton_1Jtsm:hover { color: #CCC; background-color: #444; } .dpcstandings_BracketConnectorStraight_3uw8A { height: 100%; position: relative; } .dpcstandings_BracketConnectorStraight_3uw8A .dpcstandings_ConnectorLine_2FuUX { width: 100%; height: 1px; background-color: #555; position: absolute; } .dpcstandings_BracketConnectorCombine_2RX6w { height: 100%; display: flex; flex-direction: row; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_Segment1_InAiB { width: 20px; height: 100%; position: relative; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_Segment1_InAiB .dpcstandings_ConnectorLineTop_35LQJ { width: 100%; height: 1px; background-color: #555; position: absolute; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_Segment1_InAiB .dpcstandings_ConnectorLineBottom_3CasC { width: 100%; height: 1px; background-color: #555; position: absolute; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_ConnectorLineVertical_YvI1G { width: 1px; background-color: #555; position: absolute; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_Segment3_cMM1h { flex-grow: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; } .dpcstandings_BracketConnectorCombine_2RX6w .dpcstandings_Segment3_cMM1h .dpcstandings_ConnectorLineCombined_Bm2SH { width: 100%; height: 1px; background-color: #555; } .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-dasharray: 40 10 30 20 20 30 10 40;*/ 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- { /* 10% { stroke-width: 4.5px; } 20% { stroke-width: 2px; } 30% { stroke-width: 4.5px; } 40% { stroke-width: 2px; } 50% { stroke-width: 4.5px; } 60% { stroke-width: 9px; } 70% { stroke-width: 4.5px; } 80% { stroke-width: 9px; } 90% { stroke-width: 9px; }*/ 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: #ffffff; 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; } .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; } .pagedsettings_PagedSettingsDialog_379hM { /*width: 842px;*/ 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; } .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: #cccccc; } .pagedsettings_PagedSettingsDialog_PageListItem_15qhi.pagedsettings_Active_bTXaV { color: #ffffff; 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; } .focusring_FocusRingRoot_2BQL2 { position: absolute; pointer-events: none; top: 0; left: 0; z-index: 1; } .focusring_FocusRing_3ARGF { position: absolute; pointer-events: none; border: 4px solid lightblue; } .focusring_FocusRing_3ARGF.focusring_Animated_1VmCg { transition: left 0.1s, top 0.1s, height 0.1s, width 0.1s; } .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; /* Separate menu sections with extra space and different header text style. */ /* Visually separate from items above it */ /* Show no item separators (but keep spacing provided by borders) */ } .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; display: inline-block; 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; } .dpcteamlist_DPCTeamList_wkwPY { width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #151515; padding-bottom: 30px; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_Header_6xmj_ { width: 100%; max-width: 1200px; height: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; padding-bottom: 14px; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_Header_6xmj_ .dpcteamlist_Title_I3mIO { color: white; font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding-left: 4px; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_TeamList_q1HCH { width: 100%; max-width: 1200px; max-height: 1000px; overflow-y: scroll; display: flex; flex-direction: column; align-items: center; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_TeamList_q1HCH::-webkit-scrollbar-track { background-color: transparent; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_TeamList_q1HCH::-webkit-scrollbar { width: 5px; background-color: #373d44; } .dpcteamlist_DPCTeamList_wkwPY .dpcteamlist_TeamList_q1HCH::-webkit-scrollbar-thumb { background-color: #667281; } .dpcteamlist_TeamEntry_2GaFH { width: calc( 100% - 20px ); height: 110px; min-height: 100px; display: flex; flex-direction: row; align-items: center; margin-bottom: 6px; margin-right: 20px; background: linear-gradient(to right, #242428, #2C2C32); color: #A3A3A3; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamLogo_5EwbL { width: 64px; height: 64px; margin-left: 24px; margin-right: 18px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK { flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK .dpcteamlist_TeamInfo_15TYo { display: flex; flex-direction: row; align-items: center; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK .dpcteamlist_TeamInfo_15TYo .dpcteamlist_TeamName_1cBjy { color: white; font-size: 26px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; margin-right: 10px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK .dpcteamlist_TeamInfo_15TYo .dpcteamlist_Record_yTd05 { font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK .dpcteamlist_Region_hGIUf { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_TeamInfoSection_IDxoK .dpcteamlist_Division_13II8 { color: #6B7785; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ { width: 350px; height: 100%; background-color: #222227; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding: 10px 60px; clip-path: polygon(30px 0px, 100% 0px, calc( 100% - 30px ) 100%, 0% 100%); } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_Next_3HjDq, .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_Last_1PtuY { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_NextMatch_3QU7N { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_NodeLabel_23a2v { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; padding-left: 4px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_NextTeam_MFMgb { display: flex; flex-direction: row; align-items: center; margin-top: 5px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_NextTeam_MFMgb .dpcteamlist_TeamLogo_5EwbL { width: 20px; height: 20px; margin-left: 0px; margin-right: 8px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_NextTeam_MFMgb .dpcteamlist_TeamName_1cBjy { color: #6B7785; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_LastMatch_IQTkk { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_PrevTeam_3dEUb { display: flex; flex-direction: row; align-items: center; margin-top: 5px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_PrevTeam_3dEUb .dpcteamlist_TeamLogo_5EwbL { width: 20px; height: 20px; margin-left: 0px; margin-right: 8px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_MatchSection_1JycZ .dpcteamlist_PrevTeam_3dEUb .dpcteamlist_TeamName_1cBjy { color: #6B7785; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 { width: 200px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 .dpcteamlist_FollowingLine_Mot01 { display: flex; flex-direction: row; align-items: center; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 .dpcteamlist_FollowingLine_Mot01.dpcteamlist_IsFollowing_251I0 { filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5)); } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 .dpcteamlist_FollowingLine_Mot01.dpcteamlist_IsFollowing_251I0 .dpcteamlist_FollowingLabel_30y9X { color: #FEDB92; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 .dpcteamlist_FollowingLine_Mot01 .dpcteamlist_Star_103DO { width: 20px; height: 20px; background-size: cover; background-repeat: no-repeat; margin-right: 8px; } .dpcteamlist_TeamEntry_2GaFH .dpcteamlist_FavoriteSection_2-En1 .dpcteamlist_FollowingLine_Mot01 .dpcteamlist_FollowingLabel_30y9X { color: #A3A3A3; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .dpcnextbanner_DPCNextBanner_2Mgev { width: 100%; height: 200px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse { width: 100%; height: 100%; max-width: 1200px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh { width: 600px; display: flex; flex-direction: column; color: white; z-index: 1; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_ComingUp_1m_NU { color: #A3A3A3; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_TeamNames_1-a9S { display: flex; flex-direction: row; opacity: 0; margin-bottom: 10px; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_TeamNames_1-a9S.dpcnextbanner_Visible_3HOVg { opacity: 1; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_TeamNames_1-a9S .dpcnextbanner_TeamName_3cRp3 { color: white; font-size: 20px; font-weight: bold; font-family: "Reaver", serif; text-transform: uppercase; letter-spacing: 2px; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_TeamNames_1-a9S .dpcnextbanner_Versus_3GMgA { color: white; font-size: 20px; font-family: "Reaver", serif; margin: 0px 8px; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_WatchLive_1U_-3 { color: #A3A3A3; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_WatchLive_1U_-3.dpcnextbanner_Visible_3HOVg { opacity: 1; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_Timestamp_3FXLd { font-family: "Reaver", serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; opacity: 0; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_LeftLabels_ldAHh .dpcnextbanner_Timestamp_3FXLd.dpcnextbanner_Visible_3HOVg { opacity: 1; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_TeamWrapper_33aT7 { filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.3)); height: 100%; position: relative; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_TeamWrapper_33aT7.dpcnextbanner_First_1xsjR { z-index: 3; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_TeamWrapper_33aT7.dpcnextbanner_Second_CYqds { z-index: 2; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_TeamWrapper_33aT7 .dpcnextbanner_TeamDiagonal_f27Mo { width: 175px; min-width: 175px; height: 100%; filter: saturate(0.5) brightness(0.5); background-position: center; background-size: cover; background-color: #181818; clip-path: polygon(50px 0px, 175px 0px, 125px 100%, 0px 100%); margin-right: -50px; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_ScheduleButtonContainer_2Msqn { width: 400px; height: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_ScheduleButtonContainer_2Msqn .dpcnextbanner_ScheduleButton_3VONE { display: flex; flex-direction: column; justify-content: center; align-content: center; padding: 7px 16px; z-index: 1; border: 1px solid white; border-radius: 2px; cursor: pointer; user-select: none; } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_ScheduleButtonContainer_2Msqn .dpcnextbanner_ScheduleButton_3VONE:hover { background-color: rgba(255, 255, 255, 0.1); } .dpcnextbanner_DPCNextBanner_2Mgev .dpcnextbanner_BannerContents_2KKse .dpcnextbanner_ScheduleButtonContainer_2Msqn .dpcnextbanner_ScheduleButton_3VONE .dpcnextbanner_Label_2bfCJ { height: 16px; color: white; font-size: 13px; 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; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpcstandingspage_Tooltip_2SUkM { text-transform: uppercase; letter-spacing: 1px; } .dpcstandingspage_CarouselFade_3VcHq { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpcstandingspage_StandardButton_3qMmq { 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; } .dpcstandingspage_StandardButton_3qMmq:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpcstandingspage_StandardButton_3qMmq .dpcstandingspage_ButtonText_4ABg9 { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpcstandingspage_StandardButton_3qMmq .dpcstandingspage_SteamLogo_3UXG_ { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpcstandingspage_DPCStandingsPage_guidq { width: 100%; color: white; background-color: #222226; position: relative; display: flex; flex-direction: column; align-items: center; } .dpcstandingspage_DPCStandingsPageLeague_34H1h { width: 100%; max-width: 1200px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-bottom: 50px; } .dpcstandingspage_DPCStandingsPageLeague_34H1h .dpcstandingspage_DivisionHeader_3713C { font-size: 35px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; color: white; width: 100%; text-align: center; padding: 30px 0px; margin-top: 20px; } .dpcstandingspage_DPCStandingsPageMajor_3rfFl { width: 100%; max-width: 1400px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-bottom: 50px; margin-top: 50px; padding: 0px 40px; } .dpcstandingspage_DPCStandingsPageTIQualifiers_1z6AW { width: 100%; max-width: 1400px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dpcstandingspage_DPCStandingsPageTIQualifiers_1z6AW .dpcstandingspage_Header_1EgAU { margin-top: 50px; margin-bottom: 30px; } * { box-sizing: border-box; font-family: "Radiance", "Noto Sans", sans-serif; } a { text-decoration: none; color: inherit; } .Bold { font-weight: bold; } /* stylelint-disable */ [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); } /* stylelint-enable */ /* stylelint-disable */ .carousel__slide-focus-ring { outline: none !important; } .carousel__dot:focus { outline: none !important; } /* stylelint-enable */ /* stylelint-disable */ .__react_component_tooltip.show { opacity: 1 !important; } /* stylelint-enable */ .dpcschedulepage_Tooltip_3uMEt { text-transform: uppercase; letter-spacing: 1px; } .dpcschedulepage_CarouselFade_1WTkC { 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.steamstatic.com/apps/dota2/fonts/radiance.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-bold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-regular-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot"); src: url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/averiaseriflibre-italic.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"), url("https://cdn.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.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"), url("https://cdn.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; } .dpcschedulepage_StandardButton_2K6yy { 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; } .dpcschedulepage_StandardButton_2K6yy:hover { border: 3px solid #FF6046; transform: translateY(-2px); color: #FF6046; } .dpcschedulepage_StandardButton_2K6yy .dpcschedulepage_ButtonText_3IkR7 { font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; } .dpcschedulepage_StandardButton_2K6yy .dpcschedulepage_SteamLogo_3fDUx { width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn.steamstatic.com/apps/dota2/images/dota_react//icons/steam_icon.svg"); } .dpcschedulepage_DPCSchedulePage_1OBQH { width: 100%; color: white; background-color: #222226; position: relative; display: flex; flex-direction: column; align-items: center; } .dpcschedulepage_DPCScheduleHeader_2DFwc { width: 100%; height: 80px; display: flex; flex-direction: row; justify-content: center; gap: 40px; align-items: center; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.6); position: sticky; top: 180px; background-color: #222226; z-index: 998; } .dpcschedulepage_DPCScheduleList_3QIzq { width: 100%; min-height: 1000px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 30px 0px; } .dpcschedulepage_DPCScheduleEntry_b1AHp { width: 100%; max-width: 1200px; height: 70px; background-color: #27272D; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; } .dpcschedulepage_DPCScheduleEntry_b1AHp.dpcschedulepage_WithDayHeader_2EMAc { height: 106px; margin-top: 30px; } .dpcschedulepage_DPCScheduleEntry_b1AHp.dpcschedulepage_WithDayHeader_2EMAc .dpcschedulepage_DayHeader_1HEm- { display: flex; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_DayHeader_1HEm- { width: 100%; height: 36px; background-color: #36363E; display: none; flex-direction: row; justify-content: center; align-items: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_DayHeader_1HEm- .dpcschedulepage_DateLabel_SDGyM { color: white; font-size: 13px; text-transform: uppercase; letter-spacing: 3px; text-align: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M { width: 100%; flex-grow: 1; display: flex; flex-direction: row; align-items: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_LeftSection_1Tx1F { width: 250px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 40px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_LeftSection_1Tx1F .dpcschedulepage_NodeType_2cS46 { color: #A3A3A3; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; text-align: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_LeftSection_1Tx1F .dpcschedulepage_TimeLabel_3WzgS { color: #A3A3A3; font-size: 13px; text-transform: uppercase; letter-spacing: 3px; text-align: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 { flex-grow: 1; height: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #A3A3A3; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamSection_fp7w7 { flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamSection_fp7w7.dpcschedulepage_Left_3oMQk { text-align: right; margin-right: 10px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamSection_fp7w7.dpcschedulepage_Right_2FiuT { text-align: left; margin-left: 10px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamSection_fp7w7 .dpcschedulepage_TeamName_1DIrh { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamSection_fp7w7 .dpcschedulepage_Record_3w6xs { font-size: 13px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_TeamLogo_2Thg1 { width: 52px; height: 52px; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6)); } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_LiveBannerContainer_fxbyy { width: 100px; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_LiveBannerContainer_fxbyy .dpcschedulepage_LiveBanner_3gH8Q { background-color: #00AB30; color: white; padding: 4px 8px; font-size: 11px; border-radius: 2px; align-items: center; text-transform: uppercase; letter-spacing: 1.5px; display: flex; flex-direction: row; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_LiveBannerContainer_fxbyy .dpcschedulepage_LiveBanner_3gH8Q .dpcschedulepage_Dot_39ck7 { width: 8px; height: 8px; margin-left: 6px; border-radius: 4px; background-color: white; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_Versus_39sGW { width: 100px; text-align: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_CenterSection__4qR4 .dpcschedulepage_Score_29AMa { width: 100px; text-align: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_RightSection_2HVyi { width: 250px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dpcschedulepage_DPCScheduleEntry_b1AHp .dpcschedulepage_Body_2Lj7M .dpcschedulepage_RightSection_2HVyi .dpcschedulepage_MatchDetailsButton_3DdXj { padding: 4px 20px; border: 1px solid #48505a; color: #49525c; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; text-align: center; } /* .DPCScheduleOptions { width: 100%; max-width: 1200px; height: 120px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #292D31; margin-top: 30px; .ScheduleOptionsContainer { width: 1200px; height: 100%; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; } } .DPCScheduleMatches { width: 1200px; margin-top: 30px; margin-bottom: 30px; overflow: auto !important; &.AfterFirstScroll { scroll-behavior: smooth; } &::-webkit-scrollbar-track { padding: 8px 0px; background-color: transparent; } &::-webkit-scrollbar { width: 12px; border-radius: 10px; background-color: #00000033; } &::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #5c5c5c; } min-height: 0; display: flex; flex-direction: column; } .DPCScheduleEntry { width: 1180px; height: 80px; min-height: 80px; margin-bottom: 8px; background-color: #242a2e; display: flex; flex-direction: column; &.IsExpanded { &.OneMatch { height: 160px; min-height: 160px; } &.TwoMatch { height: 241px; min-height: 241px; } &.ThreeMatch { height: 321px; min-height: 321px; } &.FourMatch { height: 401px; min-height: 401px; } &.FiveMatch { height: 481px; min-height: 481px; } .DetailsSection { display: flex; flex-direction: column; align-items: center; } } .SummarySection { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; .DateSection { width: 250px; height: 100%; min-height: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid black; .Day { color: white; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 2px; } .Time { color: white; font-size: 16px; } } .MatchupSection { flex-grow: 1; height: 100%; display: flex; flex-direction: row; align-items: center; .VS { width: 60px; font-size: 24px; text-align: center; } } .DetailsButton { width: 200px; height: 100%; border-left: 1px solid black; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #242a2e; &.Active { .DetailsLabel { display: block; } &:hover { cursor: pointer; filter: brightness( 1.1 ); } } .DetailsLabel { display: none; text-align: center; text-transform: uppercase; font-weight: bold; color: #999; } } } .DetailsSection { display: none; background-color: #2F363B; border-left: 1px solid #242A2E; border-right: 1px solid #242A2E; border-bottom: 1px solid #242A2E; } } .DPCScheduleEntryMatch { width: 100%; height: 80px; min-height: 80px; display: flex; flex-direction: row; align-items: center; .LeftSection, .RightSection { width: 200px; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; .GameLabel { font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: center; } } .CenterSection { flex-grow: 1; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; .HeroList { height: 32px; display: flex; flex-direction: row; .HeroImage { width: 32px; height: 32px; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0px 4px; } } .MatchScore { width: 64px; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: center; } } } .DPCScheduleEntryTeam { width: 40%; display: flex; align-items: center; &.Left { flex-direction: row; justify-content: right; .NameAndRecord { .TeamName { text-align: right; } .TeamRecord { text-align: right; } } } &.Right { justify-content: left; flex-direction: row-reverse; .NameAndRecord { .TeamName { text-align: left; } .TeamRecord { text-align: left; } } } .NameAndRecord { flex-grow: 1; min-height: 0; display: flex; flex-direction: column; .TeamName { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 2px; } .TeamRecord { font-size: 12px; } } .TeamLogo { width: 48px; height: 48px; margin: 0px 12px; background-size: cover; background-repeat: no-repeat; } } */ /*# sourceMappingURL=dota_react.css.map*/