@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/style/css/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root, [data-bs-theme=light], [data-bs-theme=dark] {
    --tblr-body-color: var(--tblr-gray-900);
}

.hltv .hltv {display: block !important;}
.hltv .liquid {display: none!important;}
.hltv .liquidSeed {display: none!important;}

.liquidpedia .hltv {display: none !important;}
.liquidpedia .liquid {display: block !important;}
.liquidpedia .liquidSeed {display: none !important;}

.seed .hltv {display: none !important;}
.seed .liquid {display: none !important;}
.seed .liquidSeed {display: block !important;}

.a-hltv .a-hltv {display: block !important;}
.a-hltv .a-liquid {display: none !important;}
.a-hltv .a-liquidSeed {display: none !important;}

.a-liquidpedia .a-hltv {display: none !important;}
.a-liquidpedia .a-liquid {display: block !important;}
.a-liquidpedia .a-liquidSeed {display: none !important;}

.a-seed .a-hltv {display: none !important;}
.a-seed .a-liquid {display: none !important;}
.a-seed .a-liquidSeed {display: block !important;}

@media (min-width: 576px) {
    .col-sm-5-5 {
        flex: 0 0 auto;
        width: 45.8%;
    }
}

[data-bs-theme=dark] .fusioncharts-datalabels > text {
    fill: #ffffff !important;
}

.v-rank:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px;
}
.v-rank-tooltip:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px;
}

.copyable {
    align-items: center;
    background: #ffffff0d;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 4px 8px;
    transition: all .2s ease;
}
.copyable:hover:not(.copied) {
    background: #ffffff1a
}
.copy-icon {
    color: var(--slate-gray);
    font-size: .8rem;
    opacity: .5;
    transition: opacity .2s ease
}
.copyable:hover .copy-icon {
    opacity: 1
}
.copied {
    background: var(--tblr-green);
    color: #000
}
.copied .copy-icon {
    color: #000;
    opacity: 1
}

.table-match-win {
	box-shadow: inset -3px 0 0 0 var(--tblr-green)!important;
}
.table-match-draw {
	box-shadow: inset -3px 0 0 0 var(--tblr-azure)!important;
}
.table-match-lose {
	box-shadow: inset -3px 0 0 0 var(--tblr-red)!important;
}

.bg-tplayer {
	background-color: #ebd995!important;
}
.bg-ctplayer {
	background-color: #8aacdf!important;
}

.tplayer {
	color: #ebd995!important;
}
.ctplayer {
	color: #8aacdf!important;
}

.border-t {
	border-color: #ebd995 !important;
}
.border-ct {
	border-color: #8aacdf!important;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.bar {
    height: 4px;
    margin-top: 2px;
    width: 100%;
    background: #7d7d7d40;
    
}
.bar.bar-default {
    float: left;
}
.bar .segment {
    background: #5E98D7;
    content: ".";
    display: inline-block;
    height: 4px;
    text-indent: -2000px;
    vertical-align: top;
    opacity: 50%;
}
.bar .win {
    background: var(--tblr-green);
}
.bar .lose {
    background: var(--tblr-red);
}
.bar .draw {
    background: var(--tblr-azure)
}

.text-t {
	--tblr-tside-rgb: 235, 217, 149;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-tside-rgb), var(--tblr-text-opacity)) !important;
}
.text-ct {
	--tblr-ctside-rgb: 138, 172, 223;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-ctside-rgb), var(--tblr-text-opacity)) !important;
}

.scrollbar-fix {
    scrollbar-color: var(--tblr-body-bg) rgba(255,255,255,0);
    scrollbar-width: thin
}
.scrollbar-fix::-webkit-scrollbar{
	width: 5px!important;
    height: 4px;
}
.scrollbar-fix::-webkit-scrollbar-thumb {
    #background: #232d38!important;
    border-radius: 10px!important
}
.scrollbar-fix::-webkit-scrollbar-thumb:hover {
    #background: #232d38!important
}

.svg-100-avatar {
	color: inherit!important;
}
.svg-100-avatar img{
	z-index: 1;
}
.svg-100-avatar svg{
	vertical-align: middle;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.svg-16 svg {
	height: 16px;
	width: 16px;
}
.svg-23 svg {
	height: 23px;
}
.svg-32 svg {
	height: 32px;
	width: 32px;
}
.svg-44 svg {
	height: 44px;
	width: 44px;
}

/*##############################################################################################*/

.trophySection {
	--tblr-card-border-color: var(--tblr-border-color-translucent);
	--tblr-card-bg: var(--tblr-bg-surface);
	box-shadow: 0 1px 2px 0 var(--tblr-card-border-color);
	background-color: var(--tblr-card-bg);
	display: flex;
	flex-direction: row;
	border-top: 4px solid var(--tblr-primary);
}
[data-bs-theme=dark] .trophySection {
	border-top: 4px solid #435971;
}
.trophySection .trophyRow {
	display: flex;
	flex-direction: row;
	flex: 1;
	overflow: hidden;
	overflow-x: auto;
}
.trophySection .trophy {
	--tblr-card-border-color: var(--tblr-border-color-translucent);
	border-right: 1px solid var(--tblr-card-border-color);
}
.trophySection .trophy:hover {
	background-color: rgba(var(--tblr-primary-rgb), 0.05);
}
.trophySection .trophyHolder {
	display: flex;
	flex-direction: column;
}
.trophySection .trophyHolder .trophyDescription {
	position: relative;
	line-height: 13px;
	padding: 5px;
}
.trophySection .majorTrophy:after {
    content: "\eae7";
    width: 17px;
    height: 17px;
    font-family: "keenicons-solid" !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(143deg,#dea905 28.76%,#ae8400 93.43%);
    color: #fff;
    border-radius: 35px;
    font-size: 9px;
    font-weight: 700;
    bottom: 2px;
    right: 1px;
    position: absolute;
}
.trophySection .trophyHolder .trophyIcon {
	width: 35px;
	height: 35px;
	float: left;
	max-width: 35px;
	max-height: 35px;
}
.trophySection .mvp-count {
	position: absolute;
	color: #fff;
	border-radius: 35px;
	font-size: 9px;
	font-weight: 700;
	padding: 2px 4px 2px 3px;
	background-color: var(--tblr-primary);
	bottom: 2px;
	right: 1px;
}
[data-bs-theme=dark] .trophySection .mvp-count {
	background-color: #435971;
}
.majorMVP {
	background-color: var(--tblr-primary);
}
[data-bs-theme=dark] .majorMVP {
	background-color: #435971;
}

/*##############################################################################################*/

.playerpage-matchbox {
	color: inherit;
	border: 1px solid var(--tblr-border-color-translucent);
	margin-bottom: 8px;
	transition: .2s ease;
	height: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}
.playerpage-matchbox:hover {
	color: inherit;
	text-decoration: none;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
}
.playerpage-matchbox.won-matchbox {
	box-shadow: inset -3px 0 0 0 rgb(var(--mg-win));
}
.playerpage-matchbox.draw-matchbox {
	box-shadow: inset -3px 0 0 0 rgb(var(--mg-draw));
}
.playerpage-matchbox.lost-matchbox {
	box-shadow: inset -3px 0 0 0 rgb(var(--mg-lose));
}
.playerpage-matchbox .playerpage-matchbox-left {
	display: flex;
	flex-direction: column;
	margin-left: 8px;
	flex: 1 auto;
}
.playerpage-matchbox .playerpage-matchbox-top {
	display: flex;
	align-items: center;
}
.playerpage-matchbox .playerpage-matchbox-bottom {
	font-size: 10px;
	opacity: .65;
}
.playerpage-matchbox .playerpage-matchbox-team {
	display: flex;
	font-weight: 700;
}
.playerpage-matchbox .team-logo-container {
	margin: 0 4px;
	height: 20px;
	width: 20px;
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	user-select: none;
}
.playerpage-matchbox .team-logo {
	max-width: 100%;
	max-height: 100%;
}
.playerpage-matchbox .playerpage-matchbox-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-right: 8px;
}
.playerpage-matchbox .playerpage-match-result, .playerpage-matchbox .playerpage-match-time {
	font-weight: 700;
	font-size: 13px;
	margin-top: -2px;
}
.playerpage-matchbox .playerpage-match-date, .playerpage-matchbox .playerpage-match-rating {
	font-size: 9px;
	opacity: .65;
	margin-top: 1px;
}

/*##############################################################################################*/

.map-stats-infobox-mapname-holder {
	position: relative;
	padding-bottom: 10.3054140127%;
	height: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,.05);
}
.map-stats-infobox-mapname-holder .mapname {
	position: absolute;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-size: 13px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	transform: translateY(-50%);
}
.map-stats-infobox-winpercentage{
	font-size: 24px;
	font-weight: 700;
}
.map-stats-infobox-winpercentage svg{
	width:17px;
	height:17px;
	transform:rotate(-90deg);
}
.map-stats-infobox-maps-played{
	font-size: 10px;
	opacity: .65;
}

/*##############################################################################################*/

.playerOfTheWeekContainer {
	display: block;
	height: 150px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
	background-color: #2d3844;
	overflow: hidden;
	background-color: #23292f;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	transition: .2s ease;
}
.playerOfTheWeekContainer .playerOfTheWeekLogoContainer {
	user-select: none;
	position: absolute;
	left: -36px;
	top: 6px;
	height: 114px;
	width: 114px;
	display: flex;
	flex: 0 0 114px;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.playerOfTheWeekContainer .playerOfTheWeekLogoContainer .playerOfTheWeekLogo {
	opacity: .2;
	max-height: 100%;
	max-width: 100%;
}
.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer {
	height: 186px;
	width: 105%;
	position: absolute;
	z-index: 1;
	bottom: -36px;
	left: -36px;
	user-select: none;
}
.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: 36px;
	left: 36px;
	background-color: #2d3844;
	z-index: 2;
}
.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 75px;
	bottom: 44px;
	left: 36px;
	background: linear-gradient(0deg,#2d3844,rgba(45,56,68,0));
	z-index: 2;
}
.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer .playerOfTheWeekBodyshot {
	max-height: 100%;
	max-width: 100%;
}
.playerOfTheWeekContainer .playerOfTheWeekCategoryContainer, .playerOfTheWeekContainer .playerOfTheWeekPlayerInfoContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3;
	color: #fff;
}
.playerOfTheWeekContainer .playerOfTheWeekPlayerName {
	position: absolute;
	right: 8px;
	top: 8px;
	font-weight: 700;
	max-width: 150px;
	text-align: right;
	float: right;
	font-size: 18px;
}
.playerOfTheWeekContainer .playerOfTheWeekCategory {
	position: absolute;
	right: 8px;
	top: 33px;
	font-size: 11px;
	color: #9ec8f1;
}
.playerOfTheWeekContainer .playerOfTheWeekData {
	position: absolute;
	right: 8px;
	bottom: 24px;
	font-size: 20px;
	font-weight: 700;
	text-align: right;
}
.playerOfTheWeekContainer .playerOfTheWeekTitle {
	position: absolute;
	right: 8px;
	bottom: 0px;
	font-size: 11px;
	color: #9ec8f1;
	margin: 0;
	font-weight: inherit;
	text-align: right;
}

/*##############################################################################################*/

.faceitEloBlock {
	background-color: #E80128;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    border-radius: 999px;
    text-wrap:nowrap; padding: 2px 2px 2px 8px; gap: 4px;
}
.faceitEloBlock .text {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.02em;
	color:#000;
}
.faceitEloBlock i {
	width: 100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faceitEloBlock.skill_0 i svg g path:not(:first-child) {
	fill: #7d7d7d;
}
.faceitEloBlock.skill_1 i svg g path:not(:first-child) {
	fill: #fff;
}
.faceitEloBlock.skill_2 i svg g path:not(:first-child) {
	fill: #6BE043;
}
.faceitEloBlock.skill_3 i svg g path:not(:first-child) {
	fill: #6BE043;
}
.faceitEloBlock.skill_4 i svg g path:not(:first-child) {
	fill: #F7C945;
}
.faceitEloBlock.skill_5 i svg g path:not(:first-child) {
	fill: #F7C945;
}
.faceitEloBlock.skill_6 i svg g path:not(:first-child) {
	fill: #F7C945;
}
.faceitEloBlock.skill_7 i svg g path:not(:first-child) {
	fill: #F7C945;
}
.faceitEloBlock.skill_8 i svg g path:not(:first-child) {
	fill: #ED6C2F;
}
.faceitEloBlock.skill_9 i svg g path:not(:first-child) {
	fill: #ED6C2F;
}
.faceitEloBlock.skill_10 i svg g path:not(:first-child) {
	fill: #DA3721;
}

/*##############################################################################################*/

.ranking-team{
	gap: 8px;
	height: 42px;
	border-bottom: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color);
}
.ranking-team.featured-team{
	background: linear-gradient(90deg,#353d45 .14%,#23292f 100.14%);
	color: #fff;
	height: 60px;
}
.ranking-team .ranking-team-placement{
	flex: 0 0 20px;
}
.ranking-team .ranking-team-logo-container {
	flex: 0 0 30px;
}
.ranking-team .ranking-team-logo {
	border-radius: 10px;
}
.ranking-team .ranking-team-name {
	flex: 1 auto;
}
.ranking-team.featured-team .ranking-team-name {
	flex-direction: column;
}
.ranking-team .ranking-team-points {
	opacity: .65;
}
.ranking-team.featured-team .ranking-team-points {
	margin-top: 2px;
}

/*##############################################################################################*/

.cs2rating {
	width: 70px;
	height: 24px;
	display: flex;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 0.75rem;
	padding-left: 1.5rem;
	text-shadow: 0 1px 0 black;
	font-weight: bold;
	margin: auto;
}
.cs2rating span {
	#transform: skew(-15deg);
}
.cs2rating small {
	font-size: 12px !important;
}
.cs2rating.sm {
	width: 55px;
	height: 26px;
	padding: .5rem;
	padding-left: 1rem;
	font-size:16px;
}
.cs2rating.sm small {
	font-size: 12px !important;
}
.cs2rating.unrate {color: var(--tblr-primary);}
.cs2rating.common {color: #99a1ab;}
[data-bs-theme=dark] .cs2rating.common {color: #B1C3D9;}
.cs2rating.uncommon {color: #5E98D7;}
.cs2rating.rare {color: #4B69FF;}
.cs2rating.mythical {color: #8846FF;}
.cs2rating.legendary {color: #D22CE6;}
.cs2rating.ancient {color: #EB4B4B;}
.cs2rating.unusual {color: #b99d00;}
[data-bs-theme=dark] .cs2rating.unusual {color: #FED700;}

.cs-rating{
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cs-rating .vertical-lines {
    width: 11.6875px;
    z-index: 1;
}
.cs-rating .label-spacer, .cs-rating .label-outer {
    margin-left: -5.5px;
    border: 1.375px solid transparent;
    border-radius: 2.0625px;
    transform: skew(-10deg);
}
.cs-rating .label-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48.8125px;
    height: 22px;
    padding-left: 1.8333333326px;
    font-family: Poppins;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.cs-rating .label-outer .label-wrapper {
    height: 11.9166666674px;
    line-height: 12.958333px;
}
.cs-rating .label-outer .label-large {
    font-size: 11.9166666674px;
}
.cs-rating .label-outer .label-small {
    font-size: 10.0833333326px;
}
.cs-rating.unrate .vertical-lines path {fill: var(--tblr-primary);}
.cs-rating.unrate .label-spacer, .cs-rating.unrate .label-outer {background-color: #4fc9da30;border-color: var(--tblr-primary);color: var(--tblr-primary);}
[data-bs-theme=dark] .cs-rating.unrate .label-spacer, [data-bs-theme=dark] .cs-rating.unrate .label-outer {background-color: #122a2d;}

.cs-rating.common .vertical-lines path {fill: rgb(153 161 171);}
.cs-rating.common .label-spacer, .cs-rating.common .label-outer {background-color: #e9efff;border-color: rgba(153, 161, 171, .6);color: #767b81;}
[data-bs-theme=dark] .cs-rating.common .label-spacer, [data-bs-theme=dark] .cs-rating.common .label-outer {background-color: #2c2f37;color: #99a1ab;}

.cs-rating.uncommon .vertical-lines path {fill: rgb(94 152 215);}
.cs-rating.uncommon .label-spacer, .cs-rating.uncommon .label-outer {background-color: #e2efff;border-color: rgba(94,152,215,.6);color: #3794ff;}
[data-bs-theme=dark] .cs-rating.uncommon .label-spacer, [data-bs-theme=dark] .cs-rating.uncommon .label-outer {background-color: #061c36;color: #8bc1ff;}

.cs-rating.rare .vertical-lines path {fill: rgb(75 105 255);}
.cs-rating.rare .label-spacer, .cs-rating.rare .label-outer {background-color: #dae0ff;border-color: rgba(75,105,255,.6);color: #536fff;}
[data-bs-theme=dark] .cs-rating.rare .label-spacer, [data-bs-theme=dark] .cs-rating.rare .label-outer {background-color: #060e37;color: #8a9dfe;}

.cs-rating.mythical .vertical-lines path {fill: rgb(136 70 255);}
.cs-rating.mythical .label-spacer, .cs-rating.mythical .label-outer {background-color: #ede2ff;border-color: rgba(136,70,255,.6);color: #955aff;}
[data-bs-theme=dark] .cs-rating.mythical .label-spacer, [data-bs-theme=dark] .cs-rating.mythical .label-outer {background-color: #180638;color: #b48bff;}

.cs-rating.legendary .vertical-lines path {fill: rgb(210 44 230);}
.cs-rating.legendary .label-spacer, .cs-rating.legendary .label-outer {background-color: #fdebff;border-color: rgba(210,44,230,.6);color: #ec43ff;}
[data-bs-theme=dark] .cs-rating.legendary .label-spacer, [data-bs-theme=dark] .cs-rating.legendary .label-outer {background-color: #320638;color: #f177ff;}

.cs-rating.ancient .vertical-lines path {fill: rgb(235 75 75);}
.cs-rating.ancient .label-spacer, .cs-rating.ancient .label-outer {background-color: #fff0f0;border-color: rgba(235,75,75,.6);color: #ff1f1f;}
[data-bs-theme=dark] .cs-rating.ancient .label-spacer, [data-bs-theme=dark] .cs-rating.ancient .label-outer {background-color: #380606;color: #ff8686;}

.cs-rating.unusual .vertical-lines path {fill: rgb(254 215 0);}
.cs-rating.unusual .label-spacer, .cs-rating.unusual .label-outer {background-color: #fff9d8;border-color: rgba(254,215,0,.6);color: #c9a900;}
[data-bs-theme=dark] .cs-rating.unusual .label-spacer, [data-bs-theme=dark] .cs-rating.unusual .label-outer {background-color: #383006;color: #ffdf35;}

/*##############################################################################################*/

.events-wrapper .event{
	overflow: hidden;
	height: 42px;
	color: inherit;
}
.events-wrapper .eventlogo {
	position: absolute;
	top: 5px;
	left: 4px;
	height: 30px;
}
.events-wrapper .live, .events-wrapper .over {
	display: block;
	position: absolute;
	top: 3px;
	right: -21px;
	transform: rotate(45deg);
	padding: 3px 20px;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	z-index: 10;
	color: #fff!important;
}
.events-wrapper .live {background-color: #2d6da3;}
.events-wrapper .over {background-color: #a7000b;}
.events-wrapper .eventname {
	position: absolute;
	top: 11px;
	left: 40px;
}
.events-wrapper .upcomingeventname {
	position: absolute;
	top: 5px;
	left: 40px;
}
.events-wrapper .eventcountdown {
	position: absolute;
	top: 21px;
	left: 40px;
	width: 109px;
	opacity: 0.7;
}

/*##############################################################################################*/

.bannerTech {
	background: rgb(0, 0, 0);
	padding: 18px 0px;
}
.bannerTech .contentContainer {
	margin: 0px auto;
	max-width: 980px;
}
.bannerTech .iconWrapper {
	width: 20px;
	height: 20px;
}
.bannerTech .iconWrapper svg {
	margin-right: 14px;
}
.bannerTech .title {
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	color: rgb(255, 255, 255);
	margin-right: 50px;
	margin-left: 16px;
}
.bannerTech .desc {
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: rgb(147, 168, 191);
	white-space: pre-wrap;
}
.bannerTech .desc a {
	color: inherit;
}

/*##############################################################################################*/

.esl{
	padding: 0 0px!important;
}
.esl .eslbody {
	background: url("/style/img/static/d0e013f9715d0be16e94d7348c47077e.png") center top / cover!important;
	width: 100%;
	height: 100%;
	position: absolute;
}
.esl .title{
	display: block;
	margin: 40px 0px 40px;
	text-align: center;
	width: 100%;
	font-size: 36px;
	line-height: 30px;
	position: inherit;
	color: #000;
}
.esl .content {
	padding: 0px 40px;
}

.esl .itemRow {
	box-sizing: border-box;
	display: flex;
	position: relative;
	width: 100%;
	height: 42px;
	margin: 0px auto 1px;
	background-color: var(--tblr-body-bg);
}
.esl .itemRow.big {
	height: 80px;
}
.esl .highlight {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: rgb(107, 255, 54);
	color: rgb(255, 255, 255);
	flex: 0 0 10px;
}
.esl .rank {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	flex: 0 1 42px;
	min-width: 42px;
	font-size: 24px;
	font-weight: normal;
	width: 42px;
}
.esl .big .rank {
	flex: 0 0 80px;
}
.esl .worldRankBadge {
	position: relative;
	width: 100%;
	height: 0px;
	padding-top: 100%;
}
.esl .worldRankBadge .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0px;
	background-color: rgb(57, 57, 53);
	color: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	font-size: 20px;
}
.esl .big .worldRankBadge .inner{
	font-size: 40px;
}
.esl .worldRankBadge .number{
	position: relative;
}
.esl .change {
	box-sizing: border-box;
	flex: 1 1 0%;
	padding: 13px 5px 5px;
	margin: 0px;
	max-width: 50px;
	min-width: 50px;
	text-align: right;
}
.esl .change .changeIcon{
	line-height: 12px;
	font-size: 16px;
	text-align: right;
	color: rgb(126, 126, 121);
	display: inline-block;
}
.esl .change .number {
	display: inline;
	margin-right: 3px;
}
.esl .points {
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	text-align: right;
	flex: 0 1 100px;
	min-width: 100px;
	line-height: 34px;
	#color:black;
	font-weight: 500;
}
.esl .pts {
	opacity: 0.5;
}
.esl .playerInfo {
	box-sizing: border-box;
	margin: 0px;
	flex: 1 1 200px;
	padding: 0px;
}
.esl .playerInfo .logo {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	padding: 1px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
.esl .big .playerInfo .logo {
	width: 70px;
	height: 70px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 5px;
}
.esl .playerInfo .name {
	box-sizing: border-box;
	font-size: 22px;
	line-height: 32px;
	font-weight: normal;
	padding: 5px;
}
.esl .big .playerInfo .name {
	font-size: 32px;
	line-height: 67px;
	padding-left: 80px;
	font-weight: bold;
}
.esl .rowSpace {
	box-sizing: border-box;
	display: flex;
	position: relative;
	width: 100%;
	margin: 0px auto 1px;
	height: 15px;
}
@media (max-width: 720px){
	.esl .content {
		padding: 0px 10px;
	}

	.esl .playerInfo{
		flex: 1 1 260px;
	}
	.esl .big .playerInfo .logo{
		width: 30px;
		height: 30px;
		margin-right: 80%;
		margin-left: 6px;
	}
	.esl .playerInfo .name {
		font-size: 18px;
	}
	.esl .big .playerInfo .name {
		padding-left: 0px;
		font-size: 26px;
		line-height: 34px;
		margin-left: -54px;
		margin-top: 34px;
	}
	.esl .worldRankBadge .number {
		font-size: 80%;
	}
	.esl .points {
		min-width: 60px;
	}
}

/*##############################################################################################*/

.blast {
	background-image: url(/style/img/static/premier-background.svg)!important;
	height: 100%;
	background-size: cover!important;
	background-position: top!important;
	overflow-x: hidden!important;
	transition: all .3s ease;
	background-color: #000037!important;
	background-color: #1f0c19!important;
}

.blast .title {
	font-size: 60px;
	line-height: .96;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 3rem;
	padding-top: 6rem;
}
.blast .text-section-opacity{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 75%;
	opacity: .5;
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 1px;
	font-weight: 700;
}
.blast .leaderboardText{
	margin-bottom: 3rem;
	font-size: 38px;
	line-height: 46px;
	font-weight: 700;
	background: linear-gradient(15deg,#CD9B55,#FFDCA5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.blast .qualificationText{
	--tblr-text-opacity: 1;
	color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
	font-size: 1.25rem !important;
}
.blast .blockTable{
	background-color: #000037;
	background-color: #1f0c19;
	box-shadow: 0 10px 40px 0 rgba(0,0,0,.5);
	padding-bottom: .5rem;
	padding-top: .5rem;
	margin-bottom: 1rem;
}
.blast .blasttable{
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 16px;
}
.blast .blasttable th, .blast .blasttable td {
	padding: .3rem;
	vertical-align: top;
	border-top: 1px solid rgba(255,255,255,.2);
}
.blast .blasttable .pt-2, .py-2 {
	padding-top: .5rem!important;
}
@media (max-width: 720px){
	.blast .title {
		font-size: 30px;
		line-height: 38px;
	}
	.blast .text-section-opacity{
		width: 85%;
		font-size: 18px;
	}
	.blast .qualificationText{
		font-size: 1rem!important;
	}
}

/*##############################################################################################*/

.event-hub-indicator {
	position: absolute;
	top: 8px;
	right: 8px;
	box-shadow: 0 0 11px rgba(0,0,0,.9);
	font-weight: 700;
	text-transform: uppercase;
}

.group-stage .fixHeight td {
	height: 32px;
}
.group-stage .group-name {
	max-width: 0;
}
.group-stage .team {
	height: 32px;
	#width: 250px;
	z-index:1;
}
.group-stage .team .logo-container {
	width: 20px;
	flex: 0 0 20px;
	z-index: 1;
}
.group-stage .team .logo-container .logo {
	max-height: 18px;
	max-width: 18px;
}
.group-stage .team .name-container {
	z-index: 1;
}
.group-stage .group-expand-btn {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	position: relative;
	top: calc(50% - 3px);
	transform: translateY(-50%);
}
.group-stage .group-expand-btn:after {
	font-family: "keenicons-duotone" !important;
	content: "\ef32";
	position: absolute;
	left: 3px;
	top: 0px;
	width: 100%;
	transition: .2s ease;
    transform: rotate(90deg);
    transform-origin: 7px 10px;
}
.group-stage .group-expand-btn.active:after {
    transform: rotate(270deg);
}
.group-stage tr.up-marker td{
	border-bottom: 1px dashed var(--tblr-border-color-translucent)!important;
}
.group-stage .below-marker {
	opacity: .75;
}
.group-stage .placement-green {
	box-shadow: inset 3px 0 0 0 #08a500;
	background-image: linear-gradient(90deg,#08a50040 -30%,transparent);
	background-repeat: no-repeat;
	background-size: 50px;
}
.group-stage .placement-red {
	box-shadow: inset 3px 0 0 0 #e40a0a;
	background-image: linear-gradient(90deg,#bb191b40 -30%,transparent);
	background-repeat: no-repeat;
	background-size: 50px;
}
.group-stage .matches {
	display: none;
}

/*##############################################################################################*/

.slotted-bracket-header{transition: .2s ease;}
.slotted-bracket-header:hover {text-decoration: none;box-shadow: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;}
.slotted-bracket-placeholder {display: flex;overflow-x: auto;flex-direction: column;min-height: 42px;box-sizing: border-box;}
.slotted-bracket {display: flex;flex-direction: column;position: relative;}
.slotted-bracket .bracket-tier-header {font-size: 12px;opacity: .65;display: flex;align-items: center;font-weight: 700;height: 32px;}
.slotted-bracket .rounds {display: flex;}
.slotted-bracket .round {min-width: 151px;padding-right: 20px;transition: .2s ease;}
.slotted-bracket .round .round-header {font-size: 12px;font-weight: 700;height: 32px;display: flex;align-items: center;justify-content: center;width: 131px;text-align: center;}
.slotted-bracket .slots {position: relative;}
.slotted-bracket .slots .slot-wrapper {position: absolute;height: 55px;width: 130px;transition: .2s ease;}
.slotted-bracket .slots .slot-wrapper .header {height: 20px;margin-top: -20px;box-shadow: 0 1px 2px 0 rgba(50,50,50,.4);font-size: 9px;display: flex;align-items: center;border-radius: 4px 4px 0 0;padding-left: 4px;background-color: #ebebeb;}
.slotted-bracket .slots .slot-wrapper .header.slot-live {position: relative;background-color: #fc1d1d;user-select: unset;min-width: unset;z-index:3;}
.slotted-bracket .slots .slot-wrapper .header.slot-live .live-dot-wrapper {position: relative;}
.slotted-bracket .slots .slot-wrapper .header.slot-live .live-dot {content: "";display: inline-block;position: absolute;top: calc(100% - 2px);background-color: #fff;border-radius: 50px;height: 5px;width: 5px;margin-left: 4px;margin-right: 4px;}
.slotted-bracket .slots .slot-wrapper .header.slot-live .live-dot-animation {border: 2px solid #fff;background: 0 0;border-radius: 100px;height: 13px;width: 13px;animation: pulse 3s ease-out;animation-iteration-count: infinite;position: absolute;top: calc(100% - 6px);left: 0px;z-index: 1;opacity: 0;}
.slotted-bracket .slots .slot-wrapper .header.slot-live .live {color: #fff;font-weight: 700;position: relative;left: 13px;}
.slotted-bracket .slots .slot-wrapper .match {background-color: #fff;box-shadow: 0 1px 5px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.08);width: 100%;border-radius: 2px;height: 55px;display: flex;flex-direction: column;font-size: 11px;z-index: 2;position: relative;cursor:pointer;}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match {background-color: #2d3844;}
.slotted-bracket .slots .slot-wrapper .match.matchLive {box-shadow: 0 1px 5px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.08),inset -1px -1px 0 0 #fc1d1d,inset 1px -1px 0 0 #fc1d1d;}
.slotted-bracket .slots .team {display: flex;padding: 0 4px;height: 100%;align-items: center;color:unset;}
.slotted-bracket .slots .team:hover {border: 1px solid var(--tblr-primary)!important;}
.slotted-bracket .slots .slot-wrapper .match .team1 {border-radius: 2px 0 0 0;}
.slotted-bracket .slots .slot-wrapper .match .team1.highlight {box-shadow: 0 1px 5px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.08),inset 0 0 0 2px #2d6da3;border-radius: 2px;background-color: #ededef;opacity: 1;}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .team1.highlight {box-shadow: 0 1px 5px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.08),inset 0 0 0 2px #435971;background-color: #45515f;}
.slotted-bracket .slots .slot-wrapper .match .team2 {border-radius: 0 0 0 2px;border-top: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .team2 {border-top: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .slot-wrapper .match .team2.highlight {box-shadow: 0 1px 5px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.08),inset 0 0 0 2px #2d6da3;border-radius: 2px;background-color: #ededef;opacity: 1;}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .team2.highlight {box-shadow: 0 1px 5px 0 rgba(0,0,0,.16),0 1px 2px 0 rgba(0,0,0,.08),inset 0 0 0 2px #435971;border-radius: 2px;background-color: #45515f;}
.slotted-bracket .slots .slot-wrapper .match .winner {font-weight: 700;border-left: 3px solid #08a500;}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .winner {border-left: 3px solid #09c100;}
.slotted-bracket .slots .slot-wrapper .match .loser {border-left: 3px solid #e40a0a;color: rgba(53,53,53,.4);}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .loser {border-left: 3px solid #fc1d1d;color: rgba(146,154,158,.4);}
.slotted-bracket .slots .slot-wrapper .match .loser .team-image {filter: saturate(0);opacity: .3;}
[data-bs-theme=dark] .slotted-bracket .slots .slot-wrapper .match .loser .team-image {opacity: .5;}
.slotted-bracket .slots .slot-wrapper .match .draw {font-weight: 700;border-left: 3px solid #5a96dc;}
.slotted-bracket .slots .slot-team-image-container {height: 16px;width: 16px;display: flex;align-items: center;justify-content: center;align-content: center;margin-right: 4px;flex: 0 0 16px;}
.slotted-bracket .slots .team-image {border-radius: 25%;}
.slotted-bracket .slots .slot-wrapper .match .team-name {flex: 1 auto;}
.slotted-bracket .slots .slot-wrapper .match .result {float: right;}
.slotted-bracket .slots .slot-multi-team-container {position: relative;height: 16px;width: 16px;flex: 0 0 16px;margin-left: 4px;}
.slotted-bracket .slots .team.team-tbd .team-name {opacity: .45;}
.slotted-bracket .slots .slot-multi-team-container .candidate1, .slotted-bracket .slots .slot-multi-team-container .candidate2 {position: absolute;}
.slotted-bracket .slots .slot-multi-team-container .candidate1 {left: -4px;top: -5px;}
.slotted-bracket .slots .slot-multi-team-container .candidate2 {right: -2px;bottom: -5px;}
.slotted-bracket .slots .slot-multi-team-container .slot-team-image-container {height: 14px;width: 14px;flex: 0 0 14px;}
.slotted-bracket .slots .team.team-tbd .slot-team-image-container {opacity: .35;}
.slotted-bracket .slots .exit {z-index: 1;position: absolute;width: 5px;right: -6px;}
.slotted-bracket .slots .exit.down {top: calc(50% - 0px);border-top: 1px solid hsla(0,0%,80%,.65);border-right: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .exit.down {border-top: 1px solid rgba(73,88,103,.65);border-right: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .exit.up {bottom: 48%;border-bottom: 1px solid hsla(0,0%,80%,.65);border-right: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .exit.up {border-bottom: 1px solid rgba(73,88,103,.65);border-right: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .entry {z-index: 1;position: absolute;bottom: 0;width: 15px;right: -16px;}
.slotted-bracket .slots .entry.down {border-bottom: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .entry.down {border-bottom: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .entry.up {top: 0;border-top: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .entry.up {border-top: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .entry.long {width: 165px;right: -166px;}
.slotted-bracket .slots .wormhole-entry {position: absolute;left: -12px;width: 16px;height: 16px;display: flex;justify-content: center;align-items: center;opacity: .5;font-size: 11px;}
.slotted-bracket .slots .wormhole-entry.above {top: -22px;}
.slotted-bracket .slots .wormhole-entry.below {top: 61px;}
.slotted-bracket .slots .wormhole-entry .entry-connector {z-index: 1;position: absolute;right: 4px;width: 4px;height: 19.75px;pointer-events: none;}
.slotted-bracket .slots .wormhole-entry.above .entry-connector {top: 16px;border-bottom: 1px solid hsla(0,0%,80%,.65);border-left: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .wormhole-entry.above .entry-connector {border-bottom: 1px solid rgba(73,88,103,.65);border-left: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .slots .wormhole-entry.below .entry-connector {top: -22px;border-top: 1px solid hsla(0,0%,80%,.65);border-left: 1px solid hsla(0,0%,80%,.65);}
[data-bs-theme=dark] .slotted-bracket .slots .wormhole-entry.below .entry-connector {border-top: 1px solid rgba(73,88,103,.65);border-left: 1px solid rgba(73,88,103,.65);}
.slotted-bracket .loser-icon {display: inline-block;font-size: 8px;text-rendering: auto;margin-right: 5px;font-weight: 400;}
@media (max-width: 768px){
	.slotted-bracket .round {min-width: 105px;}
	.slotted-bracket .round .round-header {font-size: 8px;max-width: 85px;}
	.slotted-bracket .slots .slot-wrapper {width: 85px;}
}
@keyframes pulse {
    0% {transform: scale(0);opacity: 0}
    25% {transform: scale(0);opacity: .1}
    50% {transform: scale(.1);opacity: .3}
    75% {transform: scale(.5);opacity: .5}
    to {transform: scale(1);opacity: 0}
}

/*##############################################################################################*/

.placements .pl {
	flex: 1 0 25%;
	box-sizing: border-box;
	padding: 10px;
	min-width: 100px;
}
.placements .top-placement {
	flex: 1 0 45%;
    font-size: 14px;
}
.placements .placement{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    z-index: 0;
    font-weight: 700;
    min-height: 100px;
    height: 100%;
    position: relative;
}
.placements .team-logo{
	position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    opacity: .05;
    text-align: center;
    z-index: -1;
}
.placements .team-logo img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 15px;
}

/*##############################################################################################*/

.teams-attending {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(146px,1fr));
	grid-gap: 16px;
	grid-auto-rows: 1fr;
}
.teams-attending .team-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 5px;
}
.teams-attending .team-name {
	font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 32px;
    box-sizing: border-box;
}
.teams-attending .text-container {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.teams-attending .team-name .text {
	white-space: pre-line;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow-y: hidden;
	overflow-x: hidden;
	font-size: 12px;
	font-weight: 700;
}
.teams-attending .event-world-rank {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #2d6da3;
	color: #fff;
	font-size: 10px;
	padding: 1px 4px;
	border-radius: 14px 0 6px 0;
}
.teams-attending .event-world-rank-valve {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #E48717;
	color: #fff;
	font-size: 10px;
	padding: 1px 4px;
	border-radius: 0px 14px 0px 6px;
}
.teams-attending .logo-box {
	height: 100px;
	min-height: 100px;
	flex: 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.teams-attending .logo-box img {
	overflow: hidden;
	border-radius: 15px;
}
.teams-attending .logo {
	height: 90px;
	max-width: 90%;
	object-fit: contain;
	overflow: hidden;
}
@media (max-width: 768px){
	.teams-attending {grid-template-columns: repeat(auto-fit,minmax(146px,1fr));}
}

/*##############################################################################################*/

.upcomingMatch{display: flex;cursor: pointer;padding: 0 16px;height: 52px;}
.upcomingMatch:last-child{border-bottom: 0;}
.upcomingMatch.oddRowBgColor{background-color: var(--tblr-table-active-bg);}
.upcomingMatch .match{display: flex;flex: 1 auto;text-decoration: none;}
.upcomingMatch .matchInfo{display: flex;flex-direction: column;margin-right: 16px;justify-content: center;flex: 0 0 60px;}
.upcomingMatch .matchInfo .matchTime{font-weight: 700;text-align: center;font-size: 12px;}
.upcomingMatch .matchInfo .matchRating{font-size: 6px;margin-top: 3px;margin-bottom: 0px;text-align: center;}
.upcomingMatch .matchInfo .matchRating .ki-star{margin-right: 1px;color: var(--tblr-gray-900);}
.upcomingMatch .matchInfo .matchRating .ki-star.faded{opacity: .3;}
.upcomingMatch .matchInfo .matchMeta{width: 100%;background-color: var(--tblr-gray-200);border-radius: 4px;text-align: center;font-size: 9px;font-weight: 700;opacity: 0.75 !important;padding: 2px 0px;margin-bottom: 1px;}
[data-bs-theme=dark] .upcomingMatch .matchInfo .matchMeta{ background-color: var(--tblr-gray-700); }
.upcomingMatch .matchInfoEmpty {line-height: 1.3;display: flex;align-items: center;justify-content: center;flex: 1 auto;font-weight: 700;text-align: center;opacity:0.65;font-size: 13px;}
.upcomingMatch .matchInfoEmpty .line-clamp-3 {white-space: pre-line;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow-y: hidden;}
.upcomingMatch .matchTeams{display: flex;flex-direction: column;flex: 1 auto;justify-content: space-evenly;}
.upcomingMatch .matchTeams .matchTeam{display: flex;}
.upcomingMatch .matchTeams .matchTeamLogoContainer{display: flex;height: 16px;width: 16px;flex: 0 0 16px;margin-right: 4px;}
.upcomingMatch .matchTeams .matchTeamName{width: 60%;}
.upcomingMatch .matchTeams .matchTeamScore{width: 40px;flex: 0 0 40px;text-align: right;}
.upcomingMatch .matchTeams .currentMapScore{font-weight: 700;font-size: 14px;}
.upcomingMatch .matchEvent{display: flex;align-items: center;font-size: 10px;color: var(--tblr-secondary);flex: 0 0 230px;}
.upcomingMatch .matchEvent .matchEventLogoContainer{display: flex;height: 25px;width: 25px;flex: 0 0 25px;margin-right: 8px;}
.upcomingMatch .matchEvent .matchEventName{font-size: 10px;white-space: pre-line;display: -webkit-box;overflow-y: hidden;opacity:0.65;}
@media (max-width: 720px){
	.upcomingMatch{height: 48px;}
	.upcomingMatch .matchInfo{flex: 0 0 50px;}
	.upcomingMatch .matchInfo .matchMeta{font-size: 7px;}
	.upcomingMatch .matchEvent{flex: 0 0 40px;}
	.upcomingMatch .matchInfoEmpty {line-height: 1;font-size: 11px;}
}

/*##############################################################################################*/

.event-hub-image {
	height: 210px;
}
.event-hub-small-image {
	position: absolute;
	top:0;
	left:0;
	x-index:1;
	width:100px;
}
@media (max-width: 720px){
	.event-hub-image {
		height: 36px!important;
	}
	.event-hub-small-image{
		width: 70px;
	}
}

/*##############################################################################################*/

.duels .matchInfo {
	margin-bottom: 0.25rem;
	display: flex;
	flex-direction: row;
	gap: 0.25rem;
}
.duels .matchInfo .Team1 {
	display: flex;
	width: 100%;
	border-radius: 4px;
	padding: 0.5rem;
	flex-direction: row-reverse;
	align-items: center;
	justify-items: end;
}
.duels .matchInfo .Team2 {
	display: flex;
	width: 100%;
	border-radius: 4px;
	padding: 0.5rem;
	align-items: center;
	justify-items: start;
	flex-direction: row;
}
.duels .matchInfo .Team1.win, .duels .matchInfo .Team2.win {
	background-color: rgb(125 125 125 / 30%);
}
.duels .matchInfo .teamLogo {
	margin-bottom: 0;
	height: 2rem;
}
.duels .matchInfo .teamName {
	display: flex;
	width: fit-content;
	flex-direction: column;
	text-align: right;
}
.duels .matchInfo .teamName p {
	font-size: 1.1rem;
	line-height: 1rem;
}
.duels .score {
	font-size: 1.625rem;
	line-height: 1.625rem;
	font-weight: 500;
}
.duels .sideScore {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: rgb(255, 255, 255);
}
@media (max-width: 720px){
	.duels .matchInfo .Team1, .duels .matchInfo .Team2 {
		flex-direction: column;
		align-items: unset;
		justify-items: unset;
	}
	.duels .matchInfo .teamLogo {
		height: 1.50rem;
		margin-bottom: 0.5rem;
		margin-left: unset!important;
		margin-right: unset!important;
	}
	.duels .matchInfo .teamName {
		text-align: center;
		width: 100%;
		flex-direction: unset;
		display: unset;
	}
	.duels .matchInfo .teamName p {
		font-size: .825rem;
		line-height: .75rem;
	}
	.duels .score {
		font-size: 1.875rem;
		line-height: 1.875rem;
	}
}

/*##############################################################################################*/

.ColapsedMatchUpload {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, min-content) 1fr min-content;
	align-items: center;
	gap: 8px;
}

.copyButton {
	margin-left: 6px;
	cursor: pointer;
	font-weight: 400;
	padding: 1px 4px;
	display: inline-block;
}
.copyButton:hover {
	opacity: 0.75;
}

/*##############################################################################################*/

.progressElo {
	display: flex;
	font-size: 11px;
	color: rgba(0, 0, 0, 0.6);
	align-items: center;
}
[data-bs-theme=dark] .progressElo {
	color: rgba(255, 255, 255, 0.6);
}
.progressElo .level {
	#width: 32px;
	#height: 32px;
	display: flex;
	align-items: center;
	margin-right: 2px;
}
.progressElo .progressView {
	margin-left: 4px;
}
.progressElo .dataTop {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 2px;
}
.progressElo .dataTop .data {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
}
.progressElo .progres {
	margin-top: 1px;
	height: 2px;
	width: 100px;
	background: rgb(75, 78, 78);
	text-align: left;
}
.progressElo .progres .progbar {
	height: 100%;
	background: rgb(255, 85, 0);
}
.progressElo .info {
	display: flex;
	justify-content: space-between;
}

.elo-div {
	max-width: 400px;
}
.elo-div .elo-bodyRx {
	display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    justify-content: space-between;
    align-self: stretch;
    position: relative;
}
.elo-div .elo-body {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
	padding: 6px 0px;
}
.elo-div .elo-body .elo-level {
	min-width: 24px;
    min-height: 24px;
}
.elo-div .elo-body .elo-level svg {
	display: inline-block;
    vertical-align: sub;
    height: 20px;
    width: 20px;
}
.elo-div .elo-body h1 {
	margin: 0px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.015em;
    line-height: 28px;
}
.elo-div .elo-body i {
	display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.elo-div .elo-body i svg {
	width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}
.elo-div .elo-progresRx {
	display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    justify-content: space-between;
    align-self: stretch;
    position: relative;
}
.elo-div .elo-AnimatedProgressRow {
	display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    justify-content: space-between;
    align-self: stretch;
    position: relative;
}
.elo-div .elo-AnimatedProgress {
	width: 100%;
    position: relative;
    height: 6px;
    border: 1px solid rgba(255, 85, 0, 0.16);
    border-radius: 2px;
}
.elo-div .elo-ProgressHolder {
	display: flex;
    flex-direction: row;
    place-items: center;
    position: absolute;
    inset-block: 0px;
    inset-inline: -1px;
}
.elo-div .elo-BaseProgress {
	box-sizing: border-box;
    height: 6px;
    background: rgb(255, 85, 0);
}
.elo-div .Progress {
	border-radius: 2px;
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
}
.elo-div .elo-SegmentsContainer {
	position: absolute;
    inset-block: 1px;
    inset-inline: 0px;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(6, 1fr);
}
.elo-div .elo-SegmentsContainer > div {
    border-inline-end: 1px solid rgba(255, 85, 0, 0.16);
}
.elo-div .elo-SegmentsContainer > div:last-of-type {
    border-inline-end: none;
}
.elo-div .elo-ProgressRangeContainer {
    display: flex;
    justify-content: space-between;
}
.elo-div .elo-Text {
    letter-spacing: 0.02em;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
	color: rgb(167, 167, 167);
}

/*##############################################################################################*/

.slot-details-popup {
	position: absolute;
	background-color: var(--tblr-bg-surface);
	box-shadow: 0 1px 5px 0 rgba(var(--tblr-body-color-rgb),.16),0 1px 2px 0 rgba(var(--tblr-body-color-rgb),.08);
	border-radius: 4px;
	width: 320px;
	z-index: 3;
	animation: hoverUp .35s;
}
.slot-details-popup .slot-details-header {
	height: 70px;
	display: flex;
	flex-direction: row;
}
@media (max-width: 720px){
	.slot-details-popup-smartphone-overlay {top: 0;z-index: 3;background-color: rgba(0,0,0,.8);height: 100%;width: 100%;position: fixed;}
	.slot-details-popup {left: 0!important;top: 50%!important;transform: translateY(-50%);width: calc(100% - 48px);margin: 24px;-webkit-animation: hoverUpSmartphone .35s;animation: hoverUpSmartphone .35s;max-height: calc(100% - 56px);}
}
@-webkit-keyframes hoverUp {
    0% {opacity: 0;transform: translateY(20px)}
    to {opacity: 1;transform: translateY(0)}
}
@keyframes hoverUp {
    0% {opacity: 0;transform: translateY(20px)}
    to {opacity: 1;transform: translateY(0)}
}
@-webkit-keyframes hoverUpSmartphone {
    0% {opacity: 0;transform: translateY(0)}
    to {opacity: 1;transform: translateY(-50%)}
}
@keyframes hoverUpSmartphone {
    0% {opacity: 0;transform: translateY(0)}
    to {opacity: 1;transform: translateY(-50%)}
}

/*##############################################################################################*/

.IdleLoad {
	color: rgba(var(--tblr-azure-rgb),1) !important;
}
.LowLoad {
	color: rgba(var(--tblr-green-rgb),1) !important;
}
.LowCapacity {
	color: rgba(var(--tblr-yellow-rgb),1) !important;
}
.MediumLoad {
	color: rgba(var(--tblr-yellow-rgb),1) !important;
}
.MediumCapacity {
	color: rgba(var(--tblr-orange-rgb),1) !important;
}
.HighLoad {
	color: rgba(var(--tblr-orange-rgb),1) !important;
}
.FullLoad {
	color: rgba(var(--tblr-red-rgb),1) !important;
}
.UnknownLoad {
	color: rgba(var(--tblr-red-rgb),1) !important;
}
.OfflineLoad {
	color: rgba(var(--tblr-red-rgb),1) !important;
	-webkit-animation: pulsate2 3s ease-out;
	-webkit-animation-iteration-count: infinite;
}

.map_status {
	width: 100%;
	height: 466px;
	background-image: url('/style/img/static/map.png');
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
}
.map_status .map_title {
	position: absolute;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 385px;
	margin-left: 345px;
	text-align: right;
}
.map_status .pulse {
	-webkit-animation: pulsate2 3s ease-out;
	-webkit-animation-iteration-count: infinite;
}
.map_status .dots {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}
.map_status .s {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	transition: all 0.2s;
	background: rgba(var(--tblr-azure-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .s:before {
	content: '';
	border: 2px solid rgba(var(--tblr-azure-rgb),0.3);
	-webkit-border-radius: 30px;
	height: 58px;
	width: 58px;
	position: absolute;
	margin-left: -24px;
	margin-top: -24px;
	-webkit-animation: pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.0;
}
.map_status .gps_ring:before {
	content: '';
	border: 2px solid rgba(var(--tblr-azure-rgb),0.6);
	-webkit-border-radius: 30px;
	height: 32px;
	width: 32px;
	position: absolute;
	margin-left: -11px;
	margin-top: -11px;
	-webkit-animation: pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.0;
}
.map_status .IdleLoad {
	background: rgba(var(--tblr-azure-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}

.map_status .LowLoad {
	background: rgba(var(--tblr-green-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .LowLoad:before, .map_status .LowLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-green-rgb),0.3);
}

.map_status .LowCapacity {
	background: rgba(var(--tblr-yellow-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .LowCapacity:before, .map_status .LowCapacity .gps_ring:before {
	border: 2px solid rgba(var(--tblr-yellow-rgb),0.3);
}

.map_status .MediumLoad {
	background: rgba(var(--tblr-yellow-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .MediumLoad:before, .map_status .MediumLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-yellow-rgb),0.3);
}

.map_status .MediumCapacity {
	background: rgba(var(--tblr-orange-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .MediumCapacity:before, .map_status .MediumCapacity .gps_ring:before {
	border: 2px solid rgba(var(--tblr-orange-rgb),0.3);
}

.map_status .HighLoad {
	background: rgba(var(--tblr-orange-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .HighLoad:before, .map_status .HighLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-orange-rgb),0.3);
}

.map_status .FullLoad {
	background: rgba(var(--tblr-red-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .FullLoad:before, .map_status .FullLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-red-rgb),0.3);
}

.map_status .UnknownLoad {
	background: rgba(var(--tblr-red-rgb),1);
	animation: r0 2s 0s ease-out infinite;
}
.map_status .UnknownLoad:before, .map_status .UnknownLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-red-rgb),0.3);
}

.map_status .OfflineLoad {
	background: rgba(var(--tblr-red-rgb),1);
	-webkit-animation: pulsate3 4s ease-out;
	-webkit-animation-iteration-count: infinite;
}
.map_status .OfflineLoad:before, .map_status .OfflineLoad .gps_ring:before {
	border: 2px solid rgba(var(--tblr-red-rgb),0.3);
}
.map_status .high {background: #f9a602;animation: r0 2s 0s ease-out infinite;}
.map_status .high .gps_ring {border: 2px solid #f9a6024d;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .high .gps_ring_2 {border: 2px solid #f9a60299;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .full {background: #D92000;animation: r0 2s 0s ease-out infinite;}
.map_status .full .gps_ring {border: 2px solid #D920004d;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .full .gps_ring_2 {border: 2px solid #D9200099;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .error {background: #D92000;-webkit-animation: pulsate3 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .error .gps_ring {border: 2px solid #d920004d;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
.map_status .error .gps_ring_2 {border: 2px solid #d9200099;-webkit-animation: pulsate 4s ease-out;-webkit-animation-iteration-count: infinite;}
@media (max-width: 720px){
	.map_status {height: 324px;}
	.map_status .map_title {margin-top: 250px;margin-left: 150px;}
}
@-webkit-keyframes pulsate {0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}50% {opacity: 1.0;}100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}}
@-webkit-keyframes pulsate2 {0% {opacity: 0.0;}50% {opacity: 1.0;}100% {opacity: 0.0;}}
@-webkit-keyframes pulsate3 {0% {opacity: 0.2;}50% {opacity: 1.0;}100% {opacity: 0.2;}}

/*##############################################################################################*/

.leaderboard-hero {
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #3B415C;
    position: relative;
    background-image: url(https://static.csstats.gg/images/bgLeaderboardCs2.png);
}
.leaderboard-hero .container {
	background-position: 75% 100%;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	flex-flow: row;
	position: relative;
	z-index: 1;
	background-image: url(https://static.csstats.gg/images/ogLeaderboardCs2.png);
}
.leaderboard-hero .intro {
    flex: 1;
    padding: 1.5rem 0;
}
.leaderboard-hero .intro h1 {
    margin-top: 0;
    font-size: 24px;
    color: #fff;
}
.leaderboard-hero .intro p {
    margin: 0;
    color: #FFF;
    font-weight:bold;
}
.leaderboard-hero .graph {
    display: flex;
    flex-flow: row;
    margin-top: 1rem;
    gap: 0.25rem;
    align-items: flex-end;
    height: 200px;
}
.leaderboard-hero .graph .rating-range {
    flex: 1;
    height: 100%;
    position: relative;
}
.leaderboard-hero .graph .rating-range-col {
    position: absolute;
    bottom: 0;
    left: 2px;
    right: 5px;
    #transform: skewX(-10deg);
    #transform-origin: right bottom;
    min-height: 3px;
}
.leaderboard-hero .cs2rating.xs {
    width: 40px;
    height: 22px;
    padding: 0.25rem 0.25rem 0.25rem 0.75rem;
    font-size: 12px;
}
.leaderboard-hero .cs2rating.noBg {
    width: 100% !important;
    padding: 0 !important;
}
.leaderboard-hero .graph .cs2rating {
    position: absolute;
    bottom: -20px;
}
.leaderboard-hero .rating-summary {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-left: 3rem;
    padding: 1.5rem 0;
    gap: 0.5rem;
}
.leaderboard-hero .rating-summary .rating-perc {
    display: flex;
    flex-flow: row;
    align-items: center;
}
.leaderboard-hero .rating-perc-value {
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}
@media screen and (max-width: 768px){
	.leaderboard-hero .graph .rating-range.follow .cs2rating {
	    display: none;
	}
	.leaderboard-hero .rating-summary {
	    display: none;
	}
	.leaderboard-hero .graph {
	    gap: 0;
	}
}

/*##############################################################################################*/

.summaryStatBreakdownDataBar2 {
    width: 100%;display: flex;position: relative;gap: 4px;
}
.summaryDataBar {
    flex: 1 1 0%;height: 4px;margin: 4px 0px;border-radius: 4px;position: relative;background: rgba(255, 255, 255, 0.16);
}
.summaryStatBreakdownDescription {
    display: none;bottom: -13px;font-size: 8px;opacity: .85;text-transform: uppercase;position: absolute;
}
.summaryDataBar.first {
    flex: 1 1 0%;height: 4px;margin: 4px 0px;border-radius: 4px;position: relative;background: rgb(255, 0, 43);
}
.summaryDataBar.first .summaryStatBreakdownDescription {
    color: rgb(255, 0, 43);
    display: block;
}
.summaryDataBar.second {
    flex: 1 1 0%;height: 4px;margin: 4px 0px;border-radius: 4px;position: relative;background: rgb(255, 191, 0);
}
.summaryDataBar.second .summaryStatBreakdownDescription {
    color: rgb(255, 191, 0);
    display: block;
}
.summaryDataBar.third {
    flex: 1 1 0%;height: 4px;margin: 4px 0px;border-radius: 4px;position: relative;background: rgb(50, 211, 90);
}
.summaryDataBar.third .summaryStatBreakdownDescription {
    color: rgb(50, 211, 90);
    display: block;
}
.summaryStatIndicator {
    position: absolute;width: 2px;height: 12px;border-radius: 99999px;background: rgb(241, 241, 241);top: -4px;display: none;
}
.summaryDataBar.first .summaryStatIndicator {
    display: block;
}
.summaryDataBar.second .summaryStatIndicator {
    display: block;
}
.summaryDataBar.third .summaryStatIndicator {
    display: block;
}


.summaryStatBreakdownDataBar{
	margin: 6px 0px 0px;
	position: relative;
	width: 100%;
	height: 6px;
	border-radius: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.summaryStatBreakdownDataBar .FirstSection {
	width: 100%;
	height: 5px;
	background-color: rgb(125 125 125 / 15%);
}
.summaryStatBreakdownDataBar .FirstSection.active{
	background-color: #f53c3c;
	box-shadow: 0 0 7px 0 #cf0a0a;
}
.summaryStatBreakdownDataBar .FirstSection .Pointer {
	position: relative;
	width: 1px;
	height: 10px;
	top: -3px;
	background-color: #cf0a0a;
	box-shadow: 0 0 7px 0 #cf0a0a;
}
.summaryStatBreakdownDataBar .FirstSection .Text {
	bottom: -13px;
	font-size: 8px;
	opacity: .85;
	text-transform: uppercase;
	position: absolute;
	color: #ff6565;
}

.summaryStatBreakdownDataBar .SecondSection {
	width: 100%;
	height: 5px;
	background-color: rgb(125 125 125 / 25%);
}
.summaryStatBreakdownDataBar .SecondSection.active{
	background-color: #e3ae08;
	box-shadow: 0 0 7px 0 #e3ae08;
}
.summaryStatBreakdownDataBar .SecondSection .Pointer {
	position: relative;
	width: 1px;
	height: 10px;
	top: -3px;
	background-color: #ffdc6f;
	box-shadow: 0 0 7px 0 #e3ae08;
}
.summaryStatBreakdownDataBar .SecondSection .Text {
	bottom: -13px;
	font-size: 8px;
	opacity: .85;
	text-transform: uppercase;
	position: absolute;
	color: #ffdc6f;
}

.summaryStatBreakdownDataBar .ThirdSection {
	width: 100%;
	height: 5px;
	background-color: #7d7d7d26;
}
.summaryStatBreakdownDataBar .ThirdSection.active {
	background-color: #06b319;
	box-shadow: 0 0 7px 0 #06b319;
}
.summaryStatBreakdownDataBar .ThirdSection .Pointer {
	position: relative;
	width: 1px;
	height: 10px;
	top: -3px;
	background-color: #6ff8a8;
	box-shadow: 0 0 7px 0 #06b319;
}
.summaryStatBreakdownDataBar .ThirdSection .Text {
	bottom: -13px;
	font-size: 8px;
	opacity: .85;
	text-transform: uppercase;
	position: absolute;
	color: #06b319;
}

/*##############################################################################################*/

.scoreboardTables {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.matchesTables .CellGreenColorContainer {
	width: 2px;
	height: 40px;
	background-color: rgb(122, 241, 155);
	border-radius: 8px;
}
.matchesTables .CellYellowColorContainer {
	width: 2px;
	height: 40px;
	background-color: rgb(255, 251, 155);
	border-radius: 8px;
}
.matchesTables .CellRedColorContainer {
	width: 2px;
	height: 40px;
	background-color: rgb(247, 52, 75);
	border-radius: 8px;
}
.matchesTables .CellValueWrapper {
	position: relative;
	width: 100%;
	height: 40px;
}
.matchesTables .BackgroundProgress {
	background-color: rgba(var(--tblr-primary-lt-rgb),1);
	height: 100%;
}
.matchesTables .CellValue {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
}
.matchesTables .CellValueText {
	line-height: 16px;
	text-align: left;
	padding-left: 8px;
	font-size: 16px;
	font-weight: 500;
}
@media (max-width: 720px){
	.scoreboardTables {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
}

/*##############################################################################################*/

.ScoreboardRoundInfo__Container {
	background: var(--tblr-bg-surface);
}
.ScoreboardRoundInfo__Container::-webkit-scrollbar {
	display: none;
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Button {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	position: relative;
	min-width: 32px;
	min-height: 32px;
	background: var(--tblr-bg-surface);
	border: 1px solid var(--tblr-border-color);
	border-radius: 2px;
	cursor: pointer;
	margin: 0px 2px;
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Button.active {
	border: 2px solid #979797;
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Button.t.active {
	border: 2px solid var(--tblr-yellow);
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Button.ct.active {
	border: 2px solid var(--tblr-azure);
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Number {
	font-size: 14px;
	line-height: 16px;
}
.ScoreboardRoundInfo__Container .ReplayRoundButton__Circle {
	position: absolute;
	right: 4px;
	top: 4px;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background: #979797;
}
.ScoreboardRoundInfo__Container .t .ReplayRoundButton__Circle {
	background: var(--tblr-yellow);
}
.ScoreboardRoundInfo__Container .ct .ReplayRoundButton__Circle {
	background: var(--tblr-azure);
}

/*##############################################################################################*/

.ReplayWrapper .ReplayEventWrapper {
	height: 36px;
	opacity: 1;
	overflow: hidden;
	display: grid;
	justify-content: right;
	margin-bottom: 4px;
}
.ReplayWrapper .ReplayKillEventsListContainer .ReplayEvent__Container {
	display: flex;
	margin-top: 4px;
	width: max-content;
	background: rgba(43, 48, 56, 0.5);
	font-size: 12px;
	line-height: 16px;
	padding: 4px 12px;
	color: rgb(255, 255, 255);
	align-items: center;
	#height: 36px;
	float: right;
}
.ReplayWrapper .ReplayKillEventsListContainer .ReplayEvent__Time {
	opacity: 0.7;
	margin-right: 6px;
}
.ReplayWrapper .ReplayKillEventsListContainer .ReplayEvent__Nickname {
	margin-left: 6px;
	margin-right: 6px;
}
.ReplayWrapper .ReplayKillEventsListContainer .ReplayEvent__Plus {
	opacity: 0.5;
	margin-left: 6px;
	margin-right: 6px;
}
.ReplayWrapper .ReplayKillEventsListContainer svg {
	max-width: 40px;
	height: 14px;
	margin-left: 6px;
	margin-right: 6px;
}
.ReplayWrapper .ReplayKillEventsListContainer svg path {
	fill: #ffffff;
}
.ReplayWrapper .ReplayKillEventsListContainer .roundStart {
	opacity: 0.7;
}
.ReplayWrapper .ReplayKillEventsListContainer span {
	margin-left: 1px;
	margin-right: 1px;
}
@media (max-width: 720px){
	.ReplayWrapper .ReplayKillEventsListContainer .ReplayEvent__Nickname {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 80px;
	}
}

/*##############################################################################################*/

.ReplayContainer__PlayerWrapper .ReplayEvent__Time{
	opacity: 0.7;
}
.ReplayContainer__PlayerWrapper .ReplayEvent__Nickname {
	margin-left:6px;
	margin-right:6px;
}

.ReplayContainer__PlayerWrapper .ReplayEvent__Plus {
	opacity: 0.5;
	margin-left:6px;
	margin-right:6px;
}
.ReplayContainer__PlayerWrapper svg {
	max-width: 40px;
	height: 24px;
	margin-left:6px;
	margin-right:6px;
}
.ReplayContainer__PlayerWrapper svg path {
	fill: #ffffff;
}
.ReplayContainer__PlayerWrapper img {
	margin-left:6px;
	max-width: 40px;
	height: 24px;
	margin-right:6px;
}
.ReplayContainer__PlayerWrapper .Tooltip__Arrow{
	position: absolute;
	width: 10px;
	height: 10px;
	left: 50%;
	top: 100%;
}
.ReplayContainer__PlayerWrapper .Tooltip__Arrow::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	transform-origin: 0px 0px;
	transform: rotate(45deg);
	top: -66%;
	background-color: var(--tblr-dark);
}

/*##############################################################################################*/

.ReplaySidebarPlayer__Container {
	border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-dark-color-translucent);
}
.ReplaySidebarPlayer__Container:last-child {
	border-bottom: none;
}

/*##############################################################################################*/

.ChartWrapper {
	display: grid;
	row-gap: 2px;
}
.ChartWrapper .ChartContainer {
	display: grid;
	width: 100%;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: var(--tblr-bg-surface);
}
.ChartWrapper .ChartRow {
	display: grid;
	align-items: center;
	margin-bottom: 1rem;
	grid-template-columns: max-content 1fr;
}
.ChartWrapper .TeamMetaContainer {
	display: grid;
	text-align: start;
	grid-template-columns: min-content 1fr;
	column-gap: 12px;
}
.ChartWrapper .TeamMetaText {
	font-weight: bolder;
	font-size: 1rem;
	white-space: nowrap;
}
.ChartWrapper .ChartText {
	font-weight: bolder;
	justify-self: end;
	font-size: 32px;
	line-height: 32px;
}
.ChartWrapper .HorizontalChartBarContainer {
	display: grid;
	row-gap: 8px;
}
.ChartWrapper .HorizontalChartBarLineList {
	display: flex;
	justify-content: space-between;
}
.ChartWrapper .HorizontalChartBarLine {
	height: 4px;
	transition: width 0.64s ease 0s;
	margin: 0px 2px;
}
.ChartWrapper .PercentList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(79px, max-content));
	justify-items: center;
}
.ChartWrapper .PercentCell {
	display: grid;
	justify-content: center;
}
.ChartWrapper .Percent {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
}
.ChartWrapper .Name {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
}
.ChartWrapper .ChartUpDownNew {
	height: 200px;
	grid-template-columns: 30px 1fr 30px;
	display: grid;
	position: relative;
	width: 100%;
	margin-bottom: 1.5rem;
}
.ChartWrapper .BackgroundContainer {
	display: grid;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.ChartWrapper .BackgroundRow {
	position: relative;
	display: grid;
	background-color: var(--tblr-border-color-translucent);
	color: var(--tblr-muted);
	height: 1px;
	margin-left: 24px;
	margin-right: 24px;
}
.ChartWrapper .BackgroundCount {
	position: absolute;
	font-size: 10px;
	line-height: 12px;
	transform: translateY(-50%);
}
.ChartWrapper .BackgroundCount.L {
	left: -10px;
}
.ChartWrapper .BackgroundCount.R {
	right: -10px;
}
.ChartWrapper .BarsContainer {
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	justify-items: center;
	grid-column: 2 / auto;
}
.ChartWrapper .Bar {
	display: grid;
	width: 28px;
	place-content: center;
	border-radius: 0px;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	margin: 0px;
}
.ChartWrapper .Bar.pistol:first{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.ChartWrapper .Bar.pistol:end{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.ChartWrapper .Bar.shotgun:first-of-type{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.ChartWrapper .Bar.shotgun:last-child{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.ChartWrapper .Bar.smg:first-of-type{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.ChartWrapper .Bar.smg:last-child{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.ChartWrapper .ChartStats {
	display: grid;
	row-gap: 18px;
	margin-left: 30px;
	margin-right: 30px;
}
.ChartWrapper .StatCountList {
	display: grid;
	grid-auto-flow: column;
	place-items: center;
}
.ChartWrapper .StatCount{
	border-radius: 2px;
	height: 28px;
	width: 28px;
	border: 2px solid var(--tblr-border-color-translucent);
	font-size: 14px;
	line-height: 16px;
	display: grid;
	place-items: center;
}
.ChartWrapper .TeamPlayers {
	display: grid;
	grid-auto-flow: column;
	place-items: center;
}
.ChartWrapper .PlayerMeta {
	display: grid;
	row-gap: 3px;
	justify-items: center;
}
.ChartWrapper .UserAvatar {
	position: relative;
	display: grid;
	justify-content: center;
}
.ChartWrapper .UserAvatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--tblr-border-color-translucent);
	opacity: 1;
}
.ChartWrapper .Player {
	width: 64px;
	font-size: 14px;
	text-align: center;
}
@media (max-width: 720px){
	.ChartWrapper .PercentList {
		grid-template-columns: repeat(auto-fit, minmax(66px, max-content));
	}
	.ChartWrapper .Percent {
		font-size: 17px;
		line-height: 23px;
	}
	.ChartWrapper .Name {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 10px;
		line-height: 14px;
		white-space: nowrap;
	}
	.ChartWrapper .ChartStats {
		margin-left: 0px;
		margin-right: 0px;
	}
	.ChartWrapper .Player {
		width: 29px;
		font-size: 10px;
	}
	.ChartWrapper .UserAvatar img {
		width: 30px;
		height: 30px;
	}
}

/*##############################################################################################*/

.EconomyBar.BackgroundContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	display: grid;
}
.EconomyBar .BackgroundRow {
	position: absolute;
	background-color: var(--tblr-border-color-translucent);
	color: var(--tblr-muted);
	height: 94%;
	width:1px;
	top: -95%;
}
.EconomyBarLineListL {
	display: flex;
	justify-content: flex-end;
	height: 100%;
	flex-wrap: wrap-reverse;
	align-content: center;
}
.EconomyBarLineListL .HorizontalChartBarLine {
	height: 26px;
	width: 100%;
	background-color: var(--tblr-bg-surface);
}
.EconomyBarLineListL span {
	position: absolute;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	transform: translate(-15%,-30%);
}
.EconomyBarLineListR {
	display: flex;
	justify-content: flex-start;
	height: 100%;
	flex-wrap: wrap-reverse;
	align-content: center;
}
.EconomyBarLineListR .HorizontalChartBarLine {
	height: 26px;
	width: 100%;
	background-color: var(--tblr-bg-surface);
}
.EconomyBarLineListR span {
	position: absolute;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	transform: translate(15%,-30%);
}
.EconomyCenterRow {
	height: 28px;
	display: grid;
	place-items: center;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 4px;
	margin-bottom: 4px;
}

.EconomyCenterRow img {
	height: 16px;
	width:16px;
	max-width: unset;
}
.EconomyCenterRow .EconomyCenterRound {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 2px;
	border: 1px solid var(--tblr-border-color-translucent);
}
.EconomyBar .backgroundCount {
	position: absolute;
	font-size: 10px;
	line-height: 12px;
	left: -6px;
	bottom: -15px;
}

/*##############################################################################################*/

.equipment-categories {
	padding: 5px;
	width: 100%;
}
.equipment-categories tbody{
	box-sizing: unset;
}
.equipment-categories tr{
	box-sizing: unset;
	border-bottom: 0;
}
.equipment-categories th, .equipment-categories td{
	box-sizing: unset;
	padding: 0;
	font-size: unset;
	text-align: unset;
	vertical-align: unset;
	border: 0;
}
.equipment-categories .team-categories {height: 25px;display: flex;}
.equipment-categories .team-categories:first-child {border-bottom: 1px solid var(--tblr-border-color-translucent);}
.equipment-categories .team-categories .team {display: flex;align-items: center;width: 20px;border-right: 1px solid var(--tblr-border-color-translucent);}
.equipment-categories .team-categories .team .team-logo {max-width: 15px;max-height: 15px;}
.equipment-categories .team-categories .equipment-category-td {width: 6.66666666%;display: flex;padding: 5px 2px;height: 100%;max-height: 16px;}
.equipment-categories .team-categories .equipment-category-td .equipment-category {width: 100%;height: 100%;max-height: 13px;}
.equipment-categories .team-categories .equipment-category-td .equipment-category.lost {opacity: .5;filter: invert(0);}

/*##############################################################################################*/

.EntriesFragMapInfosWrapper {
	display: grid;
	gap: 12px;
	grid-auto-rows: min-content;
	white-space: nowrap;
	margin-bottom: 32px;
}
.EntriesFragMapInfosWrapper .EntriesFragMapInfoWrapper {display: grid;align-items: center;gap: 8px;grid-auto-flow: column;grid-auto-columns: min-content;white-space: nowrap;}
.EntriesFragMapInfosWrapper .EntriesFragMapInfoCircle {border-radius: 50%;height: 12px;width: 12px;}
.EntriesFragMapInfosWrapper .EntriesFragMapInfoCircle.win {border: 2px solid rgb(255, 255, 255);}
.EntriesFragMapInfosWrapper .EntriesFragMapInfoCircle.lose {border: 2px solid rgb(220, 48, 79);}
.EntriesFragMapInfosWrapper .EntriesFragMapInfoTitle {font-size: 12px;line-height: 12px;color: rgba(var(--mg-text) / 0.5);}
.InfoCircle {border-radius: 50%;height: 14px;width: 14px;position: absolute;transform: translate(-50%,-50%);}
.InfoCircle.win {border: 2px solid rgb(255, 255, 255);}
.InfoCircle.lose {border: 2px solid rgb(220, 48, 79);}
.InfoCircle.check.win {background-color: rgb(255, 255, 255);}
.InfoCircle.check.lose {background-color: rgb(220, 48, 79);}
.InfoCircle.tplayer {border: 2px solid #ebd995;}
.InfoCircle.ctplayer {border: 2px solid #8aacdf;}

/*##############################################################################################*/

.newsdsl .newstext-con {
    position: relative;
    line-height: 28px;
    font-size: 16px;
}
.newsdsl .headertext {
    font-size: 18px !important;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 29.129px;
    color: #b9bdbf;
}
.newsdsl .image-con {
    text-align: center;
    display: block;
    cursor: pointer;
    margin-top: 14px;
    margin-bottom: 14px;
}
.newsdsl .image {
    max-width: 100%;
}
.newsdsl .newsitem-ranking {
    margin-top: 14px;
    margin-bottom: 14px
}
.newsdsl .newsitem-ranking-headline {
    color: inherit;
    font-weight: inherit;
    font-size: 14px;
    font-weight: bolder;
    border-bottom: 3px solid #2d6da3;
    padding-right: 10px
}
.newsdsl .newsitem-ranking-grid {
    display: grid;
    grid-template-columns: -webkit-min-content 8fr repeat(3,2fr) 1.5fr;
    grid-template-columns: min-content 8fr repeat(3,2fr) 1.5fr;
    grid-template-rows: auto;
    align-items: center;
    font-size: 14px;
    margin-top: 10px
}
.newsdsl .newsitem-ranking-grid .highest {
    font-weight: bolder;
    text-decoration: underline
}
.newsdsl .newsitem-ranking-grid .positive {
    color: var(--tblr-green);
    position: relative
}
.newsdsl .newsitem-ranking-grid .negative {
    color: var(--tblr-red);
    position: relative
}
.newsdsl .newsitem-ranking-change,.newsdsl .newsitem-ranking-points,.newsdsl .newsitem-ranking-rank,.newsdsl .newsitem-ranking-subpoints,.newsdsl .newsitem-ranking-team, .newsdsl .newsitem-ranking-link {
    height: 24px;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 0;
    border-bottom: 1px solid var(--tblr-border-color-translucent);
}
.newsdsl .newsitem-ranking-change-new {
    height: 22px;
    padding: 5px 0 0 17px;
    border-bottom: 1px solid var(--tblr-border-color-translucent);
    font-size: 11px;
    text-align: center;
    line-height: 80%
}
.newsdsl .newsitem-ranking-rank {
    text-align: center
}
.newsdsl .newsitem-ranking-team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.newsdsl .newsitem-ranking-subpoints {
    text-align: right
}
.newsdsl .newsitem-ranking-points {
    text-align: right;
    font-weight: bolder
}
.newsdsl .newsitem-ranking-change {
    text-align: right;
    padding-right: 0
}
.newsdsl .newsitem-ranking-link {
    text-align: right;
    padding-right: 0
}
.newsdsl .newsitem-ranking-header {
    opacity: .75;
    font-size: 10px;
    line-height: 10px;
    font-weight: inherit;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    border: 0
}
.newsdsl .newsitem-ranking-team-logo {
    max-width: 16px;
    max-height: 16px;
    margin-top: -1px
}

.newsdsl .news-clock {
    font-size: 13px;
    opacity: .75;
    position: relative;
    top: 0;
    left: -1px;
    margin-right: -1px;
    cursor: pointer;
}
.newsdsl .newsitem-match-result {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 12px;
    line-height: 22.652px;
}
.newsdsl .newsitem-match-result-top {
    background-color: #364250;
    border-bottom: 1px solid #495867;
    font-size: 10px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
}
.newsdsl .newsitem-match-result a {
    font-weight: 400;
}
.newsdsl .newsitem-match-result-top .newsitem-match-type {
    width: 100px;
    text-align: right;
}
.newsdsl .newsitem-match-result-middle {
    display: flex;
    text-align: center;
}
.newsdsl .newsitem-match-result-team-con {
    flex: 1 0 0;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
.newsdsl .newsitem-match-result-team {
    position: relative;
    z-index: 2;
}
.newsdsl .newsitem-match-result-team-flag-left, .newsdsl .newsitem-match-result-team-flag-right {
    width: auto;
    height: 93px;
    position: absolute;
    top: 0;
    opacity: .15;
    z-index: 1;
    border: 0;
}
.newsdsl .newsitem-match-result-team-flag-left {
    -webkit-mask-image: linear-gradient(90deg, #fff 10%, hsla(0, 0%, 100%, 0));
    left: 0;
}
.newsdsl .newsitem-match-result-team-flag-right {
    -webkit-mask-image: linear-gradient(270deg, #fff 10%, hsla(0, 0%, 100%, 0));
    right: 0;
}
.newsdsl .newsitem-match-result-team-logo-con {
    margin: 0 auto;
    width: 50px;
    height: 50px;
}
.newsdsl .newsitem-match-result-team-logo-con img {
    width: 100%;
    max-height: 100%;
}
.newsdsl .newsitem-match-result-score-con {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.newsdsl .newsitem-match-result-date {
    font-size: 12px;
}
.newsdsl .newsitem-match-result-score {
    display: inline-block;
    width: 43px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.newsdsl .newsitem-match-result-score.scorewon {
    background-color: #09c100;
}
.newsdsl .newsitem-match-result-score.scorelost {
    background-color: #fc1d1d;
}
.newsdsl .newsitem-match-result-map {
    display: flex;
    text-align: center;
    border-top: 1px solid #495867;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #364250;
}
.newsdsl .newsitem-match-result-map-score-faded {
    flex: 1 0 0;
    opacity: .5;
}
.newsdsl .newsitem-match-result-map-name {
    flex: 1 0 0;
}
.newsdsl .newsitem-match-result-map-score-won {
    flex: 1 0 0;
    color: #09c100;
    font-weight: 700;
}
.newsdsl .newsitem-match-stats {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 12px;
}
.newsdsl .newsitem-match-stats-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.newsdsl .newsitem-match-stats-header {
    background-color: #232d38;
}
.newsdsl .newsitem-match-stats-team {
    padding: 4px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}
.newsdsl .newsitem-match-stats-logo {
    height: 16px;
}
.newsdsl .newsitem-match-stats-kd {
    width: 55px;
    text-align: center;
}
.newsdsl .newsitem-match-stats-kdDiff {
    width: 34px;
    text-align: center;
}
.newsdsl .newsitem-match-stats-adr {
    width: 34px;
    text-align: center;
}
.newsdsl .newsitem-match-stats-rating {
    width: 80px;
    text-align: center;
}
.newsdsl .newsitem-match-stats-row {
    border-top: 1px solid #495867;
    background-color: #232d38;
}
.newsdsl .newsitem-match-stats-row:nth-child(2n) {
    background-color: #364250;
}
.newsdsl .newsitem-match-stats-team {
    padding: 4px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}
.newsdsl .newsitem-match-stats-player {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.newsdsl .newsitem-match-stats-team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-left: 3px;
}



.newstext-con #chart-mvp {
    height: 300px;
    align-self: center;
    overflow: visible;
}
.newstext-con .background-polygon {
    fill: #404348;
    stroke: #555;
    stroke-width: 1;
}
.newstext-con .marker {
    fill: none;
    stroke: #5e6165;
    stroke-width: 1;
}
.newstext-con #chart-mvp text {
    fill: hsla(0, 0%, 100%, .85);
    font-size: 11px;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.newstext-con #chart-mvp text.highlight {
    fill: hsla(0, 0%, 100%, .85);
    font-weight: 700;
}
.newstext-con .overlay {
    stroke-width: 1;
}
.newstext-con .overlay#overlay1 {
    fill: rgba(189, 139, 32, .5);
    stroke: #bd8b20;
}
.newstext-con .overlay#overlay2 {
    fill: rgba(72, 136, 195, .5);
    stroke: #4888c3;
}
.newsdsl .twocol {
    overflow: hidden;
    margin-top: 14px;
    margin-bottom: 14px;
}
.newsdsl .twocol-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -14px;
    margin-left: -14px;
}
.newsdsl .twocol-col {
    min-width: 150px;
    flex: 1 0 50%;
    box-sizing: border-box;
    padding-bottom: 14px;
    padding-left: 14px;
}
.newsdsl .twocol a {
    font-weight: 700;
}

/*##############################################################################################*/

.awardshowPage {
    --headerColor: #e1c693;
    --backgroundColor: #0d0d0d;
    --boxColor: #181818;
    --textColor: #fff;
    --headerFont: "Orbitron",sans-serif;
    --textFont: "Urbanist",sans-serif;
    overflow: hidden;
    color: #fff;
    background: var(--backgroundColor) url(/style/img/static/award/satin.png) 50%/cover no-repeat fixed!important
}
.awardshowPage .menu-design {
    font-family: var(--headerFont);
    color: var(--textFont);
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
}
.awardshowPage .link-active:active,.awardshowPage .link-hover:hover {
    color: var(--headerColor)
}
.awardshowPage section {
    padding: 80px 0;
}
.awardshowPage .award-section-1 {
    padding-bottom: 188px;
}
.awardshowPage .award-section-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background: linear-gradient(180deg, transparent 40%, var(--backgroundColor) 60%, var(--backgroundColor));
}
.awardshowPage .award-section-3 {
    position: relative;
}
.awardshowPage .award-section-5 {
    position: relative;
    --awardsDisplay: block;
}
.awardshowPage .img-slideshow-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100vh);
    background: #121217;
}
.awardshowPage .img-slideshow {
    -webkit-animation: fading 7s infinite;
    animation: fading 7s infinite;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .3;
    filter: grayscale(1);
}
.awardshowPage .awardpageFullWidth {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
}
.awardshowPage .page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--headerColor);
    position: relative;
    z-index: 99;
}
.awardshowPage .page-title img {
    margin-top: 20px;
}
.awardshowPage h1 {
    font-size: 42px;
    font-family: var(--headerFont);
    color: var(----textColor);
    line-height: 1;
}
.awardshowPage .uppercase {
    text-transform: uppercase;
}
.awardshowPage .h1-multi-line {
    display: flex;
    flex-direction: column;
}
.awardshowPage .page-title h1, .awardshowPage .page-title p {
    margin: 0;
}
.awardshowPage .page-title .title-first {
    font-size: 44px;
}
.awardshowPage .page-title .title-second {
    font-size: 28px;
}
.awardshowPage .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: var(--headerFont);
    font-size: 52px;
    font-weight: 700;
    color: var(--textColor);
    gap: 52px;
	margin-top: 44px;
}
.awardshowPage .countdown-part {
    width: 65px;
}
.awardshowPage .countdown-value {
    display: flex;
    justify-content: center;
}
.awardshowPage .countdown-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--textFont);
    color: var(--textColor);
    font-size: 10px;
    letter-spacing: 1.1px;
    font-weight: 400;
	margin-top: 24px;
}
.awardshowPage .section-2-upper-bg {
    position: absolute;
    top: -343px;
    width: 110%;
    height: 1040px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}
.awardshowPage .dark-section {
    background: var(--backgroundColor);
}
.awardshowPage .award-box-column {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.awardshowPage .award-show-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 52px;
}
.awardshowPage h2 {
    font-family: var(--headerFont);
    font-size: 56px;
    text-align: center;
}
.awardshowPage h2, .awardshowPage h3, .awardshowPage h4 {
    color: var(--headerColor);
}
.awardshowPage .compact-line {
    line-height: 1;
}
.awardshowPage .zero-margin {
    margin: 0;
}
.awardshowPage .award-show-title h2 {
    font-size: 53px;
}
.awardshowPage .award-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 980px;
    background-color: var(--boxColor);
    padding: 24px;
    gap: 100px;
    border-radius: 4px;
}
.awardshowPage .bg-mobile {
    position: absolute;
    mix-blend-mode: screen;
    display: none;
    right: 0;
    top: 41%;
}
.awardshowPage .award-box-image-wrapper {
    display: flex;
    flex: 0 0 400px;
    z-index: 1;
}
.awardshowPage .award-box-image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    width: 100%;
    filter: brightness(110%);
}
.awardshowPage .award-box-text {
    display: flex;
    flex-direction: column;
    gap: 45px;
    text-align: left;
}
.awardshowPage .award-box-sub-header {
    font-family: var(--textFont);
    font-size: 16px;
    color: var(--headerColor);
    letter-spacing: 4.845px;
    line-height: 2.5;
    font-weight: 600;
}
.awardshowPage .award-box-info {
    color: var(----textColor);
    font-family: var(--headerFont);
    font-size: 33px;
    line-height: 35px;
    font-weight: 500;
}
.awardshowPage .awards-wrapper {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 16px;
}
.awardshowPage .awards-wrapper-flex {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.awardshowPage .awards-header-wrapper {
    border: 1px solid var(--headerColor);
    position: relative;
    background: var(--headerColor);
    margin-bottom: 2px;
}
.awardshowPage .awards-wrapper h3 {
    list-style: none;
    font-size: 24px;
    padding: 13px;
}
.awardshowPage .awards-header-wrapper h3 {
    font-family: var(--headerFont);
    color: #262630;
    font-size: 22px;
    margin: 0;
    padding: 0;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awardshowPage .awards-list-wrapper {
    position: relative;
    line-height: 33px;
}
.awardshowPage .awards-wrapper ul {
    list-style: none;
    padding: 0;
}
details {
    position: relative;
    background-color: #364250;
    padding-left: 8px;
    border-radius: 4px;
}
.awardshowPage details {
    background-color: transparent;
}
.awardshowPage .awards-wrapper details {
    padding: 4px 22px;
}
.awardshowPage .awards-list-wrapper details {
    border: 1px solid var(--headerColor);
    border-radius: 0;
    margin-bottom: 8px;
}
details summary {
    font-size: 13px;
    height: 32px;
    display: flex;
    align-items: center;
}
.awardshowPage summary {
    font-size: 14px;
    font-family: var(--textFont);
    padding-left: 16px;
    height: 100%;
    font-weight: 500;
}
.awardshowPage .awards-wrapper summary:before {
    content: "+";
    margin-right: 20px;
    transform: rotate(0deg);
}
.awardshowPage .awards-wrapper details[open] summary:before {
    content: "+";
    margin-right: 20px;
    transform: rotate(45deg);
}
.awardshowPage .awards-candidates {
    font-size: 14px;
    color: var(--headerColor);
    text-align: left;
    padding-left: 42px;
}
.awardshowPage p {
    font-family: var(--textFont);
    font-variant-numeric: lining-nums proportional-nums;
}
.awardshowPage .awards-candidates p {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
    gap: 4px;
}
.awardshowPage .awards-winners {
    display: flex;
    flex-direction: column;
    max-height: 540px;
    overflow: hidden;
    position: relative;
}
.awardshowPage .awards-winners.expanded {
    max-height: unset;
}
.awardshowPage .player-awards-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: var(--headerFont);
    font-size: 40px;
    color: var(--textColor);
    margin: 30px 0;
    font-weight: 500;
}
.awardshowPage .change-award-year {
    display: flex;
    flex-direction: row;
    margin-right: 25px;
    position: relative;
}
.awardshowPage .years-button {
    position: absolute;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--headerColor);
}
.awardshowPage .years-button.left {
    top: -11px;
    right: 125px;
}
.awardshowPage .years-button .ti {
    font-size: 12px;
    padding: 8px;
}
.awardshowPage .change-award-year .award-year {
    width: 132px;
}
.awardshowPage .years-button.right {
    top: -11px;
    right: -31px;
}
.awardshowPage .player-award-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 90px;
}
.awardshowPage .player-card {
    max-width: 262px;
}
.awardshowPage .player-card .player-card-image {
    position: relative;
    border: 1px solid var(--headerColor);
}
.awardshowPage .inductee-img {
    background: var(--backgroundColor) url(/style/img/static/award/satin.png) 50% / cover no-repeat;
    position: relative;
}
.awardshowPage .award-image-size {
    #background: var(--backgroundColor);
    display: block;
    width: 260px;
    height: 246px;
}
.awardshowPage .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(221deg, #514734 10.44%, #1d1506 81.86%);
    opacity: .25;
}
.awardshowPage .player-card .player-card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.awardshowPage .player-card .award-winner-name {
    font-family: var(--headerFont);
    font-size: 26px;
    color: #262630;
    font-weight: 800;
    line-height: 1.1;
    background: var(--headerColor);
    border: 1px solid var(--headerColor);
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awardshowPage .player-card .player-card-prize {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--textFont);
    font-size: 15px;
    font-weight: 700;
    color: var(--textFont);
    border: 1px solid var(--headerColor);
    border-top: 0;
    letter-spacing: 3px;
    line-height: 1;
    padding: 12px;
    min-height: 30px;
}
.awardshowPage .player-card .player-card-bottom-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: var(--textFont);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2.7px;
}
.awardshowPage .player-card .player-card-nominee {
    color: var(--headerColor);
}
.awardshowPage .player-card .player-card-other-nominees {
    color: var(--textColor);
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
}
.awardshowPage p {
    font-family: var(--textFont);
    font-variant-numeric: lining-nums proportional-nums;
}
.awardshowPage .player-card .player-card-other-nominees p {
    margin: 0;
}


@media (max-width: 500px) {
    .awardshowPage section {
        padding: 32px 0;
    }
	.awardshowPage .awardpageFullWidth {
        padding: 0 16px;
    }
	.awardshowPage .page-title img {
        max-width: 90px;
        margin-top: 48px;
    }
	.awardshowPage .countdown {
        font-size: 24px;
        gap: 0;
    }
	.awardshowPage .award-box-column {
        gap: 40px;
    }
	.awardshowPage .award-show-title {
        padding-left: 12px;
    }
	.awardshowPage h2 {
        font-size: 31px;
        text-align: left;
        padding-left: 16px;
    }
	.awardshowPage .award-show-title h2 {
        font-size: 31px;
    }
	.awardshowPage .award-box {
        flex-direction: column;
        gap: 32px;
    }
	.awardshowPage .bg-mobile {
        display: flex;
    }
	.awardshowPage .award-box-image-wrapper {
        flex: 0 0 320px;
    }
	.awardshowPage .section-4-title {
        text-align: center;
        padding-left: 0;
    }
	.awardshowPage .awards-wrapper {
        flex-direction: column;
        gap: 80px;
        padding: 0;
        margin: 0 auto;
        max-width: 370px;
    }
	.awardshowPage summary {
        font-size: 16px;
    }
	.awardshowPage .section-5-title {
        line-height: 1;
    }
	.awardshowPage .awards-winners {
        overflow: unset;
    }
	.awardshowPage .player-awards-title {
        flex-direction: column-reverse;
        align-items: center;
        font-size: 24px;
    }
	.awardshowPage .change-award-year {
        margin-right: unset;
    }
	.awardshowPage .years-button.left {
        top: -6px;
        right: 73px;
    }
	.awardshowPage .change-award-year .award-year {
        width: 80px;
    }
	.awardshowPage .years-button.right {
        top: -6px;
        right: -30px;
    }
	.awardshowPage .player-award-box {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 -16px;
        padding: 0 16px;
        overflow-x: scroll;
        gap: 24px;
        justify-content: flex-start;
        background: none;
    }
	.awardshowPage .player-card {
        margin-top: 15px;
    }
	.awardshowPage .award-image-size {
        height: 155px;
        width: 167px;
    }
	.awardshowPage .player-card .award-winner-name {
        font-size: 16px;
    }
	.awardshowPage .player-card .player-card-prize {
        font-size: 12px;
        padding: 5px 10px;
        line-height: 1.6;
        letter-spacing: 2px;
        min-height: 39px;
    }
	.awardshowPage .player-card .player-card-bottom-text {
        font-weight: 600;
        font-size: 9px;
        line-height: 16px;
    }
}

/*##############################################################################################*/

.teamsBox {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.teamsBox .team {
    position: relative;
    flex: 1 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden
}

.teamsBox .team .logo {
    max-height: 100%;
    width: auto;
    align-self: center;
    max-width: 120px
}

@media (max-width: 500px) {
    .teamsBox .team .logo {
        max-width:90%
    }
}

.teamsBox .team .team1 {
    position: absolute;
    opacity: .2;
    left: 0;
    right: 0;
    #margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%
}

@media (max-width: 500px) {
    .teamsBox .team .team1 {
        width:100%;
        height: 100%;
        max-width: inherit
    }
}

.teamsBox .team .team1-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: -1px;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}
[data-bs-theme=dark] .teamsBox .team .team1-gradient {
    background: linear-gradient(90deg,rgba(45,56,68,0) 50%,#1e1e2d);
}

.teamsBox .team .team2 {
    position: absolute;
    opacity: .2;
    left: 0;
    right: 0;
    margin-left: auto;
    #margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%
}

@media (max-width: 500px) {
    .teamsBox .team .team2 {
        width:100%;
        height: 100%;
        max-width: inherit
    }
}

.teamsBox .team .team2-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(-90deg,rgba(45,56,68,0) 50%,#fff);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}
[data-bs-theme=dark] .teamsBox .team .team2-gradient {
    background: linear-gradient(-90deg,rgba(45,56,68,0) 50%,#1e1e2d);
}

.teamsBox .clearfix {
    clear: both
}

.teamsBox .timeAndEvent {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    max-width: 33%
}

.teamsBox .timeAndEvent .time {
    font-weight: 700;
    font-size: 36px;
    max-width: 100%;
    color: #292929;
}
[data-bs-theme=dark] .teamsBox .timeAndEvent .time {
    color: #b9bdbf;
}
@media (max-width: 500px) {
    .teamsBox .timeAndEvent .time {
        font-size: 18px;
    }
}

.teamsBox .timeAndEvent .date {
    font-size: 10px;
    max-width: 100%
}

.teamsBox .timeAndEvent .text {
    font-weight: 700;
    max-width: 100%
}

.teamsBox .timeAndEvent .countdown {
    font-size: 16px;
    font-weight: 700;
    max-width: 100%;
    margin-bottom: 4px
}

.teamsBox .timeAndEvent .dummy-spacer {
    height: 10px
}

@media (max-width: 500px) {
    .teamsBox .timeAndEvent .dummy-spacer {
        height:0
    }
}

.teamsBox .timeAndEvent .event {
    font-size: 12px;
    max-width: 100%
}

.teamsBox .matchNotificationPost {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

@media (max-width: 500px) {
    .teamsBox .matchNotificationPost {
        right:-4px;
        top: -4px
    }
}

.teamsBox .disable-button-con, .teamsBox .notify-button-con {
    width: 24px;
    height: 24px;
    display: inline-flex;
    color: #fff;
    background-color: #435971;
    cursor: pointer;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.5)
}

.teamsBox .disable-button-con:hover, .teamsBox .notify-button-con:hover {
    background-color: #59728e!important
}

.bg-u, .bg-up, .bg-proceed, .bg-win {
    background-color: #ddf4dd!important;
}
[data-bs-theme=dark] .bg-u, [data-bs-theme=dark] .bg-up, [data-bs-theme=dark] .bg-proceed, [data-bs-theme=dark] .bg-win {
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-green-lt-rgb),var(--tblr-bg-opacity))!important;
}
.bg-su, .bg-stayup {
    background-color: #e5f4c6!important;
}
[data-bs-theme=dark] .bg-su, [data-bs-theme=dark] .bg-stayup {
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-lime-lt-rgb),var(--tblr-bg-opacity))!important;
}
.bg-s, .bg-stay {
    background-color: #f9f0c7!important;
}
[data-bs-theme=dark] .bg-s, [data-bs-theme=dark] .bg-stay {
    --tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-yellow-lt-rgb),var(--tblr-bg-opacity))!important;
}
.bg-sd, .bg-staydown {
    background-color: #f9dec7 !important;
}
[data-bs-theme=dark] .bg-sd, [data-bs-theme=dark] .bg-staydown {
    --tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-orange-lt-rgb),var(--tblr-bg-opacity))!important;
}
.bg-d, .bg-down, .bg-drop, .bg-lose {
    background-color: #fbdfdf!important;
}
[data-bs-theme=dark] .bg-d, [data-bs-theme=dark] .bg-down, [data-bs-theme=dark] .bg-drop, [data-bs-theme=dark] .bg-lose {
    --tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-red-lt-rgb),var(--tblr-bg-opacity))!important;
}
.team-template-image-icon {
    width: 60px;
    height: 25px;
    display: inline-block;
    text-align: center;
}
.team-template-image-icon img {
    max-width: 50px;
    max-height: 25px;
    width: auto;
    height: auto;
}

.template-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
    box-sizing: content-box;
    max-width: 100%;
}
.wikitable {
    background-color: #ffffff;
    color: #202122;
    margin: 1em 0;
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
}
.diagonal-table-header {
    background-color: #eaecf0;
    border-top: hidden;
}
.wikitable > tbody > tr > td {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #bbbbbb!important;
}
.league-icon-small-image img {
    max-width: 25px;
    max-height: 25px;
    height: auto;
    width: auto;
}

@media (max-width: 500px) {
	.custom-alert {
		position: fixed!important;
		bottom: 0!important;
		margin-bottom: unset!important;
		width: 96%!important;
		z-index: 1000!important;
	}
}

.vlr-rounds {
    margin-top: 10px;
}
.vlr-rounds-row {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    padding-bottom: 15px;
}
.vlr-rounds-row-col {
    margin: 0 1px;
    margin-left: 2px;
}
.vlr-rounds-row .team {
    line-height: 22px;
    display: flex;
    align-items: center;
    margin: 3px 0;
    margin-right: 6px;
    font-size: 11px;
    #width: 69px;
}
.vlr-rounds-row .team img {
    width: 22px;
    height: 22px;
    margin-right: 6px;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}
.rnd-num {
    font-size: 9px;
    text-align: center;
    text-align: center;
    height: 10px;
    line-height: 10px;
    color: #aaa;
    margin-bottom: 5px;
}
.rnd-sq {
    background: var(--tblr-body-bg);
    width: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 2px;
    margin: 0;
    padding: 2px 1px;
    margin: 3px 0;
    image-rendering: -webkit-optimize-contrast;
}
.rnd-sq.mod-win {
    background: #888;
}
.rnd-sq.mod-win.mod-ct {
    background: #24b298;
}
.rnd-sq img {
    width: 18px;
    height: 18px;
    display: block;
    opacity: .95;
}
.rnd-sq.mod-win.mod-t {
    background: #e25d5a;
}
.vm-stats-loading {
	padding-top: 60px;
    display: none;
    position: absolute;
    left: calc(50% - 25px);
    z-index: 55;
    font-size: 50px;
    text-align: center;
}

.player-stat-top {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(73, 88, 103, .45);
}
.player-stat-top .statsVal {
    display: flex;
    flex-direction: row-reverse;
    text-align: right;
}
.player-stat-top .statsVal .row-stats-section-score-100 {
    color: rgba(145, 168, 179, .65);
    font-weight: 400;
    font-size: 9px;
}
.role-stats-progress-wrapper {
	background: rgba(146, 154, 158, .15);
	height: 4px;
	top: -1px;
	width: 100%;
	position: relative;
}

.role-stats-progress-wrapper .role-stats-progress {
	background: #12b601;
	height: 100%;
}
.role-stats-progress-wrapper .role-stats-progress.normal {
	background: #e3ae08;
}
.role-stats-progress-wrapper .role-stats-progress.bad {
	background: #f53c3c;
}

.role-stats-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}
.role-stats-container .role-stats-section {
    background: var(--tblr-table-striped-bg);
    border-radius: 4px;
    padding: 8px;
    overflow: hidden;
    transition: .2s ease;
}
.role-stats-container .role-stats-section:not(.active) {
    max-height: 50px;
}
.role-stats-container .role-stats-section-title-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.role-stats-container .role-stats-section-title {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    align-items: baseline;
    gap: 4px;
    flex: 1;
}
.role-stats-container .role-stats-section-icon {
    height: 18px;
    width: 18px;
    position: relative;
    top: -2px;
}
.role-stats-container .row-stats-section-score {
    font-size: 12px;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 8px;
    font-weight: 700;
    align-items: baseline;
}
.role-stats-container .row-stats-section-score-100 {
    color: rgba(145, 168, 179, .65);
    font-weight: 400;
    font-size: 9px;
}
.role-stats-container .role-stats-section .role-stats-section-arrow {
    transition: .2s ease;
}
.role-stats-container .ti {
    padding-right: 3px;
}
.role-stats-container .role-stats-section.active .role-stats-section-arrow {
    transform: rotate(180deg);
}
.role-stats-container .role-stats-progress-wrapper {
    height: 4px;
    background: rgba(146, 154, 158, .15);
    width: 100%;
    position: relative;
    flex: 0 0 100%;
}
.role-stats-container .role-stats-section-title-wrapper .role-stats-progress-wrapper {
    margin-top: 4px;
}
.role-stats-container .role-stats-progress {
    background: #435971;
    height: 100%;
}
.role-stats-container .role-stats-progress.good {
    background: #12b601;
}
.role-stats-container .role-stats-progress.normal {
    background: #e3ae08;
}
.role-stats-container .role-stats-progress.bad {
    background: #f53c3c;
}
.role-stats-container .role-stats-margin {
    margin-top: 8px;
}
.role-stats-container .role-stats-section-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: flex-start;
}
.role-stats-container .role-stats-section .role-stats-section-columns {
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 8px;
}
.role-stats-container .role-stats-row {
    display: flex;
    justify-content: space-between;
    height: 35px;
    align-items: center;
    flex-wrap: wrap;
}
.role-stats-container .role-stats-top {
    flex: 1;
    display: flex;
    align-items: baseline;
}
.role-stats-container .role-stats-title {
    flex: 1;
}
.role-stats-container .role-stats-data {
    font-weight: 700;
}

.players-archive-navigation {
    display: flex;
    overflow: auto;
	background-color: var(--tblr-bg-surface);
}
.players-archive-navigation .players-archive-tab {
    #border-left: 1px solid #495867;
    #color: rgba(145, 168, 179, .65);
    height: 32px;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 0 25px;
    display: flex;
}
.players-archive-navigation .players-archive-tab.active {
    background-color: #435971;
    color: #fff;
    font-weight: 700;
}
.players-archive-navigation .players-archive-tab:first-child {
    border-left: 0;
}
.players-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 8px;
    grid-auto-rows: 1fr;
}
.players-archive-box {
    position: relative;
    height: 80px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    width: 100%;
}
.players-archive-box .players-archive-box-left {
    line-height: 13px;
    flex: 1;
}
.players-archive-box .players-archive-nickname {
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
}
.players-archive-box .players-archive-country {
    font-size: 10px;
    color: rgba(145, 168, 179, .65);
}
.players-archive-box .players-archive-country .flag {
    margin-right: 2px;
    height: 10px;
    width: 15px;
}
.players-archive-box .players-archive-box-right {
    flex: 0 0 78px;
}
.players-archive-box .players-archive-bodyshot {
    position: absolute;
    right: -20px;
    width: 130px;
    bottom: -58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 135px;
}

.header-wrap {
    margin: -16px -16px 0;
    background-size: cover !important;
    background: url(/style/img/static/mvp-header.webp);
    background-position: 50%;
    height: 203px;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    display: flex;
}
.header-wrap .header-container {
    margin: 0 auto;
    width: 530px;
    display: flex;
    padding: 12px;
}
.header-wrap .header-container .mvp-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.header-wrap .header-container .mvp-left .mvp-of .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.header-wrap .header-container .mvp-left .mvp-of .logos .mvp-logo {
    max-width: 48px;
}
.header-wrap .header-container .mvp-left .mvp-of .mvp-of-title {
    font-size: 48px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin: 8px 0 8px -2px;
}
.header-wrap .header-container .mvp-left .mvp-event {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-weight: 700;
}
.header-wrap .header-container .mvp-left .mvp-name {
    font-size: 34px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    letter-spacing: 1px;
    margin: 4px 0 2px 0;
}
.header-wrap .header-container .mvp-left .mvp-rating {
    font-size: 28px;
    font-weight: 700;
	#margin: 10px 0 0px 0;
}
.header-wrap .header-container .mvp-left .mvp-rating p {
    font-size: 12px;
    text-transform: uppercase;
    color: #26c2f0;
    text-shadow: 0 0 1.64541px #26c2f0, 0 0 42.2323px rgba(38, 194, 240, .5);
    font-weight: 400;
    font-size: clamp(10px, 7vw, 12px);
    margin: -6px 0 0 1px;
}
.header-wrap .header-container .mvp-player-bodyshot {
    max-width: 184px;
    width: 100%;
    display: flex;
    position: relative;
    #margin: -12px 0;
}
.header-wrap .header-container .mvp-player-bodyshot .mvp-bodyshot {
    position: absolute;
    height: auto;
}
@media (max-width: 500px) {
    .header-wrap .header-container .mvp-left .mvp-of .mvp-of-title {
        font-size: 40px;
    }
	.header-wrap .header-container .mvp-left .mvp-event {
        font-size: 12px;
    }
	.header-wrap .header-container .mvp-left .mvp-name {
        font-size: 28px;
    }
	.header-wrap .header-container .mvp-player-bodyshot {
        flex: 1;
        width: 100%;
        margin-right: -12px;
    }
	.header-wrap .header-container .mvp-player-bodyshot .mvp-bodyshot {
        width: 184px;
    }
    .role-stats-container .role-stats-section-title {
        font-size: 12px;
    }
    .role-stats-container .role-stats-section-icon {
        height: 10px;
        width: 10px;
        top: 0;
    }
    .role-stats-container .row-stats-section-score {
        font-size: 8px;
    }
    .role-stats-container .row-stats-section-score-100 {
        font-size: 7px;
    }
    .role-stats-container .role-stats-section .role-stats-section-columns {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
    .role-stats-container .role-stats-row {
        height: auto;
        min-height: 32px;
    }
    .role-stats-container .role-stats-title {
        line-height: 12px;
        font-size: 10px;
    }
    .role-stats-container .role-stats-data {
        font-size: 10px;
    }
}

.most-top-x-wrapper .most-top-x-card {
    background: #f6f6f9;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 4px;
}
[data-bs-theme=dark] .most-top-x-wrapper .most-top-x-card {
	background: #364250;
}
.most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
    position: absolute;
    right: -32px;
    bottom: 0;
}
.most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot {
    width: 95px;
}
.most-top-x-wrapper .most-top-x-card .most-top-x-right {
    padding-right: 61px;
    padding-top: 3px;
}
.most-top-x-wrapper .most-top-x-card .most-top-x-row {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #495867;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px;
}
.most-top-x-wrapper .most-top-x-card .most-top-x-value {
    font-weight: 700;
}

.mvp-table .td-mvp-player-name {
    width: 30%;
    align-items: center;
    padding-left: 0;
}
.mvp-table .mvp-table-img {
    border-radius: 100px;
    width: 30px;
    height: 30px;
}
.mvp-table .td-mvp-player-name .player-link {
    display: inline;
    margin-left: 4px;
    font-weight: 700;
    color: #929a9e !important;
}
.mvp-table .mvp-th-position {
    text-align: center;
    vertical-align: middle;
}
.mvp-table .mvp-expand .events-container {
    display: flex;
    flex-direction: column;
}
.mvp-table .mvp-expand .events-container .events-td-year {
    width: 30px;
    padding: 0 4px;
}
.mvp-table .mvp-expand .events-container .event {
    font-size: 9px;
    color: rgba(146, 154, 158, .65);
}
.mvp-table .mvp-expand td img {
    margin-right: 4px;
}

.top20-page {
    --awardBg: #121217;
    --awardTitleColor: #ffddb4;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px;
}
.top20-page .top20-header {
    background: url(/style/img/static/top20-header.webp), var(--awardBg);
    background-size: cover;
    height: 200px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    margin: -16px -16px 0;
}
.top20-page .top20-header-title {
    color: var(--awardTitleColor);
    font-size: 20px;
}
.top20-page .top20-header-title, .top20-page .top20-header-year {
    position: relative;
    z-index: 1;
}
.top20-page .top20-header-title h1 {
    font-size: 50px;
    margin: 0;
}
.top20-page .top20-header-year {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.top20-page .top20-award-card-bodyshot-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}
.top20-page .top20-header img {
    bottom: -40px;
}
.top20-page .top20-header .top20-award-card-bodyshot {
    max-width: 180px;
    position: absolute;
}
.top20-page .top20-header img:first-child {
    right: 40px;
    bottom: 20px;
    z-index: 2;
}
.top20-page .top20-header img:nth-child(2) {
    right: 120px;
    z-index: 1;
	bottom: 10px;
}
.top20-page .top20-header img:nth-child(3) {
    right: -40px;
	bottom: 0px;
}
.top20-page .top20-award-card-bodyshot-wrapper:after {
    content: "";
    position: absolute;
    height: 100px;
    background: linear-gradient(0deg, #26282a 30%, transparent);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
}
.top20-page .top20-award-links {
    display: flex;
    gap: 4px;
}
.top20-page .top20-header .top20-award-links {
    font-size: 14px;
    gap: 12px;
    position: relative;
}
.top20-page .top20-award-links a, .top20-page .top20-award-links button {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    height: 24px;
    border: 0;
}
.top20-page .top20-header .top20-award-links a, .top20-page .top20-header .top20-award-links button {
    padding: 0 16px;
    height: 32px;
}
@media (max-width: 500px) {
    .top20-page .top20-header {
        height: 140px;
    }
	.top20-page .top20-header-left {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.top20-page .top20-header-title h1 {
        font-size: 20px;
    }
	.top20-page .top20-header-year {
        font-size: 18px;
        margin-top: -8px;
    }
	.top20-page .top20-header .top20-award-card-bodyshot {
        max-width: 118px;
    }
	.top20-page .top20-header img:first-child {
        bottom: 0;
        right: 40px;
    }
	.top20-page .top20-header img:nth-child(2) {
        bottom: 0;
        right: 100px;
    }
	.top20-page .top20-header img:nth-child(3) {
        bottom: 0;
        right: -20px;
    }
	.top20-page .top20-award-card-bodyshot-wrapper:after {
        height: 70px;
    }
	.top20-page .top20-header .top20-award-links {
        flex-wrap: wrap;
        gap: 4px;
        font-size: 12px;
    }
	.top20-page .top20-header .top20-award-links a, .top20-page .top20-header .top20-award-links button {
        padding: 0 4px;
        height: 24px;
    }
}

.top20-page .top20-1st {
    background: rgba(255, 215, 0, .2);
    font-weight: 700;
}
.top20-page .top20-2nd {
    background: hsla(0, 0%, 75.3%, .12);
}
.top20-page .top20-3rd {
    background: rgba(205, 127, 50, .2);
}

.top20-page .top20-award-card {
    background: url(/style/img/static/top20_mini_bg.png), var(--awardBg);
    background-size: cover;
    border-radius: 4px;
    height: 140px;
    overflow: hidden;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.top20-page .top20-award-card-year {
    color: var(--awardTitleColor);
}
.top20-page .top20-award-card .top20-award-card-year, .top20-page .top20-award-card .top20-award-links {
    position: relative;
    z-index: 1;
}
.top20-page .top20-award-card .top20-award-card-year {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
}
.top20-page .top20-award-links {
    display: flex;
    gap: 4px;
}
.top20-page .top20-award-card .top20-award-links a {
    padding: 0 4px;
}
.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper {
    top: 30px;
}
.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper .top20-award-card-bodyshot {
    max-width: 90px;
    position: absolute;
}
.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:first-child {
    z-index: 3;
    right: 30px;
	top: 0px;
}
.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(2) {
    z-index: 2;
    right: 60px;
	top: 5px;
}
.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(3) {
    z-index: 1;
    right: 0px;
	top: 10px;
}

.scorebot .gamelog-2d-map-container {
    background: #080c0e;
}
.scorebot .minimap-container {
    background-color: rgba(0, 0, 0, .5);
}
.scorebot .topbarBg {
    width: 100%;
    height: 31px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.scorebot .gamelog-2d-map-container .topbarBg {
    padding: 0 8px;
    box-sizing: border-box;
}
.scorebot .topbarBg .round {
    width: 33.333%;
}
.scorebot .topbarBg .roundText {
    color: #929292;
    width: 33.333%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scorebot .topbarBg .currentRoundText {
    color: #bcbcbc;
}
.scorebot .topbarBg .score {
    width: 33.333%;
    display: flex;
    justify-content: center;
}
.scorebot .topbarBg .scoreText {
    font-size: 30px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(56, 56, 56, .35);
    -moz-transform: matrix(.7849801106, 0, 0, .7849801106, 0, 0);
    -webkit-transform: matrix(.7849801106, 0, 0, .7849801106, 0, 0);
    -ms-transform: matrix(.7849801106, 0, 0, .7849801106, 0, 0);
}
.scorebot .topbarBg .ctScore {
    color: #3681c5;
    text-align: right;
    padding-right: 2%;
    min-width: 30%;
}
.scorebot .topbarBg .scoreSeparater {
    color: #fff;
}
.scorebot .topbarBg .tScore {
    color: #f0b412;
    padding-left: 2%;
    min-width: 30%;
}
.scorebot .topbarBg .time {
    width: 33.333%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.scorebot .topbarBg .timeText {
    color: #fff;
    padding-right: 4px;
}
.scorebot .gamelog-2d-mini-map {
    height: 350px;
    width: 250px;
    margin: 0 auto;
    color: #fff;
    position: absolute;
    top: 0;
    right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: 4px;
    pointer-events: none;
}
.scorebot .gamelog-2d-mini-map.smartphoneView {
    position: relative;
    right: unset;
}
.scorebot .gamelog-2d-mini-map.smartphoneView.de_nuke {
    height: 150px;
    transform: translatex(-6px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_inferno {
    height: 250px
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_train {
    height: 225px;
    transform: translatex(-6px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_mirage {
    height: 200px;
    transform: translatex(-6px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_overpass {
    height: 270px;
    transform: translatex(-6px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_vertigo {
    height: 200px;
    transform: translatex(20px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_dust2 {
    height: 265px;
    transform: translatex(7px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_ancient {
    height: 230px;
    transform: translatex(7px)
}

.scorebot .gamelog-2d-mini-map.smartphoneView.de_anubis {
    height: 250px
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-mini-map-map-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 10px;
    box-sizing: border-box;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-mini-map-map-container .gamelog-2d-mini-map-map {
    max-width: 100%;
    max-height: 330px;
    position: relative;
    opacity: 1;
    filter: brightness(1) saturate(.65);
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross {
    filter: drop-shadow(0 0 2px black);
    position: absolute;
    transform: translate(-50%, -50%);
    width: 14px;
    transition: .25s;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross.fading {
    opacity: .5;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross.terrorist {
    fill: #fab200;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross.counter-terrorist {
    fill: #0091d4;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-weapon-container {
    position: absolute;
    transform: translate(-50%, -50%);
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-weapon {
    -webkit-animation: gamelogPopin .25s;
    animation: gamelogPopin .25s;
    transition: .25s;
    max-width: 34px;
    max-height: 13px;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-weapon.hide {
    opacity: 0;
}
.scorebot .players-alive-component {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}
.scorebot .players-alive-component .side-players {
    display: flex;
    gap: 5px;
    z-index: 2;
    height: 18px;
}
.scorebot .players-alive-component .side-players.ct-side {
    flex-direction: row-reverse;
}
.scorebot .players-alive-component:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: -10px;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent);
    z-index: 1;
    display: block;
}
.scorebot .players-alive-component .side-players .player {
    width: 18px;
    fill: hsla(0, 0%, 100%, .2);
}
.scorebot .players-alive-component .side-players .t-player {
    fill: #fab200;
}
.scorebot .players-alive-component .side-players .ct-player {
    fill: #0091d4;
}
.scorebot .gamelog {
    max-height: 360px;
    padding-left: 10px;
    color: silver;
    background-color: #2d3844;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.scorebot .gamelog .eventIn {
    -webkit-animation: event-in .25s cubic-bezier(.25,.46,.45,.94) both;
    animation: event-in .25s cubic-bezier(.25,.46,.45,.94) both;
}
.scorebot .gamelog .topPadding {
    padding-top: 10px;
}
.scorebot .gamelog .gamelogBox {
    display: inline-block;
    padding: 1px 8px 0;
    margin-top: 1px;
    border-radius: 7px;
}
.scorebot .gamelog .winnerTERRORIST {
    background: rgba(0, 0, 0, .75);
    border: 2px solid #fab200;
    color: #fff;
}
.scorebot .gamelog .playerKill {
    background: rgba(0, 0, 0, .75);
    border: 2px solid #af1813;
}





.scorebot .gamelog {
    max-height: 360px;
    padding-left: 10px;
    color: silver;
    background-color: #2d3844;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.scorebot .gamelog .list.desktop {
    background: linear-gradient(270deg, rgba(0, 0, 0, .55) 0, transparent);
}
.scorebot .gamelog .topPadding {
    padding-top: 10px;
}
.scorebot .gamelog .eventIn {
    -webkit-animation: event-in .25s cubic-bezier(.25,.46,.45,.94) both;
    animation: event-in .25s cubic-bezier(.25,.46,.45,.94) both;
}
.scorebot .gamelog .gamelogBox {
    display: inline-block;
    padding: 1px 8px 0;
    margin-top: 1px;
    border-radius: 7px;
}
.scorebot .gamelog .joinGame {
    background: rgba(0, 0, 0, .35);
    border: 2px solid rgba(41, 127, 36, .5);
    color: hsla(0, 0%, 75.3%, .5);
}
.scorebot .gamelog-2d-mini-map {
    height: 350px;
    width: 250px;
    margin: 0 auto;
    color: #fff;
    position: absolute;
    top: 0;
    right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: 4px;
    pointer-events: none;
}
.scorebot .gamelog-2d-mini-map.desktopView.de_vertigo {
    right: -34px;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-mini-map-map-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 10px;
    box-sizing: border-box;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-mini-map-map-container .gamelog-2d-mini-map-map {
    max-width: 100%;
    max-height: 330px;
    position: relative;
    opacity: .9;
    filter: brightness(.85) saturate(.65);
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross {
    filter: drop-shadow(0 0 2px black);
    position: absolute;
    transform: translate(-50%, -50%);
    width: 14px;
    transition: .25s;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross.fading {
    opacity: .5;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-killfeed-cross.counter-terrorist {
    fill: #0091d4;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 20px;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .pulse-animation {
    border: 10px solid red;
    background: transparent;
    border-radius: 100px;
    height: 28px;
    width: 28px;
    -webkit-animation: pulse 2s ease-out;
    animation: pulse 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: -14px;
    left: -14px;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .svg-bomb {
    z-index: 2;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .active {
    fill: #f69f19;
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .exploded {
    fill: red
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .defused {
    fill: #329800
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .defuse-kit {
    fill: #008cff;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-animation: explosion 1.3s ease-out;
    animation: explosion 1.3s ease-out;
    top: -45px;
    left: -18px
}
.scorebot .gamelog-2d-mini-map .gamelog-2d-bomb-plant-container .explosion-animation {
    border: 1px solid rgba(255,0,0,.5);
    background: rgba(255,0,0,.5);
    border-radius: 100px;
    height: 80px;
    width: 80px;
    -webkit-animation: explosion 1.3s ease-out;
    animation: explosion 1.3s ease-out;
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: -30px;
    left: -30px
}
@-webkit-keyframes explosion {
    0% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes explosion {
    0% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.pickems-cta-index {
    display: flex;
    background: no-repeat url(/style/img/static/pickems-cta2.webp);
    background-size: cover;
    height: 83px;
    overflow: hidden;
    gap: 16px;
    color: #fff;
    align-items: center;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 4px;
}
.pickems-cta-index .pickems-cta-left {
    line-height: 20px;
    flex: 1;
}
.pickems-cta-index .pickems-cta-green, .pickems-cta-index .pickems-cta-white {
    font-weight: 700;
    text-transform: uppercase;
}
.pickems-cta-index .pickems-cta-green {
    font-size: 21px;
    color: #ff3e6b;
}
.pickems-cta-index .pickems-cta-white {
    font-size: 17px;
    color: #fff;
}
.pickems-cta-index .pickems-cta-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 140px;
}
.pickems-cta-index .pickems-cta-right-top {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}
.pickems-cta-index .pickems-cta-countdown-wrapper {
    display: flex;
    flex: 1;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    text-align: center;
}
.pickems-cta-index .pickems-cta-countdown {
    box-sizing: border-box;
    height: 25px;
    width: 25px;
    background: rgba(12, 5, 30, .15);
    border: 1px solid rgba(255, 68, 118, .15);
    border-radius: 4px;
}
.pickems-cta-index .pickems-cta-countdown {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.pickems-cta-index .pickems-cta-number {
    color: #ff3e6b;
    font-weight: 700;
    line-height: 19px;
}
.pickems-cta-index .pickems-cta-interval {
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px;
}


.vod-popup-wrapper {
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
}
.vod-popup-wrapper * {
    box-sizing: border-box;
}
.vod-popup-wrapper .vod-popup-overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .65);
    display: flex;
    align-items: center;
    justify-content: center;
}
.vod-popup-wrapper .vod-popup {
    width: 802px;
    padding: 16px;
    color: hsla(0, 0%, 100%, .6);
    background: #151515;
    opacity: .85;
    box-shadow: 0 0 16.3529px rgba(0, 0, 0, .55);
}
.vod-popup-wrapper .vod-top-wrap {
    display: flex;
    gap: 16px;
}
.vod-popup-wrapper .vod-left-box {
    height: 390px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 480px;
    color: #fff;
}
.vod-popup-wrapper .vod-radar-bg {
    width: 80%;
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    opacity: .55;
}
.vod-popup-wrapper .box-gradient-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(50.08% 50% at 50.08% 50%, transparent 0, rgba(0, 0, 0, .7) 100%);
    border: .8px solid hsla(0, 0%, 100%, .2);
    z-index: -1;
}
.vod-popup-wrapper .vod-box-sponsor-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 1rem;
}
.vod-popup-wrapper .vod-box-sponsor-content .vod-popup-sponsor-logo {
    width: 90%;
    margin-top: -8px;
}
.vod-popup-wrapper .vod-text-box {
    overflow: hidden;
    font-size: 14px;
}
.vod-popup-wrapper h2 {
    font-size: 24px;
    margin: 8px 0;
    line-height: 120%;
    color: hsla(0, 0%, 100%, .9);
}
.vod-popup-wrapper h4 {
    line-height: 100%;
    margin: 8px 0 16px;
    font-weight: 300;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
}
.vod-popup-wrapper .vod-separator {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) -13.66%, #fff 50.69%, hsla(0, 0%, 100%, 0) 112.42%);
    height: 2px;
    opacity: .4;
}
.vod-popup-wrapper .vod-settings {
    margin: 16px 0;
}
.vod-popup-wrapper .vod-settings ul {
    margin: 0;
    padding-left: 24px;
    line-height: 125%;
}
.vod-popup-wrapper .vod-settings ul li {
    overflow: visible;
}
.vod-popup-wrapper .vod-text-box a {
    color: #87a3bf;
}
.vod-popup-wrapper .vod-bottom-wrap {
    font-size: 13px;
    margin: 14px 0 8px;
}
.vod-popup-wrapper .vod-loading-status {
    margin: 8px 0 4px;
}
.vod-popup-wrapper .vod-loading-status:after {
    content: "";
    #-webkit-animation: vod-status 6s;
    #animation: vod-status 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-weight: 800;
}
.vod-popup-wrapper .vod-loading-wrap {
    position: relative;
}
.vod-popup-wrapper .vod-loading-bar {
    height: 4px;
    background: #000;
    width: 100%;
    position: absolute;
}
.vod-popup-wrapper .loading-progress {
    #-webkit-animation: vod-loading 5s ease;
    #animation: vod-loading 5s ease;
    background: linear-gradient(270deg, #24ff00, #2c6700);
    transition: width 1s ease;
}

.carousel-slider-section .carousel-slider-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.carousel-slider-section .carousel-slider-header-wrapper .carousel-slider-controller {
    display: flex;
    gap: 16px;
}
.carousel-slider-section .carousel-slider-header-wrapper .carousel-slider-controller button {
    background: 0;
    border: 0;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    color: rgba(145, 168, 179, .65);
}
.carousel-slider-section .carousel-slider-elements {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
}
.carousel-slider-section .linked-events-container-slider {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 24px 16px 16px;
    scrollbar-width: auto !important;
    flex-direction: unset;
}
.linked-events-container .linked-events-container-slider .linked-event {
    flex: 0 0 24.9%;
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 4px;
    position: relative;
    padding: 4px;
    background: #f6f6f9;
    height: 50px;
}
[data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event {
    background: #364250;
}
.linked-events-container .linked-events-container-slider .linked-event.active-event .linked-event-left:after {
    content: "Live";
    position: absolute;
    top: -18px;
    left: 0;
    text-transform: uppercase;
    background: #8f0303;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 8px;
    z-index: 1
}
.linked-events-container .linked-events-container-slider .linked-event:last-child:after {
    width: 100%;
    display: none
}
.linked-events-container .linked-events-container-slider .linked-event:before {
    content: "";
    height: 9px;
    width: 9px;
    position: absolute;
    border-radius: 100px;
    background: #ebebeb;
    top: -16px;
    left: 0;
}
[data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event:before {
    background: #26303c;
}
.linked-events-container .linked-events-container-slider .linked-event:hover, .linked-events-container .linked-events-container-slider .linked-event:hover:after, .linked-events-container .linked-events-container-slider .linked-event:hover:before {
    background: #ededef;
    text-decoration: none;
}
[data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event:hover, [data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event:hover:after, [data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event:hover:before {
    background: #45515f;
}
.linked-events-container .linked-events-container-slider .linked-event-title {
    font-weight: 700;
    font-size: 11px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    line-height: 13px;
}
.linked-events-container .linked-events-container-slider .linked-event-info {
    font-size: 10px;
    color: rgba(14, 42, 64, .65);
}
[data-bs-theme=dark] .linked-events-container .linked-events-container-slider .linked-event-info {
    color: rgba(145, 168, 179, .65);
}
@media (max-width: 500px) {
    .linked-events-container .linked-events-container-slider .linked-event {
        flex: 0 0 200px;
        height: 40px;
    }
}

.blast-simulator {
    background-image: url(/style/img/blast/bounty-bg-C4ZzwOdF.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.blast-simulator .blast-container {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 80rem;
    gap: 1.25rem;
    overflow: auto;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    flex-direction: row;
}
.blast-simulator .blast-left {
    display: flex;
    min-height: 100dvh;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 1.25rem !important;
    overflow: auto;
    padding-bottom: 0;
}
.blast-simulator .blast-title {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.blast-simulator .font-style-subheading-1 {
    font-style: normal;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0;
}
.blast-simulator .subheading-list {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}
.blast-simulator .subheading-list .list {
    display: flex;
    align-items: center;
    gap: .375rem;
}
.blast-simulator .subheading-list .list .buble {
    display: flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: rgb(255 254 62 / 1);
}
.blast-simulator .subheading-list .list .buble span {
    color: rgb(31 12 25 / 1);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .8px;
}
.blast-simulator .subheading-list .list .font-style-b3-body-copy {
    font-style: normal;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: 0;
}
.blast-simulator .blast-stage {
    display: flex;
    column-gap: .5rem;
}
.blast-simulator .blast-stage button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    border-color: #8d858c;
    background-color: rgb(54 36 49 / 1);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #8d858c;
    font-style: normal;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: 0;
}
.blast-simulator .blast-stage button.active {
    border-color: rgb(255 255 255 / 1);
    color: rgb(255 255 255 / 1);
}
.blast-simulator .blast-stage-list {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 380px);
}
.blast-simulator .blast-stage-list .blast-stage-blocks {
    display: flex;
    width: 100%;
    gap: .5rem;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: .5rem;
}
.blast-simulator .blast-stage-list .block {
    width: 32.733333%;
}
.blast-simulator .blast-stage-list .block .block-stage {
    border: 2px solid rgb(54 36 49 / 1);
    border-radius: 4px;
    padding: .5rem;
    width: 100%;
}
.blast-simulator .blast-stage-list .block .block-stage .title-stage {
    display: block;
    width: 100%;
    padding-bottom: .5rem;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .96px;
}
.blast-simulator .blast-stage-list .block .block-stage .matcheslist {
    display: grid;
    column-gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.blast-simulator .blast-stage-list .block .block-stage .matchesbox {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .25rem;
    border-radius: 4px;
    background-color: rgb(54 36 49 / 1);
    padding: .25rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: .25rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .team {
    grid-column: span 5 / span 5;
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .team .box {
    display: flex;
    column-gap: .5rem;
    border: 2px solid rgb(31 12 25 / 1);
    border-radius: 4px;
    background-color: rgb(31 12 25 / 1);
    padding: .5rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .team .box img {
    width: .75rem;
    height: .75rem;
    object-fit: contain;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .team .box .name {
    font-style: normal;
    font-size: 10px;
    font-weight: 450;
    line-height: 14px;
    letter-spacing: 0;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .team .box .name .rank {
    font-style: normal;
    font-size: 8px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: 0;
    margin-left: .25rem;
    color: rgb(141 133 140 / 1);
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .vs {
    grid-column: span 2 / span 2;
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .header .vs div {
    display: flex;
    height: 2.125rem;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: rgb(42 24 37 / 1);
    text-transform: uppercase;
    font-style: normal;
    font-size: 10px;
    font-weight: 450;
    line-height: 14px;
    letter-spacing: 0;
}
.blast-simulator .blast-stage-list .block .block-stage .match .blast-footer {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: .5rem;
}
.blast-simulator .blast-stage-list .block .block-stage .match .blast-footer .money {
    grid-column: span 5 / span 5;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .8px;
}
.blast-simulator .blast-stage-list .block .block-stage .match .blast-footer .bounties {
    grid-column: span 2 / span 2;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: rgb(141 133 140 / 1);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 6px;
    line-height: 6px;
    letter-spacing: .48px;
}
.blast-simulator .blast-right {
    width: 18rem;
    display: block;
}
.blast-simulator .blast-right .fixed {
    padding-bottom: 3rem;
    scrollbar-width: none;
    position: fixed;
    height: calc(-60px + 100vh);
    width: 21.5rem;
    overflow-y: scroll;
}
.blast-simulator .blast-right .font-style-label-3, .blast-simulator-modal .font-style-label-3 {
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .96px;
}
.blast-simulator .blast-right .font-style-subheading-4, .blast-simulator-modal .font-style-subheading-4 {
    font-style: normal;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
}
.blast-simulator .blast-right .font-style-label-1, .blast-simulator-modal .font-style-label-1 {
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1.44px;
}
.blast-simulator .blast-right table, .blast-simulator-modal table {
    border-collapse: separate;
    border-spacing: 0 .25rem;
}
.blast-simulator .blast-right table thead th, .blast-simulator-modal table thead th {
    color: rgb(141 133 140 / 1);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .8px;
}
.blast-simulator .blast-right table thead th:first-child, .blast-simulator-modal table thead th:first-child {
    padding-left: .5rem;
}
.blast-simulator .blast-right table tbody tr.bg-canvas-95, .blast-simulator-modal table tbody tr.bg-canvas-95 {
    background-color: rgb(42 24 37 / 1);
}
.blast-simulator .blast-right table tbody tr.bg-canvas-90, .blast-simulator-modal table tbody tr.bg-canvas-90 {
    background-color: rgb(54 36 49 / 1) !important;
}
.blast-simulator .blast-right table tbody td, .blast-simulator-modal table tbody td {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: transparent;
    padding-top: .625rem;
    padding-bottom: .625rem;
}
.blast-simulator .blast-right table tbody td:first-child, .blast-simulator-modal table tbody td:first-child {
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-left-width: 1px;
    padding-left: .5rem;
}
.blast-simulator .blast-right table tbody td:last-child, .blast-simulator-modal table tbody td:last-child {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-right-width: 1px;
}
.blast-simulator .blast-right .font-style-b4-body-copy, .blast-simulator-modal .font-style-b4-body-copy {
    font-style: normal;
    font-size: 10px;
    font-weight: 450;
    line-height: 14px;
    letter-spacing: 0;
}
.blast-simulator .blast-right table tbody td img, .blast-simulator-modal table tbody td img {
    width: .875rem;
    height: .875rem;
}
.blast-simulator .blast-right .text-foreground-90, .blast-simulator-modal .text-foreground-90 {
    color: rgb(210 206 209 / 1);
}
.blast-simulator .blast-right .font-style-label-4, .blast-simulator-modal .font-style-label-4 {
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .8px;
}
.blast-simulator .bg-gradient-to-tr, .blast-simulator-modal .bg-gradient-to-tr {
    background-clip: text;
    color: #0000;
    background-image: linear-gradient(to top right in oklab, #FFFADD 0%, #FFDA79 50%, #FFD700 100%);
}
.blast-simulator .bg-transparent td, .blast-simulator-modal .bg-transparent td {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-color: rgb(77 61 72 / 1) !important;
}
.blast-simulator .winner-block, .blast-simulator-modal .winner-block {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .25rem;
    border-radius: 4px;
    background-image: linear-gradient(223.97deg, #fffadd33 11.07%, #ffda7933 32.21%, #ffd70033 64.57%, #fff3 89.07%);
    padding: 1rem;
}
.blast-simulator .blast-leaderboard-btn, .blast-simulator-modal .blast-leaderboard-btn {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 600;
    height: 4rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
    background-color: rgb(77 61 72 / 1);
    padding: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .96px;
    border: 0;
}
@media (max-width: 500px) {
    .blast-simulator .blast-container {
        position: relative;
        display: flex;
        width: 100%;
        max-width: 80rem;
        flex-direction: column;
        gap: 1.25rem;
        overflow: auto;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .blast-simulator .blast-left {
        display: flex;
        min-height: 100dvh;
        width: 100%;
        flex: 1 1 0%;
        flex-direction: column;
        gap: 1.25rem !important;
        overflow: unset;
        padding-bottom: 5rem;
        height: 100%;
    }
    .blast-simulator .blast-stage-list {
        position: relative;
        width: 100%;
        min-height: calc(100vh - 416.5px);
    }
    .blast-simulator .blast-stage-list .blast-stage-blocks {
        flex-direction: column;
    }
    .blast-simulator .blast-stage-list .block {
        width: 100%;
    }
    .blast-simulator .blast-leaderboard-btn, .blast-simulator-modal .blast-leaderboard-btn {
        display: flex;
    }
    .blast-simulator .blast-right {
        display: none;
    }
}

.vrs-holder .vrs-team {
    text-align: left;
    display: flex;
    align-items: center;
}
.vrs-holder .vrs-team-logo-wrapper {
    width: 20px;
    flex: 0 0 20px;
}
.vrs-holder .vrs-team-logo-wrapper img {
    max-height: 16px;
    max-width: 18px;
}
.vrs-holder .vrs-points {
    width: 80px;
    text-align: right;
}
.vrs-holder .vrs-placement-btn {
    background: #c16f0c;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 0 4px;
}
.vrs-holder .positive {
    color: #09c100 !important;
}
.vrs-holder .negative {
    color: #fc1d1d !important;
}
.vrs-holder .finished-points {
    color: rgba(145, 168, 179, .65);
    font-size: 10px;
    display: inline-block;
}

.valve-ranking-region-spot {
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
    margin-top: 1.5rem !important;
    padding: 1rem !important;
    border-radius: var(--tblr-border-radius) !important;
}
.valve-ranking-region-spot-header {
    font-size: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    color: rgba(146, 154, 158, .65);
    margin-bottom: 0px;
    margin-top: -39px;
    height: 45px;
    #background: #2d3844;
    font-weight: 700;
}
.valve-ranking-region-spot-header .spot-divider {
    flex: 1;
    min-width: 8px;
    height: 1px;
    #background: #495867;
}
.valve-ranking-region-spot-header a {
    color: inherit;
    font-weight: inherit;
    background: #435971;
    color: #fff;
    border-radius: 4px;
    padding: 0 8px;
}
.ranked-team {
    border: 0 !important;
    margin-bottom: 0.25rem !important;
    border-radius: 0 !important;
}
.valve-ranking-region-spot.not-qualified .ranking-header {
    opacity: 0.55;
    filter: saturate(0);
}


.chart-container .border-box {
    padding: 16px;
}
.chart-container .ranking-info {
    display: flex;
    gap: 24px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.chart-container .ranking-info .flex-col {
    display: flex;
    flex-direction: column;
}
.chart-container .ranking-info .push-right {
    margin-left: auto;
}
.chart-container .ranking-info .sub-title {
    font-size: 10px;
    opacity: .5;
    width: 100%;
    display: flex;
}
.chart-container .ranking-info .flex {
    display: flex;
    gap: 4px;
    align-items: center;
}
.chart-container .h-rank {
    font-weight: 700;
}
.chart-container .ranking-info .value {
    font-size: 16px;
    color: #929a9e;
}
.chart-container .v-rank {
    background: #364250;
    padding: 0 6px;
    font-size: 13px !important;
    border-radius: 4px;
}
.chart-container .v-rank:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px;
}
.ranking-info .value {
    font-size: 16px;
    color: #929a9e;
}

.ranking-development-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    #font-family: Open Sans, sans-serif !important;
    width: 275px;
    background:var(--tblr-bg-surface);
    color: #929a9e;
    padding: 5px;
}
.ranking-development-tooltip .ranking-development-top-info {
    display: flex;
    justify-content: space-between;
}
.ranking-development-tooltip .flex-col {
    display: flex;
    flex-direction: column;
}
.ranking-development-tooltip .ranking-development-top-info .subtitle {
    font-size: 10px;
    opacity: .5;
    display: flex;
    text-align: right;
    align-self: flex-end;
}
.ranking-development-tooltip .ranking-development-top-info .title {
    font-size: 14px;
}
.ranking-development-tooltip .flex {
    display: flex;
    gap: 8px;
}
.ranking-development-tooltip .flex-col {
    display: flex;
    flex-direction: column;
}
.ranking-development-tooltip .v-rank-box {
    padding: 4px;
    background: #1b1f23;
    border-radius: 4px;
}
.ranking-development-tooltip .v-rank-tooltip {
    font-size: 11px !important;
}
.ranking-development-tooltip .v-rank-tooltip:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px;
}
.ranking-development-tooltip .ranking-development-top-info .positive {
    opacity: 1;
    color: #09c100;
}
.ranking-development-tooltip .ranking-development-top-info .negative {
    opacity: 1;
    color: #fc1d1d
}

.fragments {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 32px;
}
.fragments .fragment {
    background: rgba(54, 66, 80, .75);
    padding: 16px;
    border-top: 3px solid #486483;
    border-radius: 4px;
    position: relative;
}
.fragments .fragment.breaking {
    background: #3d413e;
    border-top: 3px solid #ffcc3b;
    color: #aeb0b1;
}
.fragments .fragment .fragment-author-time-wrapper {
    position: absolute;
    top: -31px;
    display: flex;
    gap: 6px;
}
.fragments .fragment .fragment-time {
    font-size: 12px;
    display: flex;
    gap: 4px;
    align-items: center;
    background-color: #486483;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px 4px 0 0;
}
.fragments .fragment-headline-wrapper {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.fragments .fragment .fragment-headline {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #a2a7ab;
    scroll-margin-top: 50px;
    flex: 1;
}
.fragments .fragment.breaking .fragment-headline {
    color: #aeb0b1;
}
.fragments .fragment-headline-match-wrapper {
    display: flex;
    gap: 8px;
    background: rgba(0, 0, 0, .1);
    border-radius: 4px;
    align-items: center;
    padding: 4px;
    position: relative;
    top: 4px;
}
.fragments .fragment-headline-match-team-logo-container {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.fragments .fragment-headline-match-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
}
.fragments .fragment-headline-match-wrapper-text {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(145, 168, 179, .65);
}

.groups-container {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -10px;
    align-items: flex-start;
}
.groups-container .group {
    flex: 1 1 48%;
    min-width: 300px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.swiss-visual-container {
    display: flex;
    gap: 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    overflow-x: auto;
}
.swiss-visual-container .swiss-visual-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 16px;
    max-width: 145px;
    min-width: 126px;
}
.swiss-visual-container .swiss-visual-column.upcoming .swiss-visual-matchup {
    background: #364250;
}
.swiss-visual-container .swiss-visual-matchups-wrapper {
    position: relative;
    background-color: var(--tblr-card-bg);
}
.swiss-visual-container .swiss-visual-matchups-title {
    color: rgba(14, 42, 64, 0.65);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchups-title {
    color: rgba(145, 168, 179, 0.65);
}
.swiss-visual-container .swiss-visual-matchups-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.swiss-visual-container .swiss-visual-matchups-container:has(.undecided) {
    background: #EBEBEB;
    border-radius: 4px 0 4px 4px;
    gap: 0;
    position: relative;
    border: 1px solid #cccccc;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchups-container:has(.undecided) {
    background: #26303c;
    border: 1px solid #495867;
}
.swiss-visual-container .swiss-visual-matchups-container:has(.undecided):after {
    content: "TBD";
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    background: #cccccc;
    right: -1px;
    top: -15px;
    border-radius: 4px 4px 0 0;
    padding: 0 4px;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchups-container:has(.undecided):after {
    background: #495867;
}
.swiss-visual-container .swiss-visual-matchup {
    height: 38px;
    background: #ebebeb;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 12px 1fr;
    gap: 2px;
    align-items: center;
    position: relative;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchup {
    background: #26303c;
}
.swiss-visual-container .swiss-visual-matchup:hover {
    background: #dadada;
    cursor: pointer
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchup:hover {
    background: #1d252f;
}
.swiss-visual-container .swiss-visual-matchup.live-swiss-match {
    border: 1px solid #8f0303;
}
.swiss-visual-container .swiss-visual-matchup.live-swiss-match:before {
    content: "LIVE";
    position: absolute;
    background: #8f0303;
    color: #fff;
    left: 50%;
    top: 0;
    font-size: 9px;
    transform: translateX(-50%);
    padding: 0px 5px;
    border-radius: 0 0 4px 4px;
    height: 9px;
    line-height: 9px;
}
.swiss-visual-container .swiss-visual-team {
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .05);
    border: 1px solid hsla(0, 0%, 100%, .15);
    display: inline-flex;
    height: 30px;
    width: 30px;
    flex: 0 0 30px;
    border-radius: 100px;
    justify-self: center;
}
.swiss-visual-container .swiss-visual-team.swiss-visual-match-winner {
    border: 1px solid rgba(0, 128, 0, .4215686275);
    background: rgba(0, 128, 0, .3509803922);
}
.swiss-visual-container .swiss-visual-team.swiss-visual-match-live {
    border: 1px solid rgba(128, 128, 0, .4215686275);
    background: rgba(128, 128, 0, .3509803922);
}
.swiss-visual-container .swiss-visual-team.loser {
    opacity: 0.5;
    filter: saturate(0);
}
.swiss-visual-container .swiss-visual-matchup:first-child:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 8px;
    background: url(/style/img/swiss-advance.webp) no-repeat top, linear-gradient(270deg, rgba(0, 177, 14, .3), #fff);
    background-size: 40px 8px;
    left: calc(100% - 8px);
    top: 9px;
    transform: rotate(-30deg);
    z-index: -1;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchup:first-child:after {
    background: url(/style/img/swiss-advance.webp) no-repeat top, linear-gradient(270deg, rgba(0, 177, 14, .3), #2d3844);
}
.swiss-visual-container .swiss-visual-matchup:last-child:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 8px;
    background: rgba(255, 0, 0, .2);
    background: url(/style/img/swiss-eliminate.webp) no-repeat top, linear-gradient(270deg, rgba(177, 0, 0, .5), #fff);
    background-size: 40px 8px;
    left: calc(100% - 8px);
    bottom: 9px;
    transform: rotate(30deg);
    z-index: -1;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-matchup:last-child:after {
    background: url(/style/img/swiss-eliminate.webp) no-repeat top, linear-gradient(270deg, rgba(177, 0, 0, .5), #2d3844);
}
.swiss-visual-container .swiss-visual-matchups-advanced {
    background: linear-gradient(0deg, #018524, #106401);
}
.swiss-visual-container .swiss-visual-matchups-advanced, .swiss-visual-container .swiss-visual-matchups-eliminated {
    flex: 1;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.swiss-visual-container .swiss-visual-matchups-advanced .swiss-visual-matchups-title {
    color: #fff;
}
.swiss-visual-container .swiss-visual-matchups-eliminated .swiss-visual-matchups-title {
    color: #fff;
}
.swiss-visual-container .swiss-visual-matchups-advanced .swiss-visual-matchups-title, .swiss-visual-container .swiss-visual-matchups-eliminated .swiss-visual-matchups-title {
    text-align: center;
}
.swiss-visual-container .swiss-matchups-team-wrapper {
    display: flex;
    padding: 8px;
    box-sizing: border-box;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    gap: 10px;
}
.swiss-visual-container .swiss-visual-matchups-advanced .swiss-visual-team {
    background: #005e00;
}
.swiss-visual-container .swiss-visual-matchups-eliminated .swiss-visual-team {
    background: #4a0000;
}
.swiss-visual-container .swiss-visual-matchups-eliminated {
    background: linear-gradient(0deg, #850101, #640101);
}
.swiss-visual-container .swiss-visual-column:last-child .swiss-visual-matchups-wrapper .swiss-visual-matchup:first-child:after {
    transform: rotate(-90deg);
    left: 52px;
    top: -30px;
}
.swiss-visual-container .swiss-visual-column:last-child .swiss-visual-matchups-wrapper .swiss-visual-matchup:last-child:after {
    transform: rotate(90deg);
    left: 52px;
    bottom: -11px;
}
.swiss-visual-container .swiss-visual-column.inactive .swiss-visual-matchup {
    background: #f6f6f9;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-column.inactive .swiss-visual-matchup {
    background: #364250;
}
.swiss-visual-container .swiss-visual-column.inactive .swiss-visual-team {
    opacity: .4;
}
.swiss-visual-container .swiss-visual-column.inactive .swiss-visual-matchup:after {
    background: url(/style/img/swiss-neutral.webp) no-repeat top, linear-gradient(270deg, hsla(0, 0%, 54.9%, .3), #fff);
    background-size: 40px 8px;
    opacity: .6;
    pointer-events: none;
}
[data-bs-theme=dark] .swiss-visual-container .swiss-visual-column.inactive .swiss-visual-matchup:after {
    background: url(/style/img/swiss-neutral.webp) no-repeat top, linear-gradient(270deg, hsla(0, 0%, 54.9%, .3), #2d3844);
    background-size: 40px 8px;
    opacity: .6;
    pointer-events: none;
}
.fNNlSF {
    position: relative;
    margin-bottom: 8px;
    overflow: hidden;
}
.ggplEv {
    position: absolute;
    top: 12px;
    left: 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    padding: 4px 8px;
    background: rgb(0, 0, 0);
    border-radius: 4px;
    z-index: 99999;
}
.giYTyJ {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transition: 0.2s;
}
.TQcJb {
    transform: scale(4);
}

.toggle-bracket-predict, .toggle-group-predict, .toggle-swiss-group-display, .toggle-group-swiss-simulator {
    font-size: 11px;
    display: flex;
    height: 22px;
    transition: 0.2s ease;
    align-items: center;
    line-height: 11px;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    bottom: 2px;
    float: right;
}

.toggle-group-predict, .toggle-group-swiss-simulator {
    margin-right: 8px;
}

.match-page #chart {
    height: 300px;
    align-self: center;
    overflow: visible;
}
.match-page .background-polygon {
    fill: #404348;
    stroke: #555;
    stroke-width: 1;
}
.match-page .marker {
    fill: none;
    stroke: #5e6165;
    stroke-width: 1;
}
.match-page #chart text {
    fill: hsla(0, 0%, 100%, .35);
    font-size: 11px;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.match-page .overlay {
    stroke-width: 1;
}
.match-page .overlay#overlay1 {
    fill: rgba(189, 139, 32, .5);
    stroke: #bd8b20;
}
.match-page .overlay#overlay2 {
    fill: rgba(72, 136, 195, .5);
    stroke: #4888c3;
}

.t-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
    position: absolute;
    height: 100%;
    width: 175px;
    right: -28px;
    clip-path: polygon(0 0, 143px 0, 120px 20px, 114px 45px, 0 100px);
    transform: translateX(calc(100% - 140px));
}
.t-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
}
.t-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
}
.ct-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 150px;
    left: -28px;
    clip-path: polygon(270px 60px, 270px 0, 0 0, 20px 20px, 25px 50px);
}
.ct-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
}
.ct-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
}
.player-summary-stat-half-circle {
    --percentage: var(--value);
    --primary: var(--color);
    --secondary: #5e7084;
    color: var(--color);
    width: 100%;
    aspect-ratio: 2 / 1;
    border-radius: 50% / 100% 100% 0 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    margin-top: -28px;
    z-index: 1;
}
.player-summary-stat-half-circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(from 270deg at 50% 100%, var(--primary) calc(var(--percentage) * 1% / 2), var(--secondary) calc(var(--percentage) * 1% / 2 + .1%));
    -webkit-mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(at 50% 100%, transparent 65%, #000 66.5%);
    -webkit-mask-mode: alpha;
}





.stats-section .player-summary-stat-box {
    background: linear-gradient(270deg, #171c22, #3a4755);
    height: 278px;
    display: flex;
    color: #fff;
    --teamColor: #2d6da3;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left {
    flex: 0 0 176px;
    width: 176px;
    position: relative;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left svg {
    position: absolute;
    left: 0;
    top: 0;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-banner-wrapper {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-flag .flag {
    width: 30px;
    height: auto;
    border: 0;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-team-logo-wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-team-logo-wrapper img {
    max-height: 100%;
    max-width: 100%;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-bodyshot-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-image: linear-gradient(0deg, transparent 17%, #000 37%);
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-bodyshot {
    position: absolute;
    left: -34px;
    height: 330px;
    top: 29px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-text-wrapper {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-nickname {
    font-weight: 700;
    font-size: 24px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper {
    display: flex;
    font-size: 10px;
    opacity: .65;
    justify-content: center;
    margin-top: -6px;
    flex-wrap: wrap;
    line-height: 12px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper div:not(:first-child):before {
    content: "•";
    margin-right: 4px;
    margin-left: 4px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-info-wrapper {
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-btn {
    background: #435971;
    padding: 2px 8px;
    border-radius: 4px 4px 0 0;
    height: 20px;
    font-size: 13px;
    color: #fff !important;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-left:after {
    content: "";
    height: 100%;
    width: 33px;
    display: block;
    background: linear-gradient(90deg, #1c252d, rgba(43, 52, 61, 0));
    z-index: 0;
    position: absolute;
    left: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.stats-section .player-summary-stat-box .player-summary-stats-box-right-bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.stats-section .player-summary-stat-box .player-summary-ct-bg-img, .stats-section .player-summary-stat-box .player-summary-t-bg-img {
    position: absolute;
    top: 0;
    opacity: .3;
}
.stats-section .player-summary-stat-box .player-summary-ct-bg-img {
    right: -6px;
}
.stats-section .player-summary-stat-box .player-summary-t-bg-img {
    left: -44px;
    top: 22px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-top {
    font-size: 10px;
    height: 22px;
    background: #333c47;
    color: hsla(0, 0%, 100%, .65);
    z-index: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center;
    position: absolute;
    right: 0;
    padding: 0 8px;
    border-radius: 0 0 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-middle {
    display: flex;
    justify-content: center;
    flex: 1;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-top: -24px;
}
.stats-section .player-summary-stat-box .t-rating {
    color: #e0a42d;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.t-rating {
    text-align: right;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-background-wrapper {
    position: relative;
    height: 44px;
    line-height: 28px;
}
.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
    position: absolute;
    height: 100%;
    width: 100%;
    right: -28px;
    clip-path: polygon(0 0, 132px 0, 113px 20px, 104px 50px, 0 100px);
    transform: translateX(calc(100% - 132px));
}
.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
}
.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-text {
    font-size: 11px;
    font-weight: 400;
    opacity: .65;
    margin-top: -8px;
    text-transform: uppercase;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.t-rating .player-summary-stat-box-side-rating-text {
    margin-right: 10px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper {
    --color: #000;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper {
    flex: 0 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper.average {
    --color: #e3ae08;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-half-circle {
    --percentage: var(--value);
    --primary: var(--color);
    --secondary: #5e7084;
    color: var(--color);
    width: 100%;
    aspect-ratio: 2 / 1;
    border-radius: 50% / 100% 100% 0 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    margin-top: -28px;
    z-index: 1;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-half-circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(from 270deg at 50% 100%, var(--primary) calc(var(--percentage) * 1% / 2), var(--secondary) calc(var(--percentage) * 1% / 2 + .1%));
    -webkit-mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(at 50% 100%, transparent 65%, #000 66.5%);
    -webkit-mask-mode: alpha;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicator {
    z-index: 99;
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #fff;
    top: -4px;
    left: 0;
    transition: 1.5s ease;
    opacity: 0;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicatorAverage {
    background-color: #97cfff !important;
    box-shadow: none !important;
    left: 0;
    width: 2px;
    opacity: .65;
    transition: .1s ease;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-rating-avg-wrapper {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% + 5px);
    left: 50%;
    top: auto;
    bottom: -5px;
    transform: translateX(-50%) rotate(calc(var(--value) * 1.8deg - 90deg));
    transform-origin: bottom center;
    clip-path: inset(0 0 80% 0);
    transition: 0s !important;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicatorAverage.hiddenIndicator {
    opacity: 0;
    left: 0;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-text {
    text-transform: uppercase;
    font-size: 9px;
    margin-bottom: -8px;
    color: var(--color);
}
.stats-section .player-summary-stat-box .player-summary-stat-box-rating-data-text {
    font-size: 28px;
    font-weight: 700;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-data-description-text {
    position: relative;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-description-text, .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-text {
    font-size: 10px;
    font-weight: 400;
    margin-top: -8px;
    color: rgba(158, 200, 241, .65);
    text-transform: uppercase;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.stats-section .player-summary-stat-box .ct-rating {
    color: #2c6ea4;
}
.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    left: -28px;
    clip-path: polygon(270px 60px, 270px 0, 0 0, 20px 20px, 25px 50px);
}
.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
}
.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
}
.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.ct-rating .player-summary-stat-box-side-rating-text {
    margin-left: 10px;
}
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    padding: 0 16px 24px;
    margin-top: -32px;
}

.dIzggC {
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: rgb(37, 42, 49);
    border-radius: 2px;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    transition: background 0.2s ease-in-out;
}
.dIzggC:hover {
    background: rgb(41, 47, 53);
}

.fullscreen-active .col-sm-8 {
    flex: 0 0 auto;
    width: 75%;
}

.fullscreen-active .col-sm-4 {
    flex: 0 0 auto;
    width: 25%;
}

.fullscreen-active .ReplayWrapper {
    max-height: 87vh;
}

.timeline-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 30px;
    background: transparent !important;
    outline: none;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
}
/* Ползунок */
.timeline-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1px;
    height: 30px;
    background: white;
    box-shadow: 0 0 15px rgba(74, 144, 226, 0.7), 0 2px 8px rgba(0,0,0,0.4);
    border: 2px solid #1ac51a;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    z-index: 3;
}
/* Эффект при наведении на ползунок */
.timeline-slider::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    background: #4a90e2;
    box-shadow: 0 0 25px rgba(74, 144, 226, 0.9);
}

/* Эффект при нажатии */
.timeline-slider::-webkit-slider-thumb:active {
    transform: scale(1.1);
    background: #2171cc;
}

/* Только заполненная часть видна */
.timeline-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #4a90e2 0%, #4a90e2 var(--progress), transparent var(--progress), transparent 100%);
}