/* imports */
/* vars */
:root {
	--regular-font: 400;
	--medium-font: 500;
	--bold-font: 700;
	--black-font: 800;
	--main-font: "A1ALWinnerSans", sans-serif;
	--main-font-narrow: "A1ALWinnerSans-Narrow", sans-serif;
	--main-font-comp: "A1ALWinnerSans-Comp", sans-serif;
	--main-font-ultra-comp: "A1ALWinnerSans-UltraComp", sans-serif;
	--main-font-wide: "A1ALWinnerSans-Wide", sans-serif;
	--secondary-font: "Inter", sans-serif;

	--white: #ffffff;
	--black: #000000;
	--light-grey: #797979;
	--black-light: #1a1919;
	--a1: #eb140a;
	--a1-lighter: #f0231a;
	--blue-grey: #dcebf2;
	--fortnite: #ffe922;
	--pubg: #ffdc1f;
	--cs: #fcac00;
	--tekken: #ff6f00;
	--gotx: #ff5500;
	--fc-mobile: #c551ff;
	--brawl-stars: #34ff94;
	--fc24: #3ffd44;
	--clash-royale: #2776ff;
	--rocket-league: #29b1ff;
	--lol: #0af3ff;

	--ease: cubic-bezier(0.65, 0.05, 0.36, 1);
}
/* normalize html */
html {
	box-sizing: border-box;
	font-size: 6.69vw;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: inherit;
	text-decoration: none;
}
.a7 {
	font-family: var(--main-font-narrow);
	font-weight: var(--black-font);
	font-size: 2.2rem;
	line-height: 2.18rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.a7 {
		font-size: 0.8rem;
		line-height: 0.76rem;
	}
}
.a6 {
	font-family: var(--main-font-comp);
	font-weight: var(--black-font);
	font-size: 1.7rem;
	line-height: 1.65rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.a6 {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}
.a5 {
	font-family: var(--main-font-narrow);
	font-weight: var(--black-font);
	font-size: 1.2rem;
	line-height: 1.1rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.a5 {
		font-size: 0.8rem;
		line-height: 0.9em;
	}
}
.a4 {
	font-family: var(--main-font-narrow);
	font-weight: var(--black-font);
	font-size: 1rem;
	line-height: 0.9rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.a4 {
		font-size: 0.72rem;
		line-height: 0.68rem;
	}
}
.a3 {
	font-family: var(--main-font-narrow);
	font-weight: var(--black-font);
	font-size: 0.5rem;
	line-height: 0.48rem;
	letter-spacing: -0.01em;
}
.a2 {
	font-family: var(--main-font-narrow);
	font-weight: var(--black-font);
	font-size: 0.38rem;
	line-height: 0.36rem;
	letter-spacing: -0.01em;
}
.a1 {
	font-family: var(--main-font);
	font-weight: var(--medium-font);
	font-size: 0.25rem;
	line-height: 0.28rem;
	letter-spacing: 0;
}
.b0 {
	font-family: var(--secondary-font);
	font-weight: var(--medium-font);
	font-size: 0.22rem;
	line-height: 0.28rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.b0 {
		font-size: 0.2rem;
	}
}
.b1 {
	font-family: var(--main-font-narrow);
	font-weight: var(--medium-font);
	font-size: 0.2rem;
	line-height: 0.22rem;
	letter-spacing: 0;
}
.b2 {
	font-family: var(--main-font);
	font-weight: var(--medium-font);
	font-size: 0.2rem;
	line-height: 0.22rem;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.b2 {
		font-size: 0.16rem;
		line-height: 1em;
}
	}
.b3 {
	font-family: var(--main-font-wide);
	font-weight: var(--bold-font);
	font-size: 0.18rem;
	line-height: 0.2rem;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.b3 {
		font-size: 0.11rem;
		line-height: 0.13rem;
	}
}
.b4 {
	font-family: var(--main-font);
	font-weight: var(--medium-font);
	font-size: 0.18rem;
	line-height: 0.22rem;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.b4 {
		font-size: 0.16rem;
		line-height: 0.16rem;
		letter-spacing: 0;
	}
}
.b5 {
	font-family: var(--main-font-wide);
	font-weight: var(--bold-font);
	font-size: 0.14rem;
	line-height: 0.14rem;
	letter-spacing: 0;
}
.b6 {
	font-family: var(--main-font-wide);
	font-weight: var(--bold-font);
	font-size: 0.11rem;
	line-height: 0.13rem;
	letter-spacing: 0;
}
.b7 {
	font-family: var(--secondary-font);
	font-weight: var(--medium-font);
	font-size: 0.12rem;
	line-height: 0.14rem;
	letter-spacing: 0;
}
.news-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.2rem;
	max-width: 3.245rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-card {
		max-width: none;
		width: 100%;
}
	}
.news-card .img-wrap {
		position: relative;
		display: flex;
		width: 3.25rem;
		height: 4.06rem;
		overflow: hidden;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-card .img-wrap {
			width: 100%;
			height: auto;
			aspect-ratio: 325/406;
	}
		}
:is(.news-card .img-wrap) img {
			transition: transform 256ms var(--ease);
			transform: scale(1) rotate(0deg) translate3d(0, 0, 0px);
			width: 100%;
			height: 100%;
			object-fit: cover;
			backface-visibility: hidden;
		}
.news-card:hover .img-wrap img {
			transform: scale(1.04) rotate(-1deg) translate3d(0, 0, 0px);
		}
.news-card .news-info-wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.1rem;
	}
:is(.news-card .news-info-wrap) .news-item-title {
			text-decoration: none;
			text-transform: uppercase;
		}
:is(.news-card .news-info-wrap) .news-item-subtitle {
			text-decoration: none;
			text-transform: uppercase;
			opacity: 0.5;
		}
.news-page-intro-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 7.4rem;
	color: var(--white);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-intro-section {
		min-height: auto;
}
	}
.news-page-intro-section .bg-image {
		position: absolute;
		z-index: -2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
:is(.news-page-intro-section .bg-image) img {
			position: relative;
			z-index: -3;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
:is(.news-page-intro-section .bg-image) .bg-image-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(
				178deg,
				rgba(0, 0, 0, 0) 30.67%,
				#000000 98.32%
			);
			z-index: -2;
		}
.news-page-intro-section .news-page-intro-section-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 0.4rem;
		width: 100%;
		height: 100%;
		min-height: 7.4rem;
		padding-bottom: 0.4rem;
		padding-top: 1rem;
	}
:is(.news-page-intro-section .news-page-intro-section-content) .news-page-intro-section-title {
			max-width: 8.42rem;
		}
:is(.news-page-intro-section .news-page-intro-section-content) .button-wrap {
			display: flex;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.news-page-intro-section .news-page-intro-section-content) .button-wrap {
				display: none;
		}
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-intro-section .news-page-intro-section-content {
			min-height: auto;
			padding-bottom: 0.6rem;
			padding-top: 1.8rem;
	}

			:is(.news-page-intro-section .news-page-intro-section-content) .news-page-intro-section-title {
				font-size: 0.5rem;
				line-height: 0.46rem;
				max-width: 3.78rem;
			}
		}
.news-page-content-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 1.2rem;
	padding-bottom: 0.8rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section {
		padding-top: 0rem;
		padding-bottom: 1rem;
}
	}
.news-page-content-section .news-list-section-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.4rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section .news-list-section-content {
			gap: 0.8rem;
	}
		}
.news-page-content-section .news-category-list-wrapper {
		display: block;
		width: 100%;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section .news-category-list-wrapper {
			overflow-x: auto;
			padding-bottom: 0.1rem;
			margin-bottom: -0.1rem;
			padding-left: 0.3rem;
			margin-left: -0.3rem;
			padding-right: 0.3rem;
			margin-right: -0.3rem;
	}
		}
.news-page-content-section .news-category-list {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0.2rem;
		width: 100%;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section .news-category-list {
			width: max-content;
			white-space: nowrap;
	}
		}
:is(.news-page-content-section .news-category-list) .highlight {
			position: absolute;
			top: 0;
			left: 0;
			width: 0;
			height: 0;
			will-change: transform;
			z-index: -1;
		}
:is(:is(.news-page-content-section .news-category-list) .highlight) > div {
				display: block;
				position: absolute;
				transform: translate(-50%, -50%);
				top: 50%;
				left: 50%;
				width: 0.4rem;
				height: 0.25rem;
				background-color: var(--a1);
				will-change: transform, width, height;
			}
:is(.news-page-content-section .news-category-list) .news-category-item {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 0.06rem 0.2rem;
			background-color: transparent;
			transition: all 0.3s ease;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.news-page-content-section .news-category-list) .news-category-item {
				padding: 0.06rem 0.15rem;
		}
			}
.active:is(:is(.news-page-content-section .news-category-list) .news-category-item) .news-category-item-title {
					color: var(--white);
					opacity: 1;
				}
:is(:is(.news-page-content-section .news-category-list) .news-category-item):hover .news-category-item-title {
					opacity: 1;
				}
:is(:is(.news-page-content-section .news-category-list) .news-category-item) .news-category-item-title {
				text-decoration: none;
				text-transform: uppercase;
				opacity: 0.5;
				transition: all 0.3s ease;
			}
.news-page-content-section .news-list {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 0.39rem 0.2rem;
		width: 100%;
		height: 100%;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section .news-list {
			gap: 0.4rem 0.2rem;
	}
		}
.news-page-content-section .a1al-custom-pagination-full-column {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 0.09rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.news-page-content-section .a1al-custom-pagination-full-column {
			margin-top: 0.4rem;
	}
		}
:is(.news-page-content-section .a1al-custom-pagination-full-column) .a1al-custom-pagination-numbers {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 0.2rem;
		}
:is(:is(.news-page-content-section .a1al-custom-pagination-full-column) .a1al-custom-pagination-numbers) .num {
				position: relative;
				display: flex;
				font-family: var(--main-font-wide);
				font-weight: var(--bold-font);
				font-size: 0.11rem;
				line-height: 0.13rem;
				color: var(--white);
				opacity: 0.5;
				background-color: transparent;
				clip-path: polygon(
					0.11rem 0,
					calc(100% - 0.11rem) 0,
					100% 0.1rem,
					100% calc(100% - 0.1rem),
					calc(100% - 0.11rem) 100%,
					0.11rem 100%,
					0 calc(100% - 0.1rem),
					0 0.1rem
				);
				padding: 0.065rem 0.2rem;
				transition: all 0.3s ease;
			}
.active:is(:is(:is(.news-page-content-section .a1al-custom-pagination-full-column) .a1al-custom-pagination-numbers) .num) {
					opacity: 1;
					background-color: var(--a1);
				}
.dots:is(:is(:is(.news-page-content-section .a1al-custom-pagination-full-column) .a1al-custom-pagination-numbers) .num) {
					clip-path: none;
					padding: 0.065rem 0rem;
				}
.single-news-page {
	position: relative;
	background-color: var(--black);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 1.73rem;
	padding-bottom: 0.8rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-news-page {
		padding-top: 1.4rem;
		padding-bottom: 0.4rem;
}
	}
.single-news-page .label {
		opacity: 0.5;
	}
.single-news-page .single-news-page-intro {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-news-page .single-news-page-intro {
			flex-direction: column-reverse;
			gap: 0.4rem;
	}

			:is(.single-news-page .single-news-page-intro) .single-news-page-intro-title {
				font-size: 0.5rem;
				line-height: 0.46rem;
			}
		}
:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 0.95rem;
			width: calc(100% - (8.42rem + 0.2rem));
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left {
				width: 100%;
				gap: 0.7rem;
		}
			}
:is(:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left) .category-list {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(:is(:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left) .category-list) .category-item {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					gap: 0.04rem;
				}
:is(:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left) .published {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(:is(.single-news-page .single-news-page-intro) .single-news-page-intro-left) .author {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(.single-news-page .single-news-page-intro) .single-news-page-intro-right {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			width: 8.42rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-news-page .single-news-page-intro) .single-news-page-intro-right {
				width: 100%;
		}
			}
.single-news-page .mobile-featured-image {
		display: none;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-news-page .mobile-featured-image {
			display: flex;
			max-width: 100%;
			width: 100%;
			height: auto;
			margin-bottom: 0.8rem;
	}
		}
.single-news-page .single-news-page-content {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
		width: 100%;
		/* padding-bottom: 0.8rem; */
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-news-page .single-news-page-content {
			flex-direction: column;
			gap: 0.8rem;
			/* padding-bottom: 0.4rem; */
	}
		}
:is(.single-news-page .single-news-page-content) .single-news-page-content-left {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: space-between;
			width: calc(100% - 8.42rem);
			height: auto;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-news-page .single-news-page-content) .single-news-page-content-left {
				width: 100%;
				height: auto;
		}
			}
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .sticky-sidebar-wrapper {
				position: relative;
				top: 0rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 2rem;
				min-height: calc(100vh / 3);
				/* position: relative;
				height: auto;
				flex-shrink: 0;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 0.4rem;
				z-index: 10;
				min-height: calc(100vh - 0.7rem); */
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .sticky-sidebar-wrapper {
					height: auto;
					min-height: auto;
			}
				}
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .table-of-contents {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .table-of-contents) .table-of-contents-list {
					display: flex;
					flex-direction: column;
					gap: 0.04rem;
				}
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .share-buttons {
				position: relative;
				display: flex;
				flex-direction: column;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-left) .share-buttons {
					display: none;
			}
				}
:is(.single-news-page .single-news-page-content) .single-news-page-content-right {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			width: 8.42rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-news-page .single-news-page-content) .single-news-page-content-right {
				width: 100%;
		}
			}
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-right) .mobile-share-buttons {
				display: none;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-right) .mobile-share-buttons {
					display: flex;
					flex-direction: column;
					margin-top: -0.4rem;
			}
				}
:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-right) .single-post-flexible-content-wrapper {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.8rem;
				width: 100%;
			}
:is(:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-right) .single-post-flexible-content-wrapper) .desktop-featured-image {
					display: none;
					max-width: 100%;
					width: 100%;
					height: auto;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(.single-news-page .single-news-page-content) .single-news-page-content-right) .single-post-flexible-content-wrapper) .desktop-featured-image {
						display: none;
				}
					}
.related-news-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 0.8rem;
	padding-bottom: 1.13rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.related-news-section {
		padding-bottom: 1rem;
}
	}
.related-news-section .top-part {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		gap: 0.2rem;
		width: 100%;
		padding-bottom: 0.37rem;
	}
:is(.related-news-section .top-part) .related-news-section-title {
			position: relative;
			width: 8.43rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.related-news-section .top-part) .related-news-section-title {
				width: 100%;
		}
			}
:is(.related-news-section .top-part) .view-all-button {
			position: relative;
			display: flex;
			padding-bottom: 0.07rem;
			gap: 0.05rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.related-news-section .top-part) .view-all-button {
				display: none;
		}
			}
:is(:is(.related-news-section .top-part) .view-all-button) svg {
				transition: transform 256ms var(--ease);
				transform: translate(0, 0);
				width: 0.08rem;
			}
:is(:is(.related-news-section .top-part) .view-all-button):hover svg {
				transform: translate(0.075rem, 0);
			}
.related-news-section .related-news-list {
		position: relative;
		display: flex;
		flex-direction: row;
		gap: 0.2rem;
	}
:is(.related-news-section .related-news-list) .splide.slider {
			position: relative;
			width: calc(100% - 0.6rem);
		}
:is(:is(.related-news-section .related-news-list) .splide.slider) .splide__track {
				overflow: visible;
			}
:is(:is(.related-news-section .related-news-list) .splide.slider) .splide__list {
				display: flex;
				flex-direction: row;
				gap: 0.2rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.related-news-section .related-news-list) .splide.slider) .splide__list {
					gap: 0rem;
			}
				}
.related-news-section .bottom-part {
		display: none;
		position: relative;
		flex-direction: row;
		width: 100%;
		margin-top: 0.6rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.related-news-section .bottom-part {
			display: flex;
	}
		}
:is(.related-news-section .bottom-part) .view-all-button {
			position: relative;
			display: flex;
			padding-bottom: 0.07rem;
			gap: 0.05rem;
		}
:is(:is(.related-news-section .bottom-part) .view-all-button) svg {
				transition: transform 256ms var(--ease);
				transform: translate(0, 0);
				width: 0.08rem;
			}
:is(:is(.related-news-section .bottom-part) .view-all-button):hover svg {
				transform: translate(0.075rem, 0);
			}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}
.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled{opacity:.3}
.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide__arrow--prev{left:1em}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{right:1em}
.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}
.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}
.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__progress__bar{background:#ccc;height:3px}
.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}
@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}
.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/* History Styles */
.history-page-intro-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 7.4rem;
	color: var(--white);
	padding-top: 1.8rem;
	padding-bottom: 0.8rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.history-page-intro-section {
		padding-top: 1.4rem;
}
	}
.history-page-intro-section .history-page-intro-section-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.8rem;
	}
:is(.history-page-intro-section .history-page-intro-section-content) .history-page-intro-section-title {
			max-width: 10.57rem;
			text-transform: uppercase;
			text-align: center;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.history-page-intro-section .history-page-intro-section-content) .history-page-intro-section-title {
				padding-bottom: 0.4rem;
		}
			}
:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 100%;
			gap: 0.52rem;
			background-color: var(--a1);
			padding: 0.92rem 0.58rem 0.2rem 0.58rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper {
				padding: 0.4rem;
		}
			}
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide {
				width: 100%;
				cursor: pointer;
			}
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide) .splide__track {
					width: 100%;
					overflow: visible;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide) .splide__track) .splide__list {
							display: flex;
							flex-direction: column;
							gap: 0.2rem;
					}
						}
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				gap: 0.2rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows {
					display: none;
			}
				}
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows) .splide__arrow {
					position: relative;
					display: flex !important;
					align-items: center;
					justify-content: center;
					width: 0.16rem;
					height: 0.16rem;
					cursor: pointer;
					background: transparent;
					border: none;
					padding: 0;
					transition: opacity 0.3s ease;
					visibility: visible !important;
					left: 0;
					right: 0;
					top: 0;
					transform: translateY(0);
				}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows) .splide__arrow):hover {
						opacity: 0.7 !important;
					}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows) .splide__arrow) svg {
						width: 100%;
						height: 100%;
						fill: var(--white);
					}
.splide__arrow--prev:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows) .splide__arrow) svg {
							transform: rotateZ(180deg);
						}
[style*="display: none"]:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__arrows) .splide__arrow) {
						display: flex !important;
					}
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__slide:last-of-type) .timeline-year .season-connector-horizontal{
					width: 0;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .splide__slide:last-of-type) .timeline-year .season-connector-horizontal{
						height: 0;
				}
					}
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 0.27rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year {
					flex-direction: row;
					width: 100%;
					justify-content: space-between;
					gap: 0.2rem;
			}
				}
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon {
					position: relative;
					display: flex;
				}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .year-number {
						position: relative;
						display: flex;
						background-color: var(--white);
						padding: 0.07rem 0.21rem;
						text-transform: uppercase;
						color: var(--black);
						font-family: var(--main-font-wide);
						font-weight: var(--bold-font);
						font-size: 0.12rem;
						line-height: 0.14rem;
						letter-spacing: 0;
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .year-number {
							width: 0.85rem;
					}
						}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector {
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
						width: 0rem;
						height: 0.12rem;
						border: 1px solid var(--white);
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector {
							width: 0.12rem;
							height: 0;
					}
						}
.up:is(:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector) {
							bottom: calc(100% + 0.08rem);
						}
@media screen and (max-width: 768px) and (orientation: portrait) {
.up:is(:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector) {
								bottom: auto;
								left: auto;
								top: 50%;
								transform: translateY(-50%);
								right: calc(100% + 0.07rem);
						}
							}
.down:is(:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector) {
							top: calc(100% + 0.08rem);
						}
@media screen and (max-width: 768px) and (orientation: portrait) {
.down:is(:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector) {
								top: 50%;
								transform: translateY(-50%);
								left: calc(100% + 0.07rem);
								bottom: auto;
						}
							}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector-horizontal {
						position: absolute;
						left: calc(100% - 0.02rem);
						top: 50%;
						transform: translateY(-50%);
						width: 100%;
						height: 0rem;
						border: 1px solid var(--white);
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .year-hexagon) .season-connector-horizontal {
							left: 50%;
							transform: translateX(-50%);
							top: calc(100% - 0.02rem);
							width: 0;
							height: 100%;
					}
						}
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .season-marker {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .season-marker {
						width: 0.85rem;
						align-items: flex-start;
				}
					}
:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .season-marker) .season-label {
						font-family: var(--main-font-ultra-comp);
						font-weight: var(--bold-font);
						font-size: 0.3rem;
						line-height: 0.3rem;
						letter-spacing: 0;
						text-align: center;
						width: max-content;
						text-transform: uppercase;
						cursor: pointer;
						transition: transform 0.3s ease;
					}
:is(:is(:is(:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-wrapper) .timeline-year) .season-marker) .season-label):hover {
							transform: scale(1.05);
						}
:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-description {
			max-width: 10.15rem;
			text-align: center;
		}
:is(:is(.history-page-intro-section .history-page-intro-section-content) .history-timeline-description) .history-timeline-description-item-title {
				text-transform: uppercase;
			}
.history-page-content-section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 0.8rem;
	background-color: var(--black);
}
.history-page-content-section .picks {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 7.2rem;
		margin: auto;
		flex-wrap: wrap;
		gap: 0.2rem 0.4rem;
	}
:is(.history-page-content-section .picks) .highlight {
			position: absolute;
			top: 0;
			left: 0;
			width: 0;
			height: 0;
			will-change: transform;
		}
:is(:is(.history-page-content-section .picks) .highlight) > div {
				display: block;
				position: absolute;
				transform: translate(-50%, -50%);
				top: 50%;
				left: 50%;
				width: 0.4rem;
				height: 0.25rem;
				background-color: var(--a1);
				will-change: transform, width, height;
			}
:is(.history-page-content-section .picks) .pick {
			display: flex;
			cursor: pointer;
			transition: opacity 512ms var(--ease);
			position: relative;
			text-align: center;
			padding: 0.06rem 0;
			opacity: 0.5;
			user-select: none;
		}
.active:is(:is(.history-page-content-section .picks) .pick) {
				opacity: 1;
			}
@media screen and (hover: hover) {
				:is(:is(.history-page-content-section .picks) .pick):hover {
					opacity: 1;
				}
			}
:is(:is(.history-page-content-section .picks) .pick):active {
				transform: scale(0.95);
			}
.history-page-content-section .line {
		width: 100%;
		height: 0.01rem;
		background-color: var(--white);
		opacity: 0.2;
		margin: 0.8rem 0;
	}
.history-page-content-section .history-list {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 0.1rem;
		width: 100%;
	}
:is(.history-page-content-section .history-list) .history-item {
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap: 1.95rem;
			width: 100%;
			padding: 0.13rem 0.4rem 0.17rem 0.2rem;
			text-decoration: none;
			background-color: var(--black-light);
			transition: all 0.3s ease;
		}
:is(:is(.history-page-content-section .history-list) .history-item):hover {
				background-color: var(--a1);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.history-page-content-section .history-list) .history-item {
				flex-direction: column;
				padding: 0.1rem 0.2rem 0.4rem 0.2rem;
				gap: 0.15rem;
				align-items: flex-start;
		}
			}
:is(:is(.history-page-content-section .history-list) .history-item) .history-item-title {
				width: 3rem;
				flex-shrink: 0;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.history-page-content-section .history-list) .history-item) .history-item-title {
					width: 100%;
			}
				}
:is(:is(.history-page-content-section .history-list) .history-item) .description {
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				justify-content: space-between;
				gap: 1.16rem;
				width: calc(100% - 4rem);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.history-page-content-section .history-list) .history-item) .description {
					flex-direction: column;
					gap: 0.4rem;
					align-items: flex-start;
					width: 100%;
			}
				}
:is(:is(.history-page-content-section .history-list) .history-item) .icon-wrap {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
				width: 0.16rem;
				height: 0.16rem;
			}
:is(:is(:is(.history-page-content-section .history-list) .history-item) .icon-wrap) svg {
					width: 100%;
					height: 100%;
					fill: var(--white);
				}
:is(.history-page-content-section .history-list) .no-history-found {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 0.4rem;
		}
.history-page-content-section .back-to-top {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 0.8rem;
	}
/* Single History Page Styles */
.single-history-page {
	position: relative;
	display: flex;
	margin-bottom: -1px;
}
.single-history-page .label {
		opacity: 0.5;
	}
.single-history-page .single-history-page-intro {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row;
		min-height: 5.3rem;
		padding-top: 1.73rem;
		padding-bottom: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-history-page .single-history-page-intro {
			padding-top: 1.4rem;
			min-height: 5.18rem;
			flex-direction: column-reverse;
			gap: 0.4rem;
			min-height: auto;
	}
		}
:is(.single-history-page .single-history-page-intro) .single-history-page-intro-left {
			display: flex;
			flex-direction: row;
			gap: 0.95rem;
			width: calc(100% - (8.42rem + 0.2rem));
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-history-page .single-history-page-intro) .single-history-page-intro-left {
				width: 100%;
		}
			}
:is(:is(.single-history-page .single-history-page-intro) .single-history-page-intro-left) .category-list {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(:is(:is(.single-history-page .single-history-page-intro) .single-history-page-intro-left) .category-list) .category-item {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					gap: 0.04rem;
				}
:is(:is(.single-history-page .single-history-page-intro) .single-history-page-intro-left) .published {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.04rem;
			}
:is(.single-history-page .single-history-page-intro) .single-history-page-intro-right {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			width: 8.42rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-history-page .single-history-page-intro) .single-history-page-intro-right {
				width: 100%;
		}
			}
:is(:is(.single-history-page .single-history-page-intro) .single-history-page-intro-right) .single-history-page-intro-title {
				text-transform: uppercase;
				line-height: 1.1;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.single-history-page .single-history-page-intro) .single-history-page-intro-right) .single-history-page-intro-title {
					font-size: 0.5rem;
					line-height: 0.46rem;
			}
				}
.single-history-page .single-history-page-content {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.single-history-page .single-history-page-content {
			padding-top: 0.28rem;
			flex-direction: column;
	}
		}
:is(.single-history-page .single-history-page-content) .single-history-page-content-left {
			display: flex;
			flex-direction: column;
			gap: 0.95rem;
			width: calc(100% - (8.42rem + 0.2rem));
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-history-page .single-history-page-content) .single-history-page-content-left {
				width: 100%;
		}
			}
:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper {
				position: relative;
				top: 0rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 2rem;
				min-height: calc(100vh - 0.7rem);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper {
					display: none;
			}
				}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .table-of-contents) .table-of-contents-title {
						margin-bottom: 0.04rem;
					}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .table-of-contents) .table-of-contents-list {
						display: flex;
						flex-direction: column;
						gap: 0.04rem;
					}
:is(:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .table-of-contents) .table-of-contents-list) .table-of-contents-item {
							text-decoration: none;
							color: inherit;
							transition: all 0.3s ease;
						}
:is(:is(:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .table-of-contents) .table-of-contents-list) .table-of-contents-item):hover {
								color: var(--a1);
							}
:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .back-to-top-button {
					position: relative;
					display: flex;
					flex-direction: row;
					align-items: center;
					gap: 0.1rem;
					cursor: pointer;
				}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .back-to-top-button):hover .back-to-top-text {
							opacity: 1;
						}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .back-to-top-button):hover svg {
							opacity: 1;
						}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .back-to-top-button) .back-to-top-text{
						font-size: 0.12rem;
						line-height: 0.14rem;
						letter-spacing: 0;
						color: var(--white);
						opacity: 0.5;
						transition: all 0.3s ease;
					}
:is(:is(:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-left) .sticky-sidebar-wrapper) .back-to-top-button) svg {
						width: 0.12rem;
						height: 0.14rem;
						fill: var(--white);
						transition: all 0.3s ease;
						transform: rotateZ(-90deg);
						opacity: 0.5;
						transition: all 0.3s ease;
					}
:is(.single-history-page .single-history-page-content) .single-history-page-content-right {
			display: flex;
			flex-direction: column;
			gap: 0.95rem;
			width: 8.42rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.single-history-page .single-history-page-content) .single-history-page-content-right {
				width: 100%;
		}
			}
:is(:is(.single-history-page .single-history-page-content) .single-history-page-content-right) .single-post-flexible-content-wrapper {
				display: flex;
				flex-direction: column;
				gap: 0.8rem;
			}
/* Related History Section */
.see-next-section {
	position: relative;
	padding-top: 1.2rem;
	padding-bottom: 0.82rem;
	overflow: hidden;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.see-next-section {
		padding-top: 0.8rem;
		padding-bottom: 0.6rem;
}
	}
.see-next-section .season-slider-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.4rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.see-next-section .season-slider-wrapper {
			gap: 0.6rem;
	}
		}
:is(.see-next-section .season-slider-wrapper) .top-part {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			padding-top: 1.2rem;
			border-top: 1px solid hsla(0, 0%, 100%, 0.2);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.see-next-section .season-slider-wrapper) .top-part {
				padding-top: 0.8rem;
				flex-direction: column;
				gap: 0.6rem;
		}
			}
:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				gap: 0.29rem;
				width: calc(100% - (8.42rem + 0.2rem));
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation {
					width: 100%;
			}
				}
:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-prev {
					position: relative;
					display: flex;
					width: 0.16rem;
					height: 0.14rem;
					cursor: pointer;
					transition: opacity 0.3s ease;
				}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-prev):hover {
						opacity: 0.7;
					}
.disabled:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-prev) {
						opacity: 0.4;
						cursor: not-allowed;
						pointer-events: none;
					}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-prev) svg {
						width: 100%;
						height: 100%;
						fill: var(--white);
						transform: rotateZ(180deg);
					}
:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-next {
					position: relative;
					display: flex;
					width: 0.16rem;
					height: 0.14rem;
					cursor: pointer;
					transition: opacity 0.3s ease;
				}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-next):hover {
						opacity: 0.7;
					}
.disabled:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-next) {
						opacity: 0.3;
						cursor: not-allowed;
						pointer-events: none;
					}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .top-part) .slider-custom-navigation) .slider-custom-navigation-next) svg {
						width: 100%;
						height: 100%;
						fill: var(--white);
					}
:is(:is(.see-next-section .season-slider-wrapper) .top-part) .season-slider-title {
				position: relative;
				display: flex;
				width: 8.42rem;
				text-transform: uppercase;
				pointer-events: none;
				user-select: none;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.see-next-section .season-slider-wrapper) .top-part) .season-slider-title {
					width: 100%;
			}
				}
:is(.see-next-section .season-slider-wrapper) .slider-wrap {
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			width: calc(0.5rem + 8.42rem);
			margin-right: -0.5rem;
			margin-left: auto;
			overflow: hidden;
			/* Slider specific styles */
		}
:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider {
				width: 100%;
				overflow: visible;
			}
:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__track {
					overflow: visible;
				}
:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__list {
					display: flex;
					align-items: center;
				}
:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .max-number {
					position: relative;
					display: flex;
					padding-top: 0.2rem;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .max-number {
						padding-top: 0.4rem;
				}
					}
:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__slide {
					transition: opacity 256ms var(--ease);
					opacity: 0.1;
				}
.is-active:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__slide) {
						opacity: 1;
					}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__slide):hover {
						opacity: 1;
					}
:is(:is(:is(:is(.see-next-section .season-slider-wrapper) .slider-wrap) .slider) .splide__slide) .history-item {
						display: block;
						text-decoration: none;
						color: inherit;
						transition: all 0.3s ease;
					}
:is(.user-content > *):first-child {
			margin-top: 0rem;
		}
:is(.user-content > *):last-child {
			margin-bottom: 0rem;
		}
.user-content .right-text {
		text-align: right;
	}
.user-content .left-text {
		text-align: left;
	}
.user-content .center-text {
		text-align: center;
	}
.user-content mark {
		font-weight: var(--bold-font);
		background: var(--a1);
		color: var(--white);
	}
.user-content sup {
		vertical-align: super;
		font-size: 80%;
	}
.user-content sub {
		vertical-align: sub;
		font-size: 80%;
	}
.user-content del {
		text-decoration: line-through;
	}
.user-content span {
		text-decoration-color: var(--a1);
		text-decoration-skip-ink: none;
		text-underline-position: from-font;
	}
.user-content img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0.3rem 0;
		border-radius: 0.15rem;
	}
.aligncenter:is(.user-content img) {
			margin-left: auto;
			margin-right: auto;
		}
.alignleft:is(.user-content img) {
			margin-left: 0rem;
			margin-right: auto;
		}
.alignright:is(.user-content img) {
			margin-left: auto;
			margin-right: 0rem;
		}
.user-content video {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0.3rem 0;
		border-radius: 0.15rem;
	}
.user-content iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		vertical-align: middle;
	}
.user-content .wp-caption {
		position: relative;
		display: block;
		width: 100% !important;
		margin: 0.3rem 0;
	}
.user-content .wp-caption-text {
		display: block;
		font-family: var(--main-font);
		font-weight: var(--medium-font);
		font-size: 0.16rem;
		line-height: 0.35rem;
		color: var(--white);
		margin-top: -0.2rem;
	}
.user-content hr {
		all: unset;
		display: block;
		position: relative;
		width: 100%;
		height: 1px;
		background-color: var(--a1);
		margin: 0.3rem 0;
	}
.user-content h1 {
		font-family: var(--main-font-narrow);
		font-weight: var(--black-font);
		font-size: 1.2rem; /* .a5 */
		line-height: 1.1rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content h2 {
		font-family: var(--main-font-narrow);
		font-weight: var(--black-font);
		font-size: 1rem; /* .a4 */
		line-height: 0.9rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content h3 {
		font-family: var(--main-font-narrow);
		font-weight: var(--black-font);
		font-size: 0.5rem; /* .a3 */
		line-height: 0.48rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content h4 {
		font-family: var(--main-font-narrow);
		font-weight: var(--black-font);
		font-size: 0.38rem; /* .a2 */
		line-height: 0.36rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content h5 {
		font-family: var(--main-font);
		font-weight: var(--medium-font);
		font-size: 0.25rem; /* .a1 */
		line-height: 0.28rem;
		letter-spacing: 0;
		margin-bottom: 0.4rem;
	}
.user-content h6 {
		font-family: var(--secondary-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem; /* .b0 */
		line-height: 0.28rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content ul {
		font-family: var(--secondary-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem;
		line-height: 0.3rem;
		color: var(--white);
		padding-left: 0.24rem;
		margin-bottom: 0.4rem;
	}
:is(.user-content ul) li {
			position: relative;
		}
:is(:is(.user-content ul) li)::after {
				content: '';
				position: absolute;
				left: -0.26rem;
				top: 0.08rem;
				width: .11rem;
				height: .11rem;
				background-color: var(--a1);
				border-radius: 50%;
			}
.user-content ol {
		font-family: var(--secondary-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem;
		line-height: 0.3rem;
		color: var(--white);
		padding-left: 0.24rem;
		margin-bottom: 0.4rem;
		list-style-type: decimal;
	}
:is(:is(.user-content ol) li)::marker {
				color: var(--a1);
			}
.user-content ol[type="1"] {
		list-style-type: decimal;
	}
.user-content ol[type="a"] {
		list-style-type: lower-alpha;
	}
.user-content ol[type="i"] {
		list-style-type: lower-roman;
	}
.user-content li {
		font-family: var(--secondary-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem; /* .b0 */
		line-height: 0.28rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.08rem;
	}
.user-content a {
		color: var(--red);
		text-decoration: underline;
		text-decoration-color: var(--a1);
		text-decoration-skip-ink: none;
		text-underline-position: from-font;
		text-decoration-thickness: 8%;
		font-family: var(--main-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem; /* .b2 */
		line-height: 0.28rem;
		letter-spacing: 0;
		transition: color 300ms ease-in-out;
	}
@media screen and (hover: hover) {
			:is(.user-content a):hover {
				color: var(--a1);
			}
		}
.user-content strong,.user-content b {
		font-weight: var(--bold-font);
	}
.user-content em,.user-content i {
		font-style: italic;
	}
.user-content blockquote,.user-content q {
		position: relative;
		display: block;
		font-style: normal;
		border: 0rem;
		margin: 0;
		quotes: none;
		border-left: 0.08rem solid var(--red);
		padding-left: 0.4rem;
		margin: 0.4rem 0;
		color: var(--white);
		font-family: var(--main-font);
		font-size: 0.22rem;
		line-height: 0.28rem;
		font-style: italic;
	}
:is(.user-content blockquote,.user-content q) > * {
			font-family: var(--main-font);
			font-weight: var(--black-font);
			font-size: 0.24rem;
			line-height: 0.34rem;
			color: var(--white);
			margin-bottom: 0rem;
		}
.user-content img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0.32rem 0;
	}
.user-content p {
		font-family: var(--secondary-font);
		font-weight: var(--medium-font);
		font-size: 0.22rem;
		line-height: 0.28rem;
		letter-spacing: -0.01em;
		margin-bottom: 0.4rem;
	}
.user-content table {
		width: 100%;
		table-layout: fixed;
		margin: 0.3rem 0rem;
		text-align: left;
		border-spacing: 0px;
	}
:is(.user-content table) td {
			font-family: var(--main-font);
			font-weight: var(--medium-font);
			font-size: 0.22rem;
			line-height: 0.3rem;
			color: var(--white);
			margin: 0rem;
			border: 1px solid var(--white);
			padding: 0.2rem;
			text-align: left;
			vertical-align: top;
		}
:is(.user-content table) th {
			font-family: var(--main-font);
			font-weight: var(--bold-font);
			font-size: 0.22rem;
			line-height: 0.3rem;
			color: var(--white);
			margin: 0rem;
			border: 1px solid var(--white);
			padding: 0.2rem;
			text-align: left;
			vertical-align: top;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
		.user-content p {
			font-size: 0.2rem;
		}
	}
.games-page-intro-section {
	position: relative;
	display: flex;
	padding-top: 1.8rem;
	padding-bottom: 0.8rem;
}
.games-page-intro-section .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.8rem;
	}
.games-page-intro-section .games-page-intro-section-content {
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}
:is(.games-page-intro-section .games-page-intro-section-content) .games-page-intro-section-title {
			position: relative;
			text-transform: uppercase;
			max-width: 10.14rem;
			margin: 0 auto;
		}
.games-page-intro-section .games-page-into-video {
		position: relative;
		width: 100%;
		height: 100%;
	}
:is(.games-page-intro-section .games-page-into-video) video {
			width: 100%;
			height: auto;
		}
.games-page-intro-section .games-page-into-image {
		position: relative;
		width: 100%;
		height: 100%;
	}
:is(.games-page-intro-section .games-page-into-image) .games-page-intro-image {
			width: 100%;
			height: auto;
		}
/* Custom Video Player Styles */
.custom-video-player {
	position: relative;
	width: 100%;
	background: #000;
	overflow: hidden;
}
.custom-video-player video {
		width: 100%;
		height: auto;
		display: block;
	}
.custom-video-player .video-controls {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
		padding: 0.2rem 0.15rem 0.15rem;
		display: flex;
		align-items: center;
		gap: 0.2rem;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
:is(.custom-video-player .video-controls):hover {
			opacity: 1;
		}
@media screen and (max-width: 768px) {
.custom-video-player .video-controls {
			opacity: 1;
			padding: 0.05rem 0.05rem;
			gap: 0.05rem;
	}
		}
.custom-video-player .play-pause-btn {
		background: none;
		border: none;
		color: white;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
:is(.custom-video-player .play-pause-btn) .pause-icon {
			display: none;
			height: 0.15rem;
		}
:is(:is(.custom-video-player .play-pause-btn) .pause-icon) svg {
				height: 100%;
				width: auto;
			}
:is(.custom-video-player .play-pause-btn) .play-icon {
			height: 0.15rem;
		}
:is(:is(.custom-video-player .play-pause-btn) .play-icon) svg {
				height: 100%;
				width: auto;
			}
.playing:is(.custom-video-player .play-pause-btn) .play-icon {
				display: none;
			}
.playing:is(.custom-video-player .play-pause-btn) .pause-icon {
				display: block;
			}
.custom-video-player .progress-container {
		flex: 1;
		position: relative;
		height: 0.07rem;
		margin: 0 0rem;
	}
.custom-video-player .progress-bar {
		position: relative;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.2);
		overflow: hidden;
	}
.custom-video-player .progress-fill {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background: var(--a1);
		width: 0%;
		transition: width 0.1s ease;
	}
.custom-video-player .progress-slider {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		margin: 0;
		-webkit-appearance: none;
		appearance: none;
	}
:is(.custom-video-player .progress-slider)::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 0.08rem;
			height: 0.08rem;
			background: white;
			border-radius: 50%;
			cursor: pointer;
		}
:is(.custom-video-player .progress-slider)::-moz-range-thumb {
			width: 0.08rem;
			height: 0.08rem;
			background: white;
			border-radius: 50%;
			cursor: pointer;
			border: none;
		}
.custom-video-player .time-display {
		color: white;
		font-size: 0.12rem;
		line-height: 110%;
		font-family: var(--secondary-font);
		white-space: nowrap;
		margin-left: 0.05rem;
	}
:is(.custom-video-player .time-display) .time-separator {
			margin: 0 0.02rem;
		}
.custom-video-player .volume-btn {
		background: none;
		border: none;
		color: white;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 0.14rem;
	}
:is(.custom-video-player .volume-btn) svg {
			height: 100%;
			width: auto;
		}
:is(.custom-video-player .volume-btn) .mute-icon {
			height: 0.14rem;
			display: none;
		}
:is(.custom-video-player .volume-btn) .volume-icon {
			height: 0.14rem;
		}
.muted:is(.custom-video-player .volume-btn) .volume-icon {
				display: none;
			}
.muted:is(.custom-video-player .volume-btn) .mute-icon {
				display: block;
			}
.custom-video-player:hover .video-controls {
		opacity: 1;
	}
.games-page-content-section {
	position: relative;
	display: flex;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.games-page-content-section .games-page-content-section-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
	}
:is(.games-page-content-section .games-page-content-section-content) .games-page-content-section-title {
			position: relative;
		}
:is(.games-page-content-section .games-page-content-section-content) .games-wrapper {
			grid-template-columns: repeat(3, 1fr);
    		display: grid;
			width: 100%;
			gap: 0.2rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.games-page-content-section .games-page-content-section-content) .games-wrapper {
				grid-template-columns: repeat(1, 1fr);
		}
			}
:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-end;
				overflow: hidden;
				gap: 0.12rem;
				width: 100%;
				/* height: 100%; */
				aspect-ratio: 440/550;
			}
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card):hover .read-more-btn {
						opacity: 1;
					}
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) img {
					position: absolute;
					display: block;
					inset: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .label-top-text{
					position: absolute;
					display: block;
					z-index: 1;
					top: 0.2rem;
					left: 50%;
					transform: translateX(-50%);
					white-space: nowrap;
					font-family: var(--main-font-narrow);
					font-size: 0.16rem;
					line-height: 0.18rem;
					letter-spacing: 0;
					text-transform: uppercase;
					text-align: center;
					font-weight: 400;
					width: 85%;
				}
.black:is(:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .label-top-text){
						color: var(--black);
					}
.white:is(:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .label-top-text){
						color: var(--white);
					}
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .read-more-btn {
					position: relative;
					display: flex;
					width: calc(100% - 0.4rem);
					background-color: var(--black);
					margin-bottom: 0.2rem;
					opacity: 0;
					transition:
						opacity 256ms var(--ease),
						background-color 256ms var(--ease);
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .read-more-btn {
						opacity: 1;
				}
					}
:is(:is(:is(.games-page-content-section .games-page-content-section-content) .games-wrapper) .game-card) .read-more-btn:hover {
					background-color: var(--black-light);
				}
:is(.games-page-content-section .games-page-content-section-content) .games-load-more-wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 0.4rem;
		}
:is(:is(.games-page-content-section .games-page-content-section-content) .games-load-more-wrapper) .main-button{
				cursor: pointer;
			}
.loading:is(:is(.games-page-content-section .games-page-content-section-content) .games-load-more-wrapper) {
				opacity: 0.6;
				pointer-events: none;
				cursor: not-allowed;
			}
/* Single page styles */
body.loaded .games-single-hero .tabs-wrapper {
	visibility: visible;
}
.games-single-hero {
	position: relative;
	display: flex;
	padding-top: 1.4rem;
}
.games-single-hero .cnt {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 0.4rem;
	}
:is(.games-single-hero .cnt) .game-logo {
			position: relative;
			max-width: 100%;
			height: auto;
			margin: 0 auto;
		}
:is(.games-single-hero .cnt) .title {
			text-align: center;
			text-transform: uppercase;
		}
:is(.games-single-hero .cnt) .media {
			position: relative;
			width: 100%;
			margin-top: -0.9rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.games-single-hero .cnt) .media {
				margin-top: -0.6rem;
		}
			}
.games-single-hero .tabs-wrapper {
		position: absolute;
		visibility: hidden;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		width: 100vw;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 0%,
			#000000 80.83%
		);
		padding-top: 0.73rem;
		padding-bottom: 0.2rem;
		opacity: 1;
		z-index: 2;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.games-single-hero .tabs-wrapper {
			opacity: 0;
			visibility: hidden;
	}
		}
:is(.games-single-hero .tabs-wrapper) .picks-wrapper {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			max-width: 7.2rem;
			margin: auto;
			flex-wrap: wrap;
			gap: 0.2rem 0.4rem;
		}
:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				max-width: 7.2rem;
				margin: auto;
				flex-wrap: wrap;
				gap: 0.2rem 0.4rem;
			}
:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .highlight {
					position: absolute;
					top: 0;
					left: 0;
					width: 0;
					height: 0;
					will-change: transform;
				}
:is(:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .highlight) > div {
						display: block;
						position: absolute;
						transform: translate(-50%, -50%);
						top: 50%;
						left: 50%;
						width: 0.4rem;
						height: 0.25rem;
						background-color: var(--a1);
						will-change: transform, width, height;
					}
:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .pick {
					display: flex;
					cursor: pointer;
					transition: opacity 512ms var(--ease);
					position: relative;
					text-align: center;
					padding: 0.06rem 0;
					opacity: 0.5;
					user-select: none;
				}
.active:is(:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .pick) {
						opacity: 1;
					}
@media screen and (hover: hover) {
						:is(:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .pick):hover {
							opacity: 1;
						}
					}
:is(:is(:is(:is(.games-single-hero .tabs-wrapper) .picks-wrapper) .picks) .pick):active {
						transform: scale(0.95);
					}
html {
	background-color: var(--black);
	color: var(--white);
	font-size: 6.94vw; /* equals to 100px on 1440px design */
}
@media screen and (max-width: 768px) and (orientation: portrait) {
html {
		font-size: 23.36vw; /* equals to 100px on 375px design */
}
	}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1;
	font-family: var(--main-font);
	font-size: 0.22rem;
	line-height: 1.28em;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
.main {
	transition:
		opacity 256ms var(--ease),
		transform 256ms var(--ease);
	overflow: hidden;
	transition-delay: 128ms;
}
.mobile-menu-open {
	overflow: hidden;
}
.mobile-menu-open .main {
		transition-delay: 0ms;
		opacity: 0;
	}
/**/
.loader-courtain {
	display: block;
	position: fixed;
	pointer-events: none;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.loader-courtain.kill {
		display: none;
	}
/**/
.loader-courtain > div {
		display: block;
		position: absolute;
		transition: transform 512ms var(--ease);
		background-color: var(--black);
		top: 0;
		left: 0;
		width: 105%;
		height: 105%;
	}
.loader-courtain > div:first-child {
		clip-path: polygon(100% 0, 0 0, 0 100%);
	}
.loader-courtain > div:last-child {
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	}
:is(body.loaded .loader-courtain) > div:first-child {
		transform: translate(-100%, -100%);
	}
:is(body.loaded .loader-courtain) > div:last-child {
		transform: translate(100%, 100%);
	}
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
	/* we set the opacity to 0 */
	-webkit-transition:
		opacity 0.5s linear 0.2s,
		visibility 0.5s linear 0.2s;
	-moz-transition:
		opacity 0.5s linear 0.2s,
		visibility 0.5s linear 0.2s;
	transition:
		opacity 0.5s linear 0.2s,
		visibility 0.5s linear 0.2s;
	opacity: 0;
	visibility: hidden;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
	/* we set the opacity to 1 to do the magic */
	opacity: 1;
	visibility: visible;
}
html.lenis,
html.lenis body {
	height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
	overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
	pointer-events: none;
}
.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete;
}
.bg-black {
	background-color: var(--black);
}
.spacer {
	height: 200vh;
}
.overflow-hidden {
	overflow: hidden;
}
.container {
	width: 100%;
	max-width: 13.6rem;
	margin: 0 auto;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.container {
		max-width: 3.88rem;
}
	}
.media {
	display: block;
	width: 100%;
	object-fit: cover;
}
.block {
	display: block;
}
.relative {
	position: relative;
}
.z-5 {
	z-index: 5;
}
.corners.black > svg path {
			fill: var(--black);
		}
.corners > svg {
		display: block;
		position: absolute;
		width: 0.4rem;
		height: 0.4rem;
		bottom: -0.015rem;
	}
.corners > svg:first-child {
		left: 0;
	}
.corners > svg:last-child {
		right: 0;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
		.corners > svg {
			width: 0.2rem;
			height: 0.2rem;
		}
	}
.section-corners {
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - 0.4rem),
		calc(100% - 0.4rem) 100%,
		0.4rem 100%,
		0 calc(100% - 0.4rem)
	);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.section-corners {
		clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - 0.2rem),
			calc(100% - 0.2rem) 100%,
			0.2rem 100%,
			0 calc(100% - 0.2rem)
		);
}
	}
.tag-corners20 {
	clip-path: polygon(
		0.2rem 0,
		calc(100% - 0.2rem) 0,
		100% 0.2rem,
		100% calc(100% - 0.2rem),
		calc(100% - 0.2rem) 100%,
		0.2rem 100%,
		0 calc(100% - 0.2rem),
		0 0.2rem
	);
}
.tag-corners10 {
	clip-path: polygon(
		0.1rem 0,
		calc(100% - 0.1rem) 0,
		100% 0.1rem,
		100% calc(100% - 0.1rem),
		calc(100% - 0.1rem) 100%,
		0.1rem 100%,
		0 calc(100% - 0.1rem),
		0 0.1rem
	);
}
.tag-corners {
	clip-path: polygon(
		0.11rem 0,
		calc(100% - 0.11rem) 0,
		100% 0.1rem,
		100% calc(100% - 0.1rem),
		calc(100% - 0.11rem) 100%,
		0.11rem 100%,
		0 calc(100% - 0.1rem),
		0 0.1rem
	);
}
.tag-corners-2 {
	clip-path: polygon(
		0.1rem 0,
		calc(100% - 0.1rem) 0,
		100% 0.1rem,
		100% calc(100% - 0.1rem),
		calc(100% - 0.1rem) 100%,
		0.1rem 100%,
		0 calc(100% - 0.1rem),
		0 0.1rem
	);
}
.cut-corners {
	--cut-size: 0.14rem;
	position: relative;
	clip-path: polygon(
		var(--cut-size) 0,
		calc(100% - var(--cut-size)) 0,
		100% var(--cut-size),
		100% calc(100% - var(--cut-size)),
		calc(100% - var(--cut-size)) 100%,
		var(--cut-size) 100%,
		0 calc(100% - var(--cut-size)),
		0 var(--cut-size)
	);
}
.main-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: var(--a1);
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.09rem 0.31rem;
	font-family: var(--main-font-wide);
	font-weight: var(--bold-font);
	font-size: 0.18rem;
	line-height: 0.2rem;
	letter-spacing: 0;
	clip-path: polygon(
		0.16rem 0,
		calc(100% - 0.16rem) 0,
		100% 0.15rem,
		100% calc(100% - 0.15rem),
		calc(100% - 0.16rem) 100%,
		0.16rem 100%,
		0 calc(100% - 0.15rem),
		0 0.15rem
	);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.main-button {
		font-size: 0.11rem;
		line-height: 0.13rem;
	}
}
.link-animation {
	position: relative;
}
.link-animation span {
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}
.link-animation span:last-child {
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
	}
/*reveals*/
[reveal-title],
[reveal-bottom-text],
[reveal-bottom-fade],
[reveal-tag] {
	opacity: 0;
}
.inited:is([reveal-title],[reveal-bottom-text],[reveal-bottom-fade],[reveal-tag]) {
		opacity: 1;
	}
.no-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--black);
}
.no-image.red {
		background-color: var(--a1);
	}
.no-image span{
		color: var(--white);
	}
/*mobile menu*/
.mobile-main-menu {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.04rem;
	position: fixed;
	z-index: 40;
	transition:
		transform 256ms var(--ease),
		opacity 256ms var(--ease);
	transform-origin: 100% 50%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	align-items: center;
	text-align: center;
	background-color: var(--black-light);
	opacity: 0;
	pointer-events: none;
	transition-delay: 0ms;
	overflow-x: scroll;
}
.mobile-main-menu.is-open {
		transition-delay: 128ms;
		opacity: 1;
		pointer-events: all;
	}
.mobile-main-menu.is-open .main-nav .menu-item {
			transform: scale(1);
			opacity: 1;
		}
.mobile-main-menu .inner-wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: .2rem;
		padding-top: 1.4rem;
		padding-bottom: .2rem;
		height: 100%;
	}
.mobile-main-menu .main-nav {
		width: 100%;
	}
:is(.mobile-main-menu .main-nav) .menu-item {
			transition:
				color 128ms var(--ease),
				opacity 256ms var(--ease),
				transform 256ms var(--ease);
			font-family: var(--main-font-narrow);
			font-size: 0.72rem;
			line-height: 0.68rem;
			letter-spacing: -0.01em;
			font-weight: 800;
			color: var(--white);
			transform: scale(0.9);
			opacity: 0;
		}
@media screen and (max-height: 680px) and (orientation: portrait) {
:is(.mobile-main-menu .main-nav) .menu-item {
				font-size: 0.52rem;
				line-height: 0.58rem;
		}
			}
:is(:is(.mobile-main-menu .main-nav) .menu-item) a {
				transition: color 128ms var(--ease);
				user-select: none;
				appearance: none;
				background-color: transparent;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			}
:is(:is(.mobile-main-menu .main-nav) .menu-item) a:focus-visible {
				user-select: none;
				appearance: none;
				outline: none;
				background-color: transparent;
			}
:is(:is(.mobile-main-menu .main-nav) .menu-item) a:active {
				color: var(--a1);
				user-select: none;
				appearance: none;
				background-color: transparent;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(:is(.mobile-main-menu .main-nav) .menu-item) .sub-menu {
					display: none;
			}
				}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(1) {
			transition-delay: 50ms;
		}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(2) {
			transition-delay: 100ms;
		}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(3) {
			transition-delay: 150ms;
		}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(4) {
			transition-delay: 200ms;
		}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(5) {
			transition-delay: 250ms;
		}
:is(.mobile-main-menu .main-nav) .menu-item:nth-child(6) {
			transition-delay: 300ms;
		}
:is(:is(.mobile-main-menu .main-nav) .current-menu-item) a {
				transition-delay: 0;
				color: var(--a1);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
.mobile-main-menu {
		display: flex;
}
	}
.mobile-main-menu .social-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 0.15rem;
	}
/* page header styles */
@media screen and (min-width: 768px) and (orientation: landscape) {
body.sticky-active .page-header {
		transform: translate(0, -0.3rem);
		opacity: 0;
}
	}
body.scroll-down.scroll-past-top:not(.mobile-menu-open) .page-header {
	transform: translate(0, -0.4rem);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
body.scroll-down.scroll-past-top:not(.mobile-menu-open) .page-header {
		transform: translate(0, 0rem);
}

		:is(body.scroll-down.scroll-past-top:not(.mobile-menu-open) .page-header)::before {
			opacity: 1;
		}
	}
@media screen and (min-width: 768px) and (orientation: landscape) {
body.scroll-down.scroll-past-top .page-header {
		transform: translate(0, -0.3rem);
		opacity: 0;
}

		:is(body.scroll-down.scroll-past-top .page-header):hover {
			transform: translate(0, 0rem);
			opacity: 1;
		}
	}
.page-header {
	position: fixed;
	transition:
		transform 256ms var(--ease),
		opacity 256ms var(--ease);
	width: 100%;
	height: auto;
	top: 0rem;
	padding-top: 0.2rem;
	z-index: 50;
}
.page-header .mobile-button {
		position: relative;
		display: none;
		z-index: 1;
		color: var(--black);
		font-family: var(--main-font-wide);
		font-size: 0.11rem;
		line-height: 0.13rem;
		font-weight: 700;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.page-header {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		pointer-events: none;
}

		.page-header::before {
			content: "";
			display: block;
			position: absolute;
			transition: opacity 256ms var(--ease);
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.2);
			opacity: 0;
		}

		.page-header .container {
			position: relative;
			z-index: 5;
			pointer-events: all;
		}

		.page-header .mobile-button {
			display: block;
		}
	}
.navigation-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 0.4rem;
}
.navigation-bar .logo-wrapper {
		position: relative;
	}
:is(.navigation-bar .logo-wrapper) .logo {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			width: 1.0866rem;
			background-color: var(--a1);
			color: transparent;
			padding: 0.01rem;
			min-height: 0.4rem;
			margin-left: 0rem;
			clip-path: polygon(
				0.1666rem 0,
				calc(100% - 0.1666rem) 0,
				100% 0.16rem,
				100% calc(100% - 0.16rem),
				calc(100% - 0.1666rem) 100%,
				0.1666rem 100%,
				0 calc(100% - 0.16rem),
				0 0.16rem
			);
		}
:is(:is(.navigation-bar .logo-wrapper) .logo) span {
				position: absolute;
			}
:is(:is(.navigation-bar .logo-wrapper) .logo) svg {
				max-width: 0.64rem;
				width: 100%;
				height: auto;
			}
.navigation-bar .navigation {
		position: relative;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 12.56rem;
		height: 0.4rem;
		padding: 0 0.2rem;
		padding-right: 0.33rem;
		margin-left: -0.05rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.navigation-bar .navigation {
			padding-right: 0.2rem;
	}
		}
:is(.navigation-bar .navigation) .clip-path-bg {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;
			background-color: var(--white);
			clip-path: polygon(
				0 0,
				calc(100% - 0.16rem) 0,
				100% 0.16rem,
				100% calc(100% - 0.16rem),
				calc(100% - 0.16rem) 100%,
				0 100%,
				0 calc(100% - 0.04rem),
				0.106rem calc(100% - 0.145rem),
				0.106rem 0.145rem,
				0 0.04rem
			);
		}
:is(.navigation-bar .navigation) .main-nav {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 0.19rem;
			width: 100%;
			height: 0.4rem;
			padding-right: 0.07rem;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.navigation-bar .navigation) .main-nav {
				display: none;
		}
			}
:is(:is(.navigation-bar .navigation) .main-nav) .menu-item {
				display: flex;
				position: relative;
				top: 0.005rem;
				flex-direction: column;
				justify-content: flex-end;
				align-items: center;
				gap: 0.19rem;
			}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) a {
					display: flex;
					position: relative;
					text-decoration: none;
					color: var(--black);
					text-transform: uppercase;
					font-family: var(--main-font-wide);
					font-weight: var(--bold-font);
					font-size: 0.11rem;
					line-height: 0.13rem;
					letter-spacing: 0;
					/*padding-bottom: 0.02rem;*/
				}
:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) a):hover::before {
						transform: scaleX(1) translate3d(0, 0, 0px);
					}
.current-menu-item:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) > a::before {
					transform: scaleX(1) translate(0%, 0);
					opacity: 1;
				}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) a::before {
					content: "";
					display: block;
					position: absolute;
					transition:
						transform 256ms var(--ease),
						opacity 256ms var(--ease);
					transform-origin: 0% 50%;
					left: 0;
					bottom: -0.02rem;
					width: 100%;
					height: 2px;
					background-color: var(--black);
					transform: scaleX(0) translate3d(0, 0, 0px);
					backface-visibility: hidden;
				}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) a.from-left::before {
					transform-origin: 0% 50%;
				}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) a.from-right::before {
					transform-origin: 100% 50%;
				}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu {
					position: absolute;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					background-color: var(--a1);
					gap: 0.05rem;
					top: calc(100% + 0.05rem);
					padding: 0.2rem;
					clip-path: polygon(
						0.12rem 0,
						calc(100% - 0.12rem) 0,
						100% 0.12rem,
						100% calc(100% - 0.12rem),
						calc(100% - 0.12rem) 100%,
						0.12rem 100%,
						0 calc(100% - 0.12rem),
						0 0.12rem
					);
				}
:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item {
						display: flex;
					}
:is(:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item) a {
							display: flex;
							text-decoration: none;
							color: var(--white);
						}
:is(:is(:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item) a)::before {
								transform-origin: 0% 50%;
								background-color: var(--white);
							}
:is(:is(:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item) a):hover {
								text-decoration: none;
							}
:is(:is(:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item) a):hover .arrow {
									opacity: 1;
								}
:is(:is(:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item) .sub-menu) .menu-item) a) .arrow {
								display: none;
								margin-left: 0.05rem;
								margin-top: -0.01rem;
								opacity: 0;
								transition: opacity 0.3s ease-in-out;
							}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item.menu-item-has-children):hover .sub-menu {
						opacity: 1;
						transform: translateY(0);
						visibility: visible;
					}
:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item.menu-item-has-children) .sub-menu {
					display: flex;
					flex-direction: column;
					gap: 0.05rem;
					opacity: 0;
					visibility: hidden;
					transform: translateY(-0.05rem);
					transition:
						opacity 0.3s ease-in-out,
						transform 0.3s ease-in-out,
						visibility 0.3s ease-in-out;
				}
:is(:is(:is(:is(.navigation-bar .navigation) .main-nav) .menu-item.menu-item-has-children) .sub-menu a:hover)::before {
						opacity: 1;
						transform: scaleX(1) translate3d(0, 0, 0px);
					}
/* Footer Styles */
.footer-outer {
	position: relative;
	margin-top: -0.4rem;
	/*z-index: -1;*/
	overflow: hidden;
}
.page-footer {
	background-color: var(--a1);
	/*border-top: 1px solid var(--black);*/
	border-bottom: 1px solid var(--black);
	padding: 1.2rem 0 0.19rem 0;
	color: var(--white);
	backface-visibility: hidden;
}
.footer-top {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 3.64rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-top {
		flex-direction: column;
		align-items: center;
		gap: 0.39rem;
}
	}
/* Left Side - Navigation */
.footer-nav {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}
.footer-logo .logo {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 1.59rem;
	height: 0.3rem;
	color: transparent;
}
:is(.footer-logo .logo) span {
		position: absolute;
	}
.footer-logo .logo svg {
	width: 100%;
	height: auto;
}
.footer-nav-links {
	display: flex;
	flex-direction: column;
	gap: 0.05rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-menu.desktop-menu {
		display: none;
}
	}
.footer-menu.mobile-menu {
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 0.4rem 0;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-menu.mobile-menu {
		display: flex;
}
	}
.footer-menu.mobile-menu .footer-nav-links {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.15rem;
	}
.footer-nav-links li {
	margin: 0;
	display: flex;
}
.footer-nav-links a {
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	font-family: var(--main-font-wide);
	font-weight: var(--bold-font);
	font-size: 0.11rem;
	line-height: 0.13rem;
	letter-spacing: 0;
}
.footer-nav-links a:hover {
	text-decoration: underline;
}
/* Right Side - Social Media */
.footer-social {
	display: flex;
	flex-direction: row;
	gap: 0.73rem;
	align-items: flex-start;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-social {
		flex-direction: column;
		align-items: center;
		gap: 0.2rem;
}
	}
.footer-social .social-heading {
		margin-top: 0.05rem;
	}
.footer-social .social-links {
		display: flex;
		flex-direction: column;
		gap: 0rem;
		justify-content: flex-start;
	}
:is(.footer-social .social-links) .social-link {
			width: fit-content;
			color: var(--white);
			text-decoration: none;
			text-transform: uppercase;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
:is(.footer-social .social-links) .social-link {
				text-align: center;
				width: auto;
		}
			}
/* Middle Section - Spacing */
.footer-middle {
	height: 1.64rem;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-middle {
		display: none;
}
	}
/* Bottom Section */
.footer-bottom {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-bottom {
		flex-direction: column;
		gap: 0.04rem;
}
	}
.footer-bottom .legal-links {
		display: flex;
		gap: 0.2rem;
		width: calc(3.33rem + 3.57rem);
		padding-right: 0.2rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
.footer-bottom .legal-links {
			width: 100%;
			padding-right: 0;
			justify-content: center;
	}
		}
:is(.footer-bottom .legal-links) .legal-link {
			color: var(--white);
		}
:is(.footer-bottom .legal-links) .legal-link:hover {
			text-decoration: underline;
		}
.footer-bottom .copyright {
		color: var(--white);
	}
/**/
body.toolbar-active .floating-twitch-player {
	bottom: 0.8rem;
}
/**/
.floating-twitch-player {
	z-index: 150;
	position: fixed;
	transition:
		transform 128ms var(--ease),
		opacity 128ms var(--ease);
	transform: translate(5%, 0);
	opacity: 0;
	pointer-events: none;
	right: 0.4rem;
	bottom: 0.4rem;
}
.floating-twitch-player.visible {
		transform: translate(0, 0%);
		opacity: 1;
		pointer-events: all;
	}
.floating-twitch-player .card {
		display: block;
		background-color: var(--black-light);
	}
:is(.floating-twitch-player .card) .tag {
			display: block;
			position: absolute;
			z-index: 1;
			top: 0.12rem;
			left: 0.11rem;
			width: fit-content;
			text-transform: uppercase;
			background-color: var(--a1);
			padding: 0.06rem 0.21rem;
		}
:is(.floating-twitch-player .card) .cnt {
			padding: 0.1rem 0.12rem 0.08rem;
		}
:is(.floating-twitch-player .card) .title {
			color: var(--white);
			margin-bottom: 0.3rem;
		}
:is(.floating-twitch-player .card) .link {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 0.1rem;
		}
:is(:is(.floating-twitch-player .card) .link) svg {
				transition: transform 256ms var(--ease);
				transform: rotate(-45deg);
				width: 0.09rem;
			}
@media screen and (hover: hover) {
				:is(:is(.floating-twitch-player .card) .link):hover svg {
					transform: rotate(0deg);
				}
			}
:is(.floating-twitch-player .card) .twitch-player-frame {
			display: block;
			position: relative;
			aspect-ratio: 16 / 9;
			width: clamp(400px, 4rem, 4rem);
		}
:is(:is(.floating-twitch-player .card) .twitch-player-frame) iframe {
				display: block;
				width: 100%;
				height: 100%;
			}
:is(:is(.floating-twitch-player .card) .twitch-player-frame) > svg {
				display: block;
				position: absolute;
				transition:
					transform 256ms var(--ease),
					opacity 256ms var(--ease);
				cursor: pointer;
				z-index: 1;
				width: 0.1rem;
				height: 0.1rem;
				top: 0.2rem;
				right: 0.2rem;
				opacity: 0;
				pointer-events: none;
			}
@media screen and (hover: hover) {
				.playing:is(:is(.floating-twitch-player .card) .twitch-player-frame):hover > svg {
					opacity: 1;
					pointer-events: all;
				}

				:is(:is(.floating-twitch-player .card) .twitch-player-frame) > svg:hover {
					transform: scale(1.5);
				}
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
.floating-twitch-player {
		padding: 0.1rem;
		width: 100%;
		left: 0;
		bottom: 0;
		right: auto;
}

		.floating-twitch-player .container {
			max-width: none;
		}

		.floating-twitch-player .card {
			display: flex;
			justify-content: space-between;
			gap: 0.1rem;
			width: 100%;
			padding: 0.1rem;
		}

			:is(.floating-twitch-player .card) .media {
				aspect-ratio: 140 / 78;
				width: 1.4rem;
				object-fit: cover;
			}

			:is(.floating-twitch-player .card) .tag {
				position: relative;
				top: auto;
				left: auto;
				padding: 0.01rem 0.1rem 0;
				clip-path: polygon(
					0.06rem 0,
					calc(100% - 0.06rem) 0,
					100% 0.06rem,
					100% calc(100% - 0.06rem),
					calc(100% - 0.06rem) 100%,
					0.06rem 100%,
					0 calc(100% - 0.06rem),
					0 0.06rem
				);
				margin-bottom: 0.2rem;
			}

			:is(.floating-twitch-player .card) .title {
				font-size: 0.2rem;
				line-height: 0.2rem;
				margin-bottom: 0.1rem;
			}

			:is(.floating-twitch-player .card) .link svg {
				transform: none;
			}
	}
/**/
.section-404 {
	display: flex;
	align-items: center;
	position: relative;
	aspect-ratio: 1440 / 850;
	width: 100%;
}
.section-404 .media {
		position: absolute;
		transform: translate(-50%, -50%);
		z-index: 1;
		width: 13.6rem;
		top: 50%;
		left: 50%;
	}
.section-404 .shadow {
		display: block;
		position: absolute;
		z-index: 2;
		left: 0;
		width: 100%;
		height: 1.6rem;
	}
:is(.section-404 .shadow):nth-child(1) {
			top: 0;
			background: linear-gradient(
				0deg,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 1) 100%
			);
		}
:is(.section-404 .shadow):nth-child(2) {
			bottom: 0;
			background: linear-gradient(
				180deg,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 1) 100%
			);
		}
/**/
.section-404 .cnt {
		display: block;
		position: relative;
		z-index: 5;
		width: 100%;
		max-width: 7.7rem;
		margin: auto;
		text-align: center;
	}
:is(.section-404 .cnt) .title {
			margin-bottom: 0.2rem;
		}
:is(.section-404 .cnt) .text {
			margin-bottom: 0.2rem;
		}
:is(.section-404 .cnt) .button {
			display: block;
			position: relative;
			width: fit-content;
			background-color: var(--a1);
			padding: 0.085rem 0.1rem 0.09rem;
			min-width: 3.2rem;
			margin: auto;
			clip-path: polygon(
				0.15rem 0,
				calc(100% - 0.15rem) 0,
				100% 0.15rem,
				100% calc(100% - 0.15rem),
				calc(100% - 0.15rem) 100%,
				0.15rem 100%,
				0 calc(100% - 0.15rem),
				0 0.15rem
			);
		}
:is(:is(.section-404 .cnt) .button) span {
				display: block;
				white-space: nowrap;
			}
:is(:is(.section-404 .cnt) .button) span:last-child {
				position: absolute;
				transform: translate(-50%, -50%);
				top: 50%;
				left: 50%;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
.section-404 {
		aspect-ratio: 428 / 750;
}

		.section-404 .media {
			width: 100%;
			max-width: none;
		}

		.section-404 .shadow {
			display: none;
		}

		.section-404 .cnt {
			top: 0.2rem;
			padding: 0 0.3rem;
		}

			:is(.section-404 .cnt) .text {
				margin-bottom: 0.4rem;
			}

			:is(.section-404 .cnt) .button {
				min-width: 1.9rem;
				padding: 0.085rem 0.1rem;
				clip-path: polygon(
					0.12rem 0,
					calc(100% - 0.12rem) 0,
					100% 0.12rem,
					100% calc(100% - 0.12rem),
					calc(100% - 0.12rem) 100%,
					0.12rem 100%,
					0 calc(100% - 0.12rem),
					0 0.12rem
				);
			}
	}