/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide.stream figure {
  min-width:287px;
  min-height:204px;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
/* Navigation font end */
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
:root {
  --fz-html: 62.5%;
  --fw-base: 400;
  --lh-base: 1.2;
  --ff-base: "Proxima Nova", Helvetica, Arial, sans-serif;
  --c-black: #060606;
  --c-black-2: #151724;
  --c-black-3: #0d0d0d;
  --c-white: #fff;
  --c-red: #ff0000;
  --c-blue: #43a2fa;
  --c-blue-2: #7e92fb;
  --c-blue-3: #24a3ff;
  --c-blue-4: #536df1;
  --c-gray: #959fa8;
  --c-gray-2: #1b1d2b;
}
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
template {
  display: none;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
  max-width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
img,
[style*=background-image] {
  image-rendering: -webkit-optimize-contrast;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}
a[href^=tel],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  appearance: none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill {
  box-shadow: none !important;
  background-color: transparent !important;
  -webkit-background-clip: text;
}
select::-ms-expand {
  display: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
}
textarea {
  border-radius: 0;
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: "SF UI Text";
  src: url("./fonts/SFUIText-Semibold.woff2") format("woff2"), url("./fonts/SFUIText-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProDisplay";
  src: url("./fonts/SFProDisplay-Heavy.woff2") format("woff2"), url("./fonts/SFProDisplay-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Light.woff2") format("woff2"), url("./fonts/ProximaNova-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Regular.woff2") format("woff2"), url("./fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Medium.woff2") format("woff2"), url("./fonts/ProximaNova-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Semibold.woff2") format("woff2"), url("./fonts/ProximaNova-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Bold.woff2") format("woff2"), url("./fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("./fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("./fonts/ProximaNova-Extrabld.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
  //font-size: min(var(--fz-html), 0.52vw);
  font-size:62.5%;
  --shell-max-width: 200rem;
  --shell-gutter: 5.8rem;
  --fz-base: 1.5rem;
  min-width: 1024px;
}
body {
  min-width: 320px;
  font-family: var(--ff-base);
  font-weight: var(--fw-base);
  font-size: var(--fz-base);
  line-height: var(--lh-base);
  color: var(--c-white);
  background-color: var(--c-black);
}
body::-webkit-scrollbar {
  display: none;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(var(--lh-base) * 0.5em);
}
.h1,
h1 {
  font-size: 12rem;
  font-weight: 300;
}
.h2,
h2 {
  font-size: 6.5rem;
  font-weight: 400;
  line-height: 1.11;
}
.h3,
h3 {
  font-size: 5.2rem;
  font-weight: 700;
}
.h4,
h4 {
  font-size: 4rem;
  font-weight: 800;
}
.h5,
h5 {
  font-size: 2.5rem;
  font-weight: 800;
}
.h6,
h6 {
  font-size: 1.2rem;
  font-weight: 700;
}
a {
  color: inherit;
  text-decoration: underline;
}
@media (hover: hover) {
  a:where(:hover, :focus-visible) {
    text-decoration: none;
  }
}
a[href^=tel] {
  text-decoration: none;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: calc(var(--lh-base) * 0.5em);
}
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/* Screenreader-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none !important;
}
/*  Disabled  */
[disabled],
.disabled {
  cursor: default;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
.disable {
  pointer-events: none;
}
/* ------------------------------------------------------------ *\
	Components
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Article Performers
\* ------------------------------------------------------------ */
.article-performers {
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative;
  padding-top: 16.7rem;
  box-shadow: 5px 11px 90px 9px #132f46;
}
.article-performers .article__title {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 22.5rem;
  font-weight: 700;
  text-align: center;
}
.article-performers .article__main {
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
  aspect-ratio: 268/302;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.article-performers .article__main .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.article-performers .article__main .article__content {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
  background-color: #000;
  padding: 2.1rem 1rem;
}
.article-performers .article__main .article__content:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  height: 12rem;
  background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
}
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article {
  display: flex;
  flex-wrap: wrap;
}
.article .article__media {
  width: 22%;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-top: 0.8rem;
}
.article .article__media img {
  width: 100%;
}
.article .article__content {
  margin-left: 1.6rem;
  font-size: 2rem;
}
.article .article__content h5 {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.009em;
  margin-bottom: 0em;
}
.article .article__content p {
  margin-bottom: 0.2em;
  color: #f5f5ff;
}
.article .article__content ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  color: #d0d0da;
}
.article .article__content ul li {
  display: flex;
  align-items: center;
}
.article .article__content ul li:not(:first-child):before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: currentcolor;
  margin: 0.7rem;
  transform: rotate(45deg);
}
/* ------------------------------------------------------------ *\
	Avatar
\* ------------------------------------------------------------ */
.avatar {
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 4.6rem;
  font-size: 0;
  overflow: hidden;
  border-radius: 50%;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ------------------------------------------------------------ *\
	Block Channel
\* ------------------------------------------------------------ */
.block-channel {
  padding: 0.3rem 0.3rem;
  position: relative;
  width: 32.7rem;
  background-image: linear-gradient(-45deg, #8141f8 15%, #f6a290 75%);
  border-radius: 2.5rem;
}
.block-channel .block__inner {
  aspect-ratio: 327/474;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 2.3rem;
  position: relative;
}
.block-channel .block__inner .block__media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.block-channel .block__inner .block__media .btn {
  position: absolute;
  z-index: 2;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.block-channel .block__inner .block__title {
  font-size: 3rem;
  font-weight: 800;
  padding: 2.6rem 2.6rem 2.6rem 4.6rem;
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.block-channel .block__inner .block__title:after {
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 18.4rem;
}
.block-channel--alt {
  padding: 0;
  background-image: none;
  width: 43.5rem;
}
.block-channel--alt .block__inner {
  aspect-ratio: 435/427;
}
.block-channel--alt .block__inner .block__title {
  font-size: 2.4rem;
  padding: 1.6rem 1.1rem;
}
.block-channel--alt .block__inner .block__title img {
  margin-right: 5rem;
}
/* ------------------------------------------------------------ *\
	Block Events
\* ------------------------------------------------------------ */
.block-events > .block__head {
  display: flex;
  align-items: center;
  padding-left: 2.4rem;
  margin-bottom: 2rem;
}
.block-events > .block__head h4 {
  margin-bottom: 0;
}
.block-events > .block__head .link {
  margin-left: auto;
}
.block-events > .block__body {
  max-width: 56.2rem;
}
.block-events--alt > .block__head {
  margin-bottom: 1rem;
}
.block-events--alt > .block__body {
  max-width: 100%;
}
/* ------------------------------------------------------------ *\
	Block Ico
\* ------------------------------------------------------------ */
.block-ico {
  color: var(--c-gray);
  font-size: 2.5rem;
  font-weight: 400;
  position: relative;
  padding-left: 3rem;
}
.block-ico:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  background-color: currentColor;
  aspect-ratio: 1/1;
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23959FA8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6V12L16 14" stroke="%23959FA8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-size: 100% 100%;
}
.block-ico--location:before {
  width: 2.9rem;
  aspect-ratio: 29/28;
  mask-image: url('data:image/svg+xml,<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.375 11.6667C25.375 19.8334 14.5 26.8334 14.5 26.8334C14.5 26.8334 3.625 19.8334 3.625 11.6667C3.625 8.88197 4.77076 6.21126 6.81021 4.24213C8.84967 2.27299 11.6158 1.16675 14.5 1.16675C17.3842 1.16675 20.1503 2.27299 22.1898 4.24213C24.2292 6.21126 25.375 8.88197 25.375 11.6667Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 15.1667C16.502 15.1667 18.125 13.5997 18.125 11.6667C18.125 9.73375 16.502 8.16675 14.5 8.16675C12.498 8.16675 10.875 9.73375 10.875 11.6667C10.875 13.5997 12.498 15.1667 14.5 15.1667Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.block-ico--alt {
  font-weight: 800;
}
/* ------------------------------------------------------------ *\
	Block Past Events
\* ------------------------------------------------------------ */
.block-past-events > ul > li {
  background-color: rgba(38, 41, 62, 0.66);
  border-radius: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  padding: 1.8rem 4rem;
}
.block-past-events > ul > li + li {
  margin-top: 1.2rem;
}
.block-past-events > ul > li > div {
  display: flex;
  align-items: center;
}
.block-past-events > ul > li > div:nth-child(1) {
  width: 71%;
  padding-right: 4.8rem;
  border-right: 1px solid rgba(255, 255, 255, 0.41);
  margin-right: 2rem;
}
.block-past-events > ul > li > div:nth-child(1) > ul {
  width: 10%;
  flex-grow: 1;
  margin: 0;
}
.block-past-events > ul > li > div:nth-child(1) > h4 {
  margin-left: 1rem;
}
.block-past-events > ul > li > div:nth-child(2) {
  width: 10%;
  flex-grow: 1;
  justify-content: center;
}
.block-past-events > ul > li ul {
  list-style-type: none;
  padding: 1.1rem 0;
}
.block-past-events > ul > li ul > li {
  display: flex;
  flex-wrap: wrap;
}
.block-past-events > ul > li ul > li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.block-past-events > ul > li ul > li:nth-child(2) {
  color: var(--c-blue);
}
.block-past-events > ul > li ul > li h3 {
  width: 10%;
  flex-grow: 1;
}
.block-past-events > ul > li ul > li h4 {
  width: 4rem;
}
.block-past-events h3 {
  font-size: 3.5rem;
  letter-spacing: 0.01em;
  line-height: 1;
  margin: 0;
}
.block-past-events h4 {
  font-size: 3rem;
  letter-spacing: 0.01em;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}
/* ------------------------------------------------------------ *\
	Block Video
\* ------------------------------------------------------------ */
.block-video {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1138/731;
}
.block-video .block__content {
  position: absolute;
  top: 39%;
  left: 3.6%;
  width: 36.3%;
}
.block-video .block__content ul li {
  display: flex;
  flex-wrap: wrap;
}
.block-video .block__content ul li div:nth-child(1) {
  width: 10%;
  flex-grow: 1;
}
.block-video .block__content ul li div:nth-child(2) {
  width: 5rem;
}
.block-video .block__content ul li:not(:last-child) {
  margin-bottom: 0rem;
}
.block-video .block__content ul h5 {
  font-weight: 500;
}
.block-video .block__content ul h5 strong {
  font-weight: 800;
}
.block-video .block__content ul h3 {
  font-size: 5rem;
  font-weight: 500;
}
.block-video .block__content ul h3 strong {
  font-weight: 800;
}
.block-video .block__content .btn {
  padding: 0.2rem 2.6rem;
  font-size: 1.8rem;
  font-weight: 800;
}
.block-video .block__content .btn:not(:first-child) {
  margin-top: 0.6rem;
}
.block-video .block__actions {
  position: absolute;
  top: 51.4%;
  left: 55.6%;
  transform: translate(-50%, -50%);
  width: 30%;
  text-align: center;
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  --bg-color: var(--c-red);
  --txt-color: var(--c-white);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  background-color: var(--bg-color);
  color: var(--txt-color);
  font-size: 1.8rem;
  font-weight: 800;
  padding: 1rem 2.9rem;
  border-radius: 2.1rem;
  border: 1px solid var(--bg-color);
  transition: background-color 0.3s, color 0.3s;
}
.btn:hover {
  background-color: var(--txt-color);
  color: var(--bg-color);
}
.btn--blue {
  --bg-color: var(--c-blue);
}
.btn--blue-2 {
  --bg-color: var(--c-blue-4);
}
.btn--white {
  --txt-color: var(--c-white);
}
.btn--ico {
  font-size: 2.5rem;
  padding: 0.7rem 2.5rem;
  border-radius: 1rem;
  border-color: var(--txt-color);
  text-shadow: 0px 4px 4px rgba(180, 189, 238, 0.25);
}
.btn--ico:not(:hover) {
  --bg-color: transparent;
}
.btn--ico svg {
  margin-right: 1.3rem;
}
/* ------------------------------------------------------------ *\
	Chat
\* ------------------------------------------------------------ */
.chat {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.chat .chat__media {
  max-width: 4.6rem;
  margin-right: 1.2rem;
}
.chat .chat__body {
  width: 10%;
  flex-grow: 1;
  padding-top: 0.3rem;
}
.chat .chat__body > div {
  display: flex;
  overflow: hidden;
  margin-bottom: 1rem;
}
.chat .chat__body > div h6 {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.009em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
}
.chat .chat__body > div span {
  font-size: 1.2rem;
  font-family: "Inter";
  font-weight: 400;
  margin-left: 1rem;
  color: #8a8a98;
}
.chat .chat__body ul {
  list-style-type: none;
}
.chat .chat__body ul li {
  background-color: #1f8aff;
  padding: 1.5rem 1.7rem;
  width: fit-content;
  border-radius: 0 1.6rem 1.6rem 1.6rem;
}
.chat .chat__body ul li:not(:last-child) {
  margin-bottom: 0.6rem;
}
.chat--light .chat__body ul li {
  background: rgba(112, 112, 124, 0.3);
}
/* ------------------------------------------------------------ *\
	Events List
\* ------------------------------------------------------------ */
.events-list {
  background-color: var(--c-gray-2);
  border-radius: 0.6rem;
  padding: 0.6rem 2.3rem;
}
.events-list .events__head {
  padding: 0 2.5rem 0 0.9rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.events-list .events__head .btn-ico {
  margin-left: auto;
}
.events-list .events__body {
  height: 63.2rem;
  overflow-y: auto;
}
.events-list .events__body::-webkit-scrollbar {
  display: none;
}
.events-list .events__body > ul {
  list-style-type: none;
}
.events-list .events__body > ul > li:not(:last-child) {
  margin-bottom: 1rem;
}
/* ------------------------------------------------------------ *\
	Footer 
\* ------------------------------------------------------------ */
.footer {
  --shell-gutter: 7.1rem;
  padding: 0 0 3rem;
}
.footer .footer__inner {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer__inner .footer__content {
  width: 10%;
  flex-grow: 1;
  max-width: 44.4rem;
}
.footer .footer__inner .footer__content h4 {
  font-weight: 400;
}
.footer .footer__inner .footer__aside {
  max-width: 30%;
  margin-left: auto;
  text-align: center;
  padding: 0 1rem;
}
.footer .footer__inner .footer__aside .nav-stores {
  padding: 0 1rem;
}
.footer .footer__inner .footer__aside .socials:not(:first-child) {
  margin-top: 7.2rem;
}
.footer .footer__inner .footer__foot {
  width: 100%;
  margin-top: 6rem;
}
/* ------------------------------------------------------------ *\
	Grid flex
\* ------------------------------------------------------------ */
.grid-flex {
  --grid-gutter: 2rem;
  display: flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--grid-gutter) / 2 * -1);
}
.grid-flex .grid__col {
  --grid-cols: 1;
  padding-inline: var(--grid-gutter);
  max-width: calc(100% / var(--grid-cols));
  flex: 0 0 calc(100% / var(--grid-cols));
}
.grid-flex .grid__col--1of2 {
  --grid-cols: 2;
}
.grid-flex .grid__col--1of3 {
  --grid-cols: 3;
}
.grid-flex .grid__col--1of4 {
  --grid-cols: 4;
}
.grid-flex .grid__col--1of5 {
  --grid-cols: 5;
}
.grid-flex .grid__col--1of6 {
  --grid-cols: 6;
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
  --gutter-x: 4rem;
  --gutter-y: 4rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--gutter-y);
  margin: 0 calc(var(--gutter-x) * -0.5);
}
.grid--center {
  align-items: center;
}
.grid--v-center {
  justify-content: center;
}
.grid .grid__col {
  --col-size: 100%;
  --offset: 0rem;
  padding: 0 calc(var(--gutter-x) * 0.5);
  width: var(--col-size);
  margin-left: var(--offset);
}
.grid .grid__col--1of5 {
  --col-size: calc(100% / 5 * 1);
}
.grid .grid__col--1of12 {
  --col-size: calc(100% / 12 * 1);
}
.grid .offset-1of12 {
  --offset: calc(100% / 12 * 1);
}
.grid .grid__col--2of12 {
  --col-size: calc(100% / 12 * 2);
}
.grid .offset-2of12 {
  --offset: calc(100% / 12 * 2);
}
.grid .grid__col--3of12 {
  --col-size: calc(100% / 12 * 3);
}
.grid .offset-3of12 {
  --offset: calc(100% / 12 * 3);
}
.grid .grid__col--4of12 {
  --col-size: calc(100% / 12 * 4);
}
.grid .offset-4of12 {
  --offset: calc(100% / 12 * 4);
}
.grid .grid__col--5of12 {
  --col-size: calc(100% / 12 * 5);
}
.grid .offset-5of12 {
  --offset: calc(100% / 12 * 5);
}
.grid .grid__col--6of12 {
  --col-size: calc(100% / 12 * 6);
}
.grid .offset-6of12 {
  --offset: calc(100% / 12 * 6);
}
.grid .grid__col--7of12 {
  --col-size: calc(100% / 12 * 7);
}
.grid .offset-7of12 {
  --offset: calc(100% / 12 * 7);
}
.grid .grid__col--8of12 {
  --col-size: calc(100% / 12 * 8);
}
.grid .offset-8of12 {
  --offset: calc(100% / 12 * 8);
}
.grid .grid__col--9of12 {
  --col-size: calc(100% / 12 * 9);
}
.grid .offset-9of12 {
  --offset: calc(100% / 12 * 9);
}
.grid .grid__col--10of12 {
  --col-size: calc(100% / 12 * 10);
}
.grid .offset-10of12 {
  --offset: calc(100% / 12 * 10);
}
.grid .grid__col--11of12 {
  --col-size: calc(100% / 12 * 11);
}
.grid .offset-11of12 {
  --offset: calc(100% / 12 * 11);
}
.grid .grid__col--12of12 {
  --col-size: calc(100% / 12 * 12);
}
.grid .offset-12of12 {
  --offset: calc(100% / 12 * 12);
}
@media (max-width: 1023px) {
  .grid--disable-tablet > .grid__col {
    --col-size: 100%;
    --offset: 0rem;
  }
}
@media (max-width: 767px) {
  .grid .grid__col--mobile-1of3 {
    width: calc(8.3333333333% * 1);
  }
  .grid .offset-1of3 {
    margin-left: calc(8.3333333333% * 1);
  }
  .grid .grid__col--mobile-2of3 {
    width: calc(8.3333333333% * 2);
  }
  .grid .offset-2of3 {
    margin-left: calc(8.3333333333% * 2);
  }
  .grid .grid__col--mobile-3of3 {
    width: calc(8.3333333333% * 3);
  }
  .grid .offset-3of3 {
    margin-left: calc(8.3333333333% * 3);
  }
  .grid--disable-mobile > .grid__col {
    --col-size: 100%;
    --offset: 0rem;
  }
}
/* ------------------------------------------------------------ *\
	Header 
\* ------------------------------------------------------------ */
.header {
  --shell-gutter: 4.2rem;
  padding: 2.7rem 0;
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
}
.header .header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header .header__inner .logo {
  margin-top: -2.6rem;
  margin-left: 1rem;
}
.header--alt {
  --shell-gutter: 2.9rem;
  padding: 1.5rem 0;
}
.header--alt .select-filters {
  position: absolute;
  top: 43%;
  left: 47.6%;
  transform: translate(-50%, -50%);
}
/* ------------------------------------------------------------ *\
	Hero Following
\* ------------------------------------------------------------ */
.hero-following {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-following .hero__inner {
  padding: calc(var(--header-height) + 8.6rem) 3rem 6.8rem 5rem;
  min-height: var(--win-height, 100svh);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.hero-following .hero__inner .hero__main {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 56.8%;
  margin-left: 3.1%;
}
.hero-following .hero__inner .hero__content {
  width: 10%;
  flex-grow: 1;
}
.hero-following .hero__inner .hero__content h1 {
  margin-bottom: 0;
}
.hero-following .hero__inner .hero__content h1 strong {
  font-weight: 800;
}
.hero-following .hero__inner .hero__content h1 + h3 {
  margin-top: -3rem;
}
.hero-following .hero__inner .hero__content h3 {
  padding-left: 1.2rem;
  letter-spacing: 0.01em;
}
.hero-following .hero__inner .hero__content h3 span {
  font-size: 3rem;
  margin-left: 1.4rem;
}
.hero-following .hero__inner .hero__actions {
  padding: 4rem 0 0;
}
.hero-following .hero__inner .hero__actions .btn {
  min-width: 16.5rem;
}
.hero-following .hero__inner .hero__widget {
  width: 100%;
  padding: 2.9rem 3rem 0;
}
.hero-following .hero__inner .hero__media {
  width: 10%;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hero-following .hero__inner .hero__media .tabs-games {
  width: 37.7rem;
  margin: 0 20% 2rem;
}
.hero-following .hero__inner .hero__media .block-channel--alt {
  width: calc(50% - 2rem);
  text-align: center;
}
.hero-following .hero__inner .hero__media .block-channel--alt .block__inner {
  aspect-ratio: 323/204;
}
.hero-following .hero__inner .hero__media .block-channel--alt .block__inner .block__title {
  font-size: 2rem;
}
.hero-following .hero__inner .hero__media .block-channel--alt .block__inner .block__title:after {
  height: 6.5rem;
}
.hero-following .hero__inner .hero__foot {
  width: calc(100% + 1.7rem);
  margin-top: auto;
  margin-left: -1.7rem;
  padding: 0 6.5rem 0 0rem;
}
.hero-following .hero__inner .hero__foot h4 {
  margin-bottom: 0rem;
}
.hero-following .hero__inner .hero__foot .swiper-following {
  padding: 0;
}
.hero-following .hero__inner .hero__foot .swiper-following .swiper__inner {
  padding: 1.6rem 0;
}
.hero-following .hero__inner .hero__foot .swiper-following .swiper-button {
  --position-x: -10.2rem;
}
/* ------------------------------------------------------------ *\
	Hero Innerpages
\* ------------------------------------------------------------ */
.hero-innerpages {
  position: relative;
}
.hero-innerpages .hero__media {
  position: absolute;
  z-index: 1;
  text-align: right;
  top: 0;
  right: 0;
  width: 92%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-innerpages .hero__inner {
  position: relative;
  z-index: 2;
  padding: calc(var(--header-height) + 5.8rem) 7% 8.4rem 7%;
}
.hero-innerpages .hero__body {
  display: flex;
  align-items: flex-start;
}
.hero-innerpages .hero__body .hero__content {
  width: 10%;
  max-width: 91.4rem;
  flex-grow: 1;
  margin-left: 2.8%;
  padding-top: 1.1rem;
}
.hero-innerpages .hero__body .hero__content h1 strong {
  font-weight: 800;
}
.hero-innerpages .hero__body .hero__content h1:not(:last-child) {
  margin-bottom: -0.2em;
}
.hero-innerpages .hero__body .hero__content h4 {
  font-weight: 700;
  padding-left: 0.6rem;
}
.hero-innerpages .hero__body .hero__actions {
  align-self: center;
  margin-left: 2.3%;
  margin-bottom: 1.9rem;
}
.hero-innerpages .hero__body .hero__actions .btn {
  font-weight: 600;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.hero-innerpages .hero__foot {
  text-align: center;
  margin-top: 1.5rem;
  max-width: 87.3%;
}
/* ------------------------------------------------------------ *\
	Hero 
\* ------------------------------------------------------------ */
.hero {
  position: relative;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
}
.hero .hero__media {
  position: absolute;
  z-index: 1;
  text-align: right;
  top: 0;
  right: 0;
  width: 92%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero .hero__inner {
  position: relative;
  z-index: 2;
  padding: calc(var(--header-height) + 14.1rem) 3rem 2rem 5rem;
}
.hero .hero__content {
  max-width: 42%;
  margin-left: 3%;
}
.hero .hero__content h5 {
  padding-left: 0.45em;
}
.hero .hero__content h5:not(:last-child) {
  margin-bottom: 0.8em;
}
.hero .hero__foot {
  margin-top: 11rem;
  max-width: 161.1rem;
}
.hero .hero__foot .widget-logos {
  margin-top: 7.6rem;
  margin-left: 3.4%;
}
/* ------------------------------------------------------------ *\
	Link Alt
\* ------------------------------------------------------------ */
.link-alt {
  font-size: 2.5rem;
  color: var(--c-blue-2);
  display: inline-block;
  text-decoration: none;
  transition: color 0.3s;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.link-alt:hover {
  color: var(--c-red);
}
/* ------------------------------------------------------------ *\
	Link 
\* ------------------------------------------------------------ */
.link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 2.5rem;
  letter-spacing: 0.01em;
}
.link:after {
  content: "";
  font-size: 0;
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml,<svg width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6H18.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 1L20 6.10714L15 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-size: 100% 100%;
  display: block;
  width: 1.9rem;
  aspect-ratio: 21/12;
  margin-left: 1.1rem;
}
.link--blue {
  color: var(--c-blue-3);
}
/* ------------------------------------------------------------ *\
	List Events
\* ------------------------------------------------------------ */
.list-events > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: var(--c-black-2);
  padding: 1.6rem 1.4rem 1.3rem 5.6rem;
  border-radius: 0.5rem;
}
.list-events > li > div:nth-child(1) {
  width: 48%;
}
.list-events > li > div:nth-child(2) {
  width: 14%;
  margin-left: 2%;
}
.list-events > li > div:nth-child(3) {
  width: 14%;
  margin-left: 2%;
}
.list-events > li > div:nth-child(4) {
  width: 10%;
  flex-grow: 1;
  margin-left: auto;
  text-align: right;
}
.list-events > li + li {
  margin-top: 1.75rem;
}
.list-events > li .block-ico {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.list-events--alt > li {
  padding: 0.3rem 4.1rem 1.3rem 3.8rem;
}
.list-events--alt > li > div:nth-child(1) {
  width: 4%;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--c-blue);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.list-events--alt > li > div:nth-child(2) {
  width: 15.9%;
  margin-left: 2%;
  align-self: flex-end;
}
.list-events--alt > li > div:nth-child(3) {
  width: 17.7%;
  margin-left: 0.1%;
  position: relative;
  text-align: left;
  min-height: 17.2rem;
}
.list-events--alt > li > div:nth-child(3):has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4rem;
}
.list-events--alt > li > div:nth-child(3):after {
  content: "";
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  right: 0;
  height: 7.9rem;
  width: 1px;
  background-color: currentColor;
}
.list-events--alt > li > div:nth-child(4) {
  width: 9.5%;
  margin-left: 2.8%;
  flex-grow: 0;
  text-align: left;
}
.list-events--alt > li > div:nth-child(5) {
  width: 14.5%;
  margin-left: 2.5%;
}
.list-events--alt > li > div:nth-child(6) {
  width: 14.5%;
  margin-left: 3.1%;
}
.list-events--alt > li > div:nth-child(7) {
  width: 10%;
  margin-left: 1.8%;
  flex-grow: 1;
  text-align: right;
}
.list-events--alt > li + li {
  margin-top: 0.85rem;
}
.list-events--alt .block-ico {
  color: var(--c-white);
  padding-left: 3.7rem;
}
/* ------------------------------------------------------------ *\
	Logo Btn
\* ------------------------------------------------------------ */
.logo-btn {
  display: block;
  text-align: center;
  min-width: 16.2rem;
}
/* ------------------------------------------------------------ *\
    Mask Img
\* ------------------------------------------------------------ */
.mask-img {
  display: block;
  width: fit-content;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  font-size: 0;
  background-color: currentColor;
  color: inherit;
  transition: opacity 0.3s;
}
.mask-img img {
  opacity: 0;
}
.mask-img:hover {
  opacity: 0.6;
}
/* ------------------------------------------------------------ *\
	Nav Policy
\* ------------------------------------------------------------ */
.nav-policy {
  font-family: "Rubik", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  width: 100%;
  display: flex;
  align-items: center;
}
.nav-policy ul {
  display: flex;
  align-items: center;
  margin: 0;
}
.nav-policy ul li:not(:last-child) {
  margin-right: 2.6rem;
}
.nav-policy ul a {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s;
}
.nav-policy ul a:hover {
  text-decoration: underline;
  text-decoration-color: currentcolor;
}
.nav-policy > p {
  font-size: 1.7rem;
  margin-left: auto;
  margin-right: 1rem;
  font-family: "Inter", sans-serif;
}
/* ------------------------------------------------------------ *\
	Nav Stores
\* ------------------------------------------------------------ */
.nav-stores {
  text-align: left;
}
.nav-stores h6 {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0 1.3rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.nav-stores h6:not(:last-child) {
  margin-bottom: 2rem;
}
.nav-stores ul li:not(:last-child) {
  margin-bottom: 1.3rem;
}
/* ------------------------------------------------------------ *\
	Nav 
\* ------------------------------------------------------------ */
.nav {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(11.7083px);
  border-radius: 49.5px;
  overflow: hidden;
}
.nav ul {
  display: flex;
  align-items: center;
}
.nav ul li {
  padding: 0.3rem 0.3rem;
  border-radius: 49.5rem;
}
.nav ul li > a:not(:has(svg)) {
  min-width: 22.6rem;
  text-align: center;
}
.nav ul li.is-active {
  background-color: var(--c-white);
  color: #000;
}
.nav a {
  padding: 0;
  text-decoration: none;
  min-height: 5.2rem;
  min-width: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s;
}
.nav a:hover {
  color: var(--c-red);
}
/* ------------------------------------------------------------ *\
	Notifications
\* ------------------------------------------------------------ */
.notifications {
  min-width: 6.9rem;
  text-align: center;
}
/* ------------------------------------------------------------ *\
	Position
\* ------------------------------------------------------------ */
.position {
  font-size: 2.5rem;
}
.position.bottom:before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 4.5px 9px 4.5px;
  border-color: transparent transparent currentcolor transparent;
  display: inline-block;
  vertical-align: middle;
  transform: scaleY(-1);
  margin-right: 0.5rem;
}
.position.top:before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 4.5px 9px 4.5px;
  border-color: transparent transparent currentcolor transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
/* ------------------------------------------------------------ *\
	Result
\* ------------------------------------------------------------ */
.result .result__body {
  padding: 1.7rem 1rem;
  display: flex;
  align-items: center;
}
.result .result__body picture {
  width: 10%;
  flex-grow: 1;
  text-align: center;
}
.result .result__body span {
  font-size: 7.5rem;
  font-weight: 800;
}
.result .result__foot {
  padding: 0.2rem 0 1.1rem;
}
.result .result__foot h6 {
  font-family: "Inter";
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
}
/* ------------------------------------------------------------ *\
	Results
\* ------------------------------------------------------------ */
.results {
  display: inline-block;
  border-radius: 1.4rem;
  overflow: hidden;
}
.results .results__body {
  padding: 0.8rem 1.6rem 1.1rem;
  display: flex;
  align-items: center;
  background-color: #0a1215;
}
.results .results__body h4 {
  font-size: 4.5rem;
  margin: 0;
}
.results .results__body h4 span {
  opacity: 0.7;
  font-size: 4rem;
}
.results .results__body h4:first-child span {
  margin-right: 0.4em;
}
.results .results__body h4:last-child span {
  margin-left: 0.4em;
}
.results .results__body figure {
  margin: 0 1.4rem 0 3.6rem;
}
.results .results__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.7rem 0.6rem 2rem;
  background-color: rgba(44, 47, 71, 0.86);
  font-family: "SF UI Text";
  font-weight: 600;
  font-size: 2.5rem;
}
.results .results__foot > svg {
  margin-left: 1.8rem;
  margin-right: 1.4rem;
}
.results .results__foot > p {
  margin: 0;
  letter-spacing: -0.02em;
}
/* ------------------------------------------------------------ *\
	Search Alt
\* ------------------------------------------------------------ */
.search-alt {
  background-color: #d7d7db;
  padding: 1.1rem 3.7rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.search-alt form {
  display: flex;
  align-items: center;
}
.search-alt form input {
  width: 10%;
  flex-grow: 1;
  color: var(--c-black);
  background-color: transparent;
  border: none;
  font-size: 1.6rem;
  font-family: "Inter";
  font-weight: 700;
  letter-spacing: -0.009em;
}
.search-alt form input::placeholder {
  color: #8a8a98;
}
.search-alt form button {
  margin-left: 2rem;
  padding: 1rem 3.2rem;
  border-radius: 0.6rem;
}
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.search form {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 3.5rem;
  font-weight: 700;
  width: 100%;
  margin-left: 5rem;
  gap: 1rem 2rem;
}
.search form .search__label {
  display: flex;
  align-self: center;
  font-size: 0;
  line-height: 1;
  flex-shrink: 0;
  width: 6rem;
  height: 6rem;
}
.search form .search__label .question-mark {
  width: 100%;
  height: 100%;
  color: white;
}
.search form .search__field {
  flex-grow: 1;
  min-width: 0;
  margin: 0;
  background-color: var(--c-gray-2);
  color: white;
  padding: 2rem 3rem;
  border: none;
  font-weight: inherit;
  min-height: 100%;
  border-radius: 10px;
  overflow: hidden;
  width: calc(90% - 6.2rem);
}
.search form .search__field::placeholder {
  opacity: 0.46;
}
.search form .search__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  flex-shrink: 0;
}
/* ------------------------------------------------------------ *\
	Section Event Center
\* ------------------------------------------------------------ */
.section-event-center {
  padding: var(--header-height) 0;
  background-image: linear-gradient(to bottom, #062a60 0, rgba(63, 59, 89, 0) 20rem), linear-gradient(to bottom, #151724 0%, #151724 100%);
}
.section-event-center .shell {
  --shell-gutter: 0rem;
}
.section-event-center .section__inner {
  padding: 2rem 0 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.section-event-center .section__inner .section__media {
  width: 74.3%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1427/761;
  padding: 1.5rem 2.7rem;
  margin-bottom: 4.6rem;
}
.section-event-center .section__inner .section__aside {
  width: 23.7%;
  margin-left: auto;
  padding-right: 2.1rem;
  margin-bottom: 2rem;
}
.section-event-center .section__inner .section__aside .tabs-select__head .select-filters {
  margin-left: auto;
  margin-right: auto;
}
.section-event-center .section__inner .section__aside .tabs-score:not(:first-child) {
  margin-top: 1.8rem;
}
.section-event-center .section__inner .section__aside .events-list {
  background-color: #2c2f47;
  border-radius: 2.4rem;
}
.section-event-center .section__inner .section__aside .events-list .article .article__media {
  width: 32%;
}
.section-event-center .section__inner .section__foot {
  width: 100%;
}
.section-event-center .section__inner .section__foot .swiper-following {
  padding: 0 9.8rem 0 3rem;
}
.section-event-center .section__inner .section__foot .swiper-following .swiper__inner {
  padding-left: 0;
  padding-right: 0;
}
/* ------------------------------------------------------------ *\
	Section Events
\* ------------------------------------------------------------ */
.section-events {
  padding: 14.2rem 0;
}
.section-events .section__inner {
  display: flex;
  flex-wrap: wrap;
}
.section-events .section__main {
  width: 55.9%;
  padding-top: 0.4rem;
}
.section-events .section__aside {
  width: 29.6%;
  margin-left: auto;
  margin-right: 7.4%;
}
/* ------------------------------------------------------------ *\
	Section Video
\* ------------------------------------------------------------ */
.section-video {
  padding: 2.3rem 0;
  margin-bottom: 16rem;
}
.section-video .section__inner {
  display: flex;
  flex-wrap: wrap;
}
.section-video .section__main {
  width: 57.8%;
}
.section-video .section__aside {
  width: 32.6%;
  margin-left: 4%;
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {
  padding: 5.6rem 0 6.6rem;
  --shell-gutter: 5.6rem;
}
.section .section__head {
  display: flex;
  align-items: center;
  padding: 0 5.1rem 0 2.9rem;
  margin-bottom: 1.8rem;
}
.section .section__head .section__title {
  width: 10%;
  flex-grow: 1;
}
.section .section__head .section__actions {
  max-width: 40%;
}
.section .section__body {
  padding-left: 0rem;
}
.section .section__body .swiper-base {
  --gap: 1.75rem;
  --transparent-space: 20.7rem;
}
.section--alt .section__body .swiper-base {
  --gap: 1.05rem;
}
.section--performers {
  padding: 10rem 0 5rem;
}
.section--performers .section__head {
  margin-bottom: 0rem;
}
.section--performers .section__body {
  max-width: 182rem;
}
.section--performers .section__body .grid {
  --gutter-x: 11.9rem;
}
.section--schedule .section__head {
  margin-bottom: 2.2rem;
}
.section--schedule .section__body {
  padding-left: 5%;
  padding-right: 7.2%;
}
/* ------------------------------------------------------------ *\
	Select Filters
\* ------------------------------------------------------------ */
.select-filters {
  position: relative;
  font-size: 3rem;
  font-weight: 800;
  //width: 100%;
  //max-width: 9rem;
}
.select-filters select {
  border: none;
  width: 100%;
  font-weight: inherit;
}
.select-filters select option {
  color: var(--c-black);
}
.select-filters:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  //right: 0rem;
  width: 1.6rem;
  height: 1.3rem;
  mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.74106 12.3832L0.451195 1.93688C0.399499 1.86267 0.368902 1.77583 0.36266 1.6856C0.356417 1.59537 0.374765 1.50514 0.415748 1.42452C0.456731 1.3439 0.518814 1.2759 0.595386 1.22777C0.671958 1.17964 0.760153 1.15318 0.850573 1.15121L14.9794 0.850596C15.0698 0.848719 15.159 0.871403 15.2376 0.916232C15.3161 0.961061 15.3811 1.02636 15.4254 1.10516C15.4698 1.18397 15.492 1.27334 15.4896 1.36375C15.4872 1.45416 15.4603 1.54223 15.4118 1.61857L8.57287 12.3655C8.52867 12.4349 8.46802 12.4924 8.39629 12.5327C8.32457 12.5731 8.24398 12.5951 8.1617 12.5969C8.07941 12.5986 7.99796 12.5801 7.92458 12.5428C7.8512 12.5055 7.78816 12.4507 7.74106 12.3832Z" fill="white"/></svg>');
  background-color: currentColor;
  mask-size: 100% 100%;
  pointer-events: none;
}
.select-filters--alt {
  background-color: var(--c-white);
  color: var(--c-black-3);
  font-size: 2rem;
  font-weight: 700;
  max-width: 16.1rem;
}
.select-filters--alt select {
  text-align: center;
  text-align-last: center;
  padding: 1.8rem 5rem 1.8rem 1rem;
}
.select-filters--alt:after {
  right: 2rem;
  width: 1.3rem;
  height: 0.7rem;
  mask-image: url('data:image/svg+xml,<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.532227 0.614868L6.31395 6.47306L12.0957 0.614868" stroke="%230D0D0D" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.select-filters--blue {
  color: var(--c-white);
  font-size: 2rem;
  font-weight: 800;
  max-width: 30rem;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(11.7083px);
  border-radius: 49.5px;
}
.select-filters--blue select {
  text-align: center;
  text-align-last: center;
  padding: 1.6rem 3rem 1.6rem 1rem;
}
.select-filters--blue:after {
  right: 3rem;
  width: 1.1rem;
  height: 0.9rem;
  mask-image: url('data:image/svg+xml,<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.22568 7.93609L0.211432 0.902039C0.175876 0.852069 0.155362 0.793926 0.152074 0.733802C0.148787 0.673678 0.162849 0.613825 0.192763 0.560617C0.222678 0.50741 0.267323 0.462841 0.321947 0.431657C0.37657 0.400474 0.439125 0.383843 0.502948 0.383537L10.4756 0.340511C10.5394 0.340267 10.6021 0.356357 10.657 0.387068C10.7118 0.41778 10.7568 0.461962 10.7872 0.514909C10.8175 0.567856 10.832 0.627586 10.8292 0.687736C10.8264 0.747886 10.8064 0.806205 10.7712 0.85648L5.8128 7.93356C5.78076 7.97928 5.73725 8.01685 5.68615 8.04292C5.63504 8.06899 5.57791 8.08276 5.51983 8.08302C5.46174 8.08327 5.40451 8.06999 5.3532 8.04436C5.30188 8.01873 5.25808 7.98154 5.22568 7.93609V7.93609Z" fill="white"/></svg>');
}
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc(var(--shell-max-width) + var(--shell-gutter) * 2);
  padding-inline: var(--shell-gutter);
  margin-inline: auto;
  width: 100%;
}
/* Shell Fluid */
.shell--fluid {
  max-width: none;
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials {
  display: inline-block;
}
.socials ul {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.socials ul li:not(:last-child) {
  margin-right: 4rem;
}
/* ------------------------------------------------------------ *\
	Submenu
\* ------------------------------------------------------------ */
.submenu {
  font-size: 2.5rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
}
.submenu .shell {
  --shell-max-width: 161.6rem;
}
.submenu ul {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
}
.submenu ul li {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.submenu ul li:not(:last-child) {
  margin-right: 19.5rem;
}
.submenu ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 86px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--c-blue);
  opacity: 0;
  transition: opacity 0.3s;
}
.submenu ul li.is-active {
  font-size: 3.5rem;
}
.submenu ul li.is-active a {
  padding-bottom: 0.2rem;
}
.submenu ul li.is-active:after {
  opacity: 1;
}
.submenu a {
  text-decoration: none;
  padding-bottom: 0.5rem;
}
/* ------------------------------------------------------------ *\
	Swiper Base
\* ------------------------------------------------------------ */
.swiper-base {
  --gap: 0.8rem;
  --transparent-space: 18rem;
  position: relative;
  overflow: hidden;
}
.swiper-base .swiper__inner {
  margin: 0 calc(var(--gap) * -1);
  mask-image: linear-gradient(to right, transparent 0, #fff var(--transparent-space), #fff calc(100% - var(--transparent-space)), transparent 100%);
  mask-size: 100% 100%;
  mask-position: left;
  transition: mask-size 0.15s 0s, mask-position 0.15s 0s;
}
.swiper-base .swiper-wrapper {
  align-items: center;
}
.swiper-base .swiper-slide {
  width: auto;
  padding: 0 var(--gap);
}
.swiper-base .swiper-button {
  --position-x: 0.6rem;
  z-index: 3;
  width: 3.2rem;
  height: auto;
  background-color: #28262d;
  border-radius: 50%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--position-x);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
}
.swiper-base .swiper-button:before {
  content: "";
  display: block;
  width: 0.8rem;
  aspect-ratio: 7/12;
  transform: scaleX(-1);
  display: block;
  font-size: 0;
  mask-image: url('data:image/svg+xml,<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.42516 15.225C1.26683 15.225 1.1085 15.1667 0.983496 15.0417C0.741829 14.8 0.741829 14.4 0.983496 14.1583L6.41683 8.72502C6.81683 8.32502 6.81683 7.67502 6.41683 7.27502L0.983496 1.84168C0.741829 1.60002 0.741829 1.20002 0.983496 0.95835C1.22516 0.716683 1.62516 0.716683 1.86683 0.95835L7.30016 6.39168C7.72516 6.81668 7.96683 7.39168 7.96683 8.00002C7.96683 8.60835 7.7335 9.18335 7.30016 9.60835L1.86683 15.0417C1.74183 15.1583 1.5835 15.225 1.42516 15.225Z" fill="%23F9F9F9"/></svg>');
  mask-size: 100% 100%;
  background-color: currentcolor;
}
.swiper-base .swiper-button--prev.swiper-button-disabled ~ .swiper__inner {
  mask-size: calc(100% + var(--transparent-space)) 100%;
  mask-position: calc(var(--transparent-space) * -1) 0;
}
.swiper-base .swiper-button--next {
  left: auto;
  right: var(--position-x);
}
.swiper-base .swiper-button--next:before {
  transform: scaleX(1);
}
.swiper-base .swiper-button--next.swiper-button-disabled ~ .swiper__inner {
  mask-size: calc(100% + var(--transparent-space)) 100%;
}
.swiper-base .swiper-button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.swiper-base .swiper-button:hover {
  cursor: pointer;
}
.swiper-base--big-arrows .swiper-button {
  --position-x: 1.5rem;
  background-color: transparent;
  width: auto;
  top: 47%;
}
.swiper-base--big-arrows .swiper-button:before {
  width: 47px;
}
/* ------------------------------------------------------------ *\
	Swiper Following
\* ------------------------------------------------------------ */
.swiper-following {
  position: relative;
  padding: 0 5rem;
}
.swiper-following .swiper__inner {
  clip-path: polygon(0% -5rem, 100% -5rem, 100% calc(100% + 10rem), 0% calc(100% + 10rem));
  padding: 1.6rem 1.6rem;
  background: rgba(103, 101, 113, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
}
.swiper-following .swiper__inner .swiper-slide {
  position: relative;
  text-align: center;
}
.swiper-following .swiper__inner .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  bottom: -5px;
  outline: 5px solid transparent;
  outline-offset: 10px;
  z-index: 1;
  box-shadow: 0px 0px 30px 30px transparent, inset 0 0 0px 200px transparent;
  transition: box-shadow 0.3s;
  pointer-events: none;
}
.swiper-following .swiper__inner .swiper-slide figure {
  display: block;
  position: relative;
  z-index: 2;
  transition: transform 0.3s;
}
.swiper-following .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide {
  //z-index: 2;
}
.swiper-following .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide:after {
  //outline: 5px solid #24a3ff;
  //box-shadow: 0px 0px 30px 30px #132c6c, inset 0 0 0px 200px #132c6c;
}
.swiper-following .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide figure {
  //transform: scale(1.1);
}
.swiper-following .swiper-button {
  --position-x: -2.5rem;
  z-index: 3;
  width: 3.2rem;
  height: auto;
  background-color: #28262d;
  border-radius: 50%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--position-x);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
  background-color: transparent;
  top: 47%;
  width: auto;
}
.swiper-following .swiper-button:before {
  content: "";
  display: block;
  width: 47px;
  aspect-ratio: 7/12;
  transform: scaleX(-1);
  display: block;
  font-size: 0;
  mask-image: url('data:image/svg+xml,<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.42516 15.225C1.26683 15.225 1.1085 15.1667 0.983496 15.0417C0.741829 14.8 0.741829 14.4 0.983496 14.1583L6.41683 8.72502C6.81683 8.32502 6.81683 7.67502 6.41683 7.27502L0.983496 1.84168C0.741829 1.60002 0.741829 1.20002 0.983496 0.95835C1.22516 0.716683 1.62516 0.716683 1.86683 0.95835L7.30016 6.39168C7.72516 6.81668 7.96683 7.39168 7.96683 8.00002C7.96683 8.60835 7.7335 9.18335 7.30016 9.60835L1.86683 15.0417C1.74183 15.1583 1.5835 15.225 1.42516 15.225Z" fill="%23F9F9F9"/></svg>');
  mask-size: 100% 100%;
  background-color: currentcolor;
}
.swiper-following .swiper-button--prev.swiper-button-disabled ~ .swiper__inner {
  mask-size: calc(100% + var(--transparent-space)) 100%;
  mask-position: calc(var(--transparent-space) * -1) 0;
}
.swiper-following .swiper-button--next {
  left: auto;
  right: var(--position-x);
}
.swiper-following .swiper-button--next:before {
  transform: scaleX(1);
}
.swiper-following .swiper-button--next.swiper-button-disabled ~ .swiper__inner {
  mask-size: calc(100% + var(--transparent-space)) 100%;
}
.swiper-following .swiper-button.swiper-button-lock, .swiper-following .swiper-button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.swiper-following .swiper-button:hover {
  cursor: pointer;
}
.swiper-following--txt .swiper-wrapper {
  align-items: center;
}
.swiper-following--txt .swiper__inner .swiper-slide {
  padding: 0 1.4rem;
}
.swiper-following--txt .swiper__inner .swiper-slide figure {
  border-radius: 0 0 2.5rem 2.5rem;
  overflow: hidden;
  display: inline-block;
  transition: padding 0.3s;
}
.swiper-following--txt .swiper__inner .swiper-slide figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  padding: 1.6rem 1rem;
  background-color: rgba(0, 0, 0, 0.85);
}
.swiper-following--txt .swiper__inner .swiper-slide figure figcaption:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 3rem;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}
.swiper-following--txt .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide {
  //z-index: 2;
}
.swiper-following--txt .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide figure {
  //border-radius: 0;
  //padding: 0 6px;
}
.swiper-following--txt .swiper__inner .swiper-slide.swiper-slide-active + .swiper-slide figure figcaption {
  //opacity: 0;
}
/* ------------------------------------------------------------ *\
	Table Scores
\* ------------------------------------------------------------ */
.table-scores {
  display: inline-block;
  font-size: 4rem;
  text-align: center;
  font-weight: 800;
}
.table-scores th {
  font-size: 2.5rem;
}
.table-scores tr > * {
  padding: 0.7rem 1rem;
  min-width: 9.1rem;
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {
  font-size: 1.2rem;
  text-align: center;
}
.table tr:nth-child(2) > * {
  padding-top: 1.6rem;
}
.table tr > * {
  padding: 0.98rem 0.7rem;
}
.table tr > *:nth-child(1) {
  width: 6%;
}
.table tr > *:nth-child(2) {
  text-align: left;
  padding-left: 1rem;
}
.table tr > *:last-child {
  padding-right: 0.2rem;
}
.table tr.bg-color-dark {
  background-color: #191717;
}
.table tr.border-red td:first-child:before {
  background-color: #b42318;
}
.table th {
  border-bottom: 1px solid currentcolor;
  padding-top: 0;
  padding-bottom: 1.4rem;
}
.table td:first-child {
  position: relative;
}
.table td:first-child:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 30px;
  transform: translateY(-50%);
  background-color: currentcolor;
}
/* ------------------------------------------------------------ *\
	Tabs Games
\* ------------------------------------------------------------ */
.tabs-games .tabs__head {
  font-size: 2rem;
  font-weight: 800;
}
.tabs-games .tabs__head ul {
  display: flex;
  flex-wrap: wrap;
}
.tabs-games .tabs__head ul li {
  width: 10%;
  flex-grow: 1;
  border-radius: 1.6rem 1.6rem 0 0;
  text-align: center;
  margin-bottom: -1.6rem;
  transition: background-color 0.3s;
}
.tabs-games .tabs__head ul li.is-active {
  background-color: #37415d;
}
.tabs-games .tabs__head a {
  display: block;
  padding: 2rem 1rem 1.6rem;
  text-decoration: none;
}
.tabs-games .tabs__body {
  background-color: #37415d;
  border-radius: 1.6rem;
  overflow: hidden;
}
.tabs-games .tabs__body .tab {
  opacity: 0;
  display: none;
}
.tabs-games .tabs__body .tab.is-active {
  opacity: 1;
  transition: opacity 0.3s;
  display: block;
}
/* ------------------------------------------------------------ *\
	Tabs Score
\* ------------------------------------------------------------ */
.tabs-score {
  background-color: #2c2f47;
  border-radius: 2.4rem;
}
.tabs-score .tabs__nav {
  text-align: center;
  padding-top: 0.8rem;
}
.tabs-score .tabs__nav ul {
  display: flex;
  flex-wrap: wrap;
}
.tabs-score .tabs__nav ul li {
  width: 10%;
  flex-grow: 1;
  align-items: center;
}
.tabs-score .tabs__nav ul li.is-active a:after {
  background-color: #43a2fa;
}
.tabs-score .tabs__nav a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 1rem 0;
}
.tabs-score .tabs__nav a picture {
  display: block;
  margin-bottom: 0.7rem;
}
.tabs-score .tabs__nav a h5 {
  font-size: 2rem;
}
.tabs-score .tabs__nav a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8.2rem;
  height: 0.5rem;
  background-color: transparent;
  transition: background-color 0.3s;
}
.tabs-score .tabs__body {
  margin-top: 2.1rem;
}
.tabs-score .tabs__body .table:not(:last-child) {
  margin-bottom: 2.7rem;
}
.tabs-score .tab {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  padding: 1rem 1rem 3.9rem;
}
.tabs-score .tab:not(.is-active) {
  width: 0;
  height: 0;
  overflow: hidden;
}
.tabs-score .tab.is-active {
  opacity: 1;
  transition: opacity 0.3s;
  position: relative;
  pointer-events: auto;
}
/* ------------------------------------------------------------ *\
	Tabs Select
\* ------------------------------------------------------------ */
.tabs-select .tabs-select__head {
  margin-bottom: 2rem;
}
.tabs-select .tabs-select-tab {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.tabs-select .tabs-select-tab:not(.is-active) {
  width: 0;
  height: 0;
  overflow: hidden;
}
.tabs-select .tabs-select-tab.is-active {
  opacity: 1;
  transition: opacity 0.3s;
  position: static;
  pointer-events: auto;
}
/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
.tabs .tabs__head {
  padding: 0 0 0 4rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.tabs .tabs__head > .link {
  margin-left: auto;
}
.tabs .tabs__nav {
  width: 10%;
  flex-grow: 1;
  font-size: 4rem;
  font-weight: 800;
}
.tabs .tabs__nav ul {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
}
.tabs .tabs__nav ul li {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.tabs .tabs__nav ul li:not(:last-child) {
  margin-right: 9.3rem;
}
.tabs .tabs__nav ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.4rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--c-blue);
  opacity: 0;
  transition: opacity 0.3s;
}
.tabs .tabs__nav ul li.is-active:after {
  opacity: 1;
}
.tabs .tabs__nav ul li.is-active a {
  opacity: 1;
}
.tabs .tabs__nav a {
  text-decoration: none;
  opacity: 0.68;
}
.tabs .tabs__body .tab {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.tabs .tabs__body .tab:not(.is-active) {
  width: 0;
  height: 0;
  overflow: hidden;
}
.tabs .tabs__body .tab.is-active {
  pointer-events: auto;
  position: static;
  opacity: 1;
  transition: opacity 0.3s;
}
.tabs--schedule .tabs__head {
  padding-right: 1.9rem;
  align-items: flex-end;
  margin-bottom: 3.1rem;
}
.tabs--schedule .tabs__nav {
  font-size: 2.5rem;
}
/* ------------------------------------------------------------ *\
	Team
\* ------------------------------------------------------------ */
.team {
  display: flex;
  align-items: center;
  font-size: 3rem;
  font-weight: 800;
  text-overflow: hidden;
  max-width: 22rem;
}
.team img {
  margin-right: 1.5rem;
}
.team span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.team--big {
  font-size: 4rem;
  max-width: 323rem;
}
.team--big img {
  margin-right: 2.8rem;
}
/* ------------------------------------------------------------ *\
	Teams
\* ------------------------------------------------------------ */
.teams {
  display: flex;
  align-items: center;
}
.teams > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 7rem;
  margin: 0 3.6rem 0 2.1rem;
}
.teams > span:before, .teams > span:after {
  content: "";
  height: 1px;
  width: 1px;
  flex-grow: 1;
  background-color: currentColor;
}
.teams > span > span {
  display: block;
  padding: 0.3rem 0;
}
/* ------------------------------------------------------------ *\
	Widget Chat
\* ------------------------------------------------------------ */
.widget-chat {
  background-color: #2c2f47;
  display: flex;
  flex-direction: column;
  max-height: 691px;
  border-radius: 2.4rem;
}
.widget-chat .widget__body {
  height: 10%;
  flex-grow: 1;
  overflow-y: auto;
  padding: 3.2rem 0rem 3rem 2.5rem;
}
.widget-chat .widget__body::-webkit-scrollbar {
  display: none;
}
.widget-chat .widget__body > ul {
  list-style-type: none;
}
.widget-chat .widget__body > ul > li:not(:last-child) {
  margin-bottom: 2.2rem;
}
/* ------------------------------------------------------------ *\
	Widget Logos
\* ------------------------------------------------------------ */
.widget-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.widget-logos .wiget__title {
  width: 30%;
}
.widget-logos .widget__content {
  width: 10%;
  flex-grow: 1;
  margin-left: 2.7%;
}
/* ------------------------------------------------------------ *\
	Widget Tooltip
\* ------------------------------------------------------------ */
.widget-tooltip {
  background-color: #37415d;
  width: 100%;
  max-width: 50rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.widget-tooltip .widget__content {
  padding: 2.3rem 1.7rem 0.3rem;
}
.widget-tooltip .widget__content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.widget-tooltip .widget__content p:not(:last-child) {
  margin-bottom: 1.6rem;
}
.widget-tooltip .widget__content a {
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s;
  padding-left: 0.5rem;
}
.widget-tooltip .widget__content a:hover {
  text-decoration: underline;
  text-decoration-color: currentcolor;
}
.widget-tooltip .widget__actions {
  padding: 0.8rem 1rem 0.6rem;
  background-color: rgba(255, 255, 255, 0.05);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 800;
  text-decoration: none;
  position: relative;
  display: block;
}
.widget-tooltip .widget__actions svg {
  position: absolute;
  top: 50%;
  right: 7.5rem;
  transform: translate(50%, -50%);
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  overflow: hidden;
  position: relative;
  min-height: var(--win-height, 100svh);
}
/* ------------------------------------------------------------ *\
	Table Alt
\* ------------------------------------------------------------ */
.table-alt {
  font-family: "SF UI Display";
  font-weight: 500;
  background-color: #151724;
  max-width: 100%;
  overflow: hidden;
}
.table-alt table {
  table-layout: fixed;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
}
.table-alt tr:nth-child(even) {
  background-color: #373f60;
}
.table-alt tr:nth-child(even) > *:first-child,
.table-alt tr:nth-child(even) > *:last-child {
  position: relative;
}
.table-alt tr:nth-child(even) > *:first-child:before,
.table-alt tr:nth-child(even) > *:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 100vw;
  background-color: #373f60;
}
.table-alt tr:nth-child(even) > *:first-child:before {
  right: calc(100% - 1px);
}
.table-alt tr:nth-child(even) > *:last-child:before {
  left: calc(100% - 1px);
}
.table-alt tr th {
  position: relative;
}
.table-alt tr th a {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translate(0%, -50%);
}
.table-alt tr td,
.table-alt tr th {
  font-size: 1.4rem;
  padding: 1.6rem 0.7rem;
  //width: 16.66%;
  text-align: left;
}
.table-alt tr td:first-child, .table-alt tr td:last-child,
.table-alt tr th:first-child,
.table-alt tr th:last-child {
  text-align: center;
}
.table-alt tr td h6,
.table-alt tr th h6 {
  font-size: 1.6rem;
  font-weight: 900;
}
.table-alt tr td a {
  transition: opacity 0.3s;
}
.table-alt tr td a:hover {
  opacity: 0.6;
}
.table-alt tr td a + a {
  margin-left: 1.5rem;
}

.table-alt.scrollable {
  height:500px;
  overflow-y: auto;
}
.table-alt.standings-table {
  width:700px;
  max-width: 700px;
}
/* ------------------------------------------------------------ *\
	Popup Widget Dropdown
\* ------------------------------------------------------------ */
.popup {
  position: fixed;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.popup .popup__content {
  position: relative;
  margin: 0 auto;
  width: 149.6rem;
  max-width: 100%;
}
.popup .popup__scroll {
  width: 100%;
  padding: 1.9rem 2rem;
  max-height: 100%;
  overflow-y: auto;
}
.popup--window .popup__content {
  background: rgb(21, 23, 36);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 3.1rem;
  padding: 2.5rem 5.8rem;
}
.popup--window .popup__content .popup__btn-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.popup--overlay {
  background-color: rgba(21, 23, 36, 0.9);
}
.popup--overlay .popup__content {
  max-width: 44rem;
}

.list-choice {
  list-style-type: none;
}
.list-choice > li {
  position: relative;
  background: #151724;
  border: 2px solid #7c99f2;
  border-radius: 15px;
  padding: 1rem 1rem;
  transition: border 0.3s, background-color 0.3s;
}
.list-choice > li + li {
  margin-top: 2.3rem;
}
.list-choice > li a:link {
  text-decoration: none;
}
.list-choice > li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.list-choice > li:has(input:checked) {
  border-color: #4066d6;
  background: rgba(73, 88, 139, 0.5);
}
.list-choice > li ul {
  font-family: Arial;
  list-style-type: none;
  padding: 0.6rem 0.7rem 1.2rem;
  font-size: 1.4rem;
  letter-spacing: -0.3px;
}
.list-choice > li ul li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.list-choice > li ul li h6 {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 0;
}
.list-choice > li ul li p {
  margin-bottom: 0;
}
.list-choice > li ul li + li {
  margin-top: 0.7rem;
}

#style {
  position:relative;
  width: auto;
  margin-left: 8rem;
}

#style .widget-dropdown {
  flex-grow: 1;
  background-color: var(--c-gray-2);
  backdrop-filter: blur(9px);
  border-radius: 10px;
  position: absolute;
  width: 100%;
  z-index: 100;
  max-height: min(350px, 80vh);
  mask-image: radial-gradient(white, black);
  overflow: auto;
  overflow-y: scroll;
  scrollbar-color: var(--c-white) var(--c-gray-2);
}

/* ------------------------------------------------------------ *\
	Scroll Bar
\* ------------------------------------------------------------ */

::-webkit-scrollbar {
  background: var(--c-gray-2);
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background: var(--c-white);
  -webkit-border-radius: 1ex;
  width: 1px;
}

/* ------------------------------------------------------------ *\
	Widget Chat
\* ------------------------------------------------------------ */
.widget-chat {
  background-color: #2c2f47;
  display: flex;
  flex-direction: column;
  max-height: 691px;
  border-radius: 2.4rem;
}
.widget-chat .widget__body {
  height: 10%;
  flex-grow: 1;
  overflow-y: auto;
  padding: 3.2rem 0rem 3rem 2.5rem;
}
.widget-chat .widget__body::-webkit-scrollbar {
  display: none;
}
.widget-chat .widget__body > ul {
  list-style-type: none;
}
.widget-chat .widget__body > ul > li:not(:last-child) {
  margin-bottom: 2.2rem;
}
.widget-dropdown .widget__head {
  margin-top: 1.9rem;
  margin-bottom: 1.4rem;
  background-color: var(--c-gray-2);
}

.widget-dropdown #no-luck {
  width: 100%;
  text-align: center;
}

.widget-dropdown .widget__body h4 {
  padding-left: 24px;
  padding-top: 6px;
  color: var(--c-white);
  font-size: 4rem;
}

.widget-dropdown .widget__body ul {
  list-style-type: none;
  padding: 1.3rem 2rem;
  font-size: 3.5rem;
  color: var(--c-white);
}
.widget-dropdown .widget__body ul:not(:last-child) {
  margin-bottom: 4.4rem;
}
.widget-dropdown .widget__body ul li {
  padding: 0rem 0rem 0 12.2rem;
  position: relative;
}
.widget-dropdown .widget__body ul li + li {
  margin-top: 5.7rem;
}
.widget-dropdown .widget__body ul h6 {
  font-size: inherit;
  margin-bottom: 0;
  font-weight: 500;
}
.widget-dropdown .widget__body ul picture {
  position: absolute;
  top: 0.3rem;
  left: 0;
  display: block;
  aspect-ratio: 1/1;
  width: 8.6rem;
  overflow: hidden;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.4);
}
.widget-dropdown .widget__body ul picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-dropdown .widget__body ul picture img:nth-child(1) {
  display: block;
  scale: 1.5;
  filter: blur(22px);
  opacity: 0.8;
}
.widget-dropdown .widget__body ul picture img:nth-child(2) {
  z-index: 2;
  top: 6px;
  left: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
}
/* ------------------------------------------------------------ *\
	Widget Logos
\* ------------------------------------------------------------ */
.widget-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.widget-logos .wiget__title {
  width: 30%;
}
.widget-logos .widget__content {
  width: 10%;
  flex-grow: 1;
  margin-left: 2.7%;
}
.widget-sign-up .widget__head {
  text-align: center;
  margin-bottom: 6rem;
}
.widget-sign-up .widget__head h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-family: "SFProDisplay";
  margin-bottom: 0;
}
.widget-sign-up .widget__head h4 {
  font-size: 3rem;
  font-family: "SFProDisplay";
  letter-spacing: 0;
  font-weight: 900;
}
.widget-sign-up .widget__head h2 {
  font-weight: 900;
  font-size: 5rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-bottom: 0.5rem;
  font-family: "SFProDisplay";
}
.widget-sign-up .widget__head h6 {
  font-family: "SF Pro Text";
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.1875;
  letter-spacing: 0.02em;
  color: #7b88a0;
  margin-bottom: 0;
}
.widget-sign-up .widget__foot {
  font-size: 1.6rem;
  margin-top: 10.3rem;
  text-align: center;
}
.widget-sign-up .widget__foot p {
  font-family: "Proxima Nova";
  letter-spacing: 0.02em;
}
.widget-sign-up .widget__foot p a {
  font-weight: 700;
  font-size: 2rem;
  text-decoration: underline;
  text-decoration-color: transparent;
  margin-left: 0.1em;
}
.widget-sign-up .widget__foot p a:hover {
  text-decoration-color: currentColor;
}
.widget-sign-up--small {
  max-width: 36.4rem;
  margin: 0 auto;
}
.widget-sign-up--small .widget__head {
  margin-bottom: 2rem;
}
.widget-sign-up--small .widget__foot {
  margin-top: 5.6rem;
}
/* ------------------------------------------------------------ *\
	Widget Tooltip
\* ------------------------------------------------------------ */
.widget-tooltip {
  background-color: #37415d;
  width: 100%;
  max-width: 50rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.widget-tooltip .widget__content {
  padding: 2.3rem 1.7rem 0.3rem;
}
.widget-tooltip .widget__content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.widget-tooltip .widget__content p:not(:last-child) {
  margin-bottom: 1.6rem;
}
.widget-tooltip .widget__content a {
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s;
  padding-left: 0.5rem;
}
.widget-tooltip .widget__content a:hover {
  text-decoration: underline;
  text-decoration-color: currentcolor;
}
.widget-tooltip .widget__actions {
  padding: 0.8rem 1rem 0.6rem;
  background-color: rgba(255, 255, 255, 0.05);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 800;
  text-decoration: none;
  position: relative;
  display: block;
}
.widget-tooltip .widget__actions svg {
  position: absolute;
  top: 50%;
  right: 7.5rem;
  transform: translate(50%, -50%);
}

/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */
.userform {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.userform .form__row + .form__row {
  margin-top: 2rem;
}
.userform .form__controls {
  background: rgba(73, 88, 139, 0.5);
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 1.4rem 2.2rem;
}
.userform .form__controls input {
  margin-left: 1rem;
  flex-grow: 1;
  background-color: transparent;
  border: none;
  font-size: 2rem;
}
.userform .form__actions {
  margin-top: 2.3rem;
  position: relative;
  text-align: center;
}
.userform .form__hint {
  display: inline-block;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
}
.userform .form__btn {
  padding: 1.7rem 3rem;
  font-size: 1.2rem;
  font-weight: 700;
  background: #7c99f2;
  box-shadow: 0px 8px 21px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  min-width: 12.4rem;
  border: none;
  transition: background 0.3s;
}
.userform .form__btn:hover {
  background: #516bb9;
}
.userform .form__foot {
  text-align: center;
  margin-top: 2.5rem;
}
.userform .form__foot > p {
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.6rem;
}
.userform .form__foot > p span {
  margin: 0 1rem;
}
.userform .form__foot > p:before, .userform .form__foot > p:after {
  content: "";
  width: 10%;
  height: 1px;
  background-color: currentColor;
  flex-grow: 1;
}
.userform .form__foot .btn {
  font-family: "SFProDisplay";
  width: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  border-radius: 1.6rem;
  padding: 1rem 1rem;
}
.userform .form__foot .btn + .btn {
  margin-top: 1.4rem;
}
.userform .form__foot .btn img {
  margin-right: 0.8rem;
  margin-left: -0.8rem;
}
.userform .form__foot .btn strong {
  margin-left: 0.4em;
}

/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */
.article.is-active {
  border:1px solid white;
  padding:3px;
}

.video-button {
    padding: 5px;
    font-size:12px;
    background-color:transparent;
  //border-radius: 0.8rem;
  -webkit-transition: color 0.4s, background-color 0.4s;
  -o-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
}
.video-button.focus {
    background-color:#0062FF;
    color:white;
    font-weight:700;
}

.tag {
  display: inline;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10rem;
  padding: 1rem 1.9rem 1rem 3rem;
  background-color: #fff;
  text-decoration: none;
  height: 100%;
  position: relative;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.tag:hover {
  background-color: #262631;
  color: #fff;
}
.tag:hover path {
  fill: #fff;
}
.tag path {
  fill: #2E2E3A;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}
.tag span {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tag__btn {
  padding: 1rem 2rem;
}
/*  Is Active  */
.tag.is-active {
  background-color: #FD4438;
  color: #fff;
}
.tag.is-active span {
  background-color: #fff !important;
}
.tag.user-tag {
  background-color: #1d59f1;
  color: #fff;
}
.tag.selected {
  background-color: #f16007;
}

.tag-list-item {
    display:block;
    height:30px;
    width:100%;
    margin:4px;
}
.tag-list-item .tag {
    display:inline-block;
}
.tag-list-item input {display:inline-block;}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.8rem;
}
.tags .tags__item {
  padding: 0.8rem;
}
.tags .tag_header {
    font-weight:700;
    font-size:20px;
    color:#0f141b;
    padding:6px 8px;
}

.events__body a {
  color:white;
  text-decoration: none;
}

.section-event-center.player-channel {
  background-image: none;
}

.game-header {
  width:100%;
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom:5px;
}

.game-header img.logo {
  margin-left:30px;
  margin-top:-8px;
}

.game-header .event-page {
  width:420px;
  margin-left:40px;
}
.game-header .scoreboard-box {
  width:815px;
}

.article .article__content {
  font-size:1.7rem;
  padding-top:12px;
  width:62%;
}

.article .article__content p {
  font-weight:600;
}

.article .article__content ul {
  font-size:12px;
}
.events-list .events__body {
  height: 57rem;
}

.events-list .events__body.video_list {
  height: 64rem;
}

.section-event-center .section__inner .section__media {
  width: 60%;
}

.section-event-center .section__inner .section__aside {
  width: 20%;
}

.section-event-center .section__inner .section__aside .events-list {
  height:70rem;
}

.footer .footer__inner {
  padding-top:40px;
}
.footer .footer__inner .footer__content h4 {
  font-size:3.2rem;
}

.list-events--alt > li > div:nth-child(2) {
  width:40%;
}
.list-events--alt > li > div:nth-child(4) {
  width:15.5%;
}

.section__body {
  min-width:95%;
}

.form-group {
    margin-bottom: 4rem;
}

.form-group label {
    margin: 0 0 .5em 0;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tabs--schedule .select-filters--alt {
  max-width:100%;
  background-color:transparent;
}

.tabs--schedule .select-filters--alt select {
  width:20rem;
  background-color:white;
  display: inline-block;
  margin:4px;
}

.view-nav {
    //border-bottom: 1px solid #2069AF;
    margin: 20px 4px;
}

.view-nav ul {
    margin-bottom: 0px;
}

.view-nav li {
    display: inline;
    list-style-type: none;
    margin: 4px 10px;
   font-size:3rem;
}

.view-nav li a:link, .view-nav li a:visited {
    //color: rgba(32, 105, 175, 0.51);
    font-weight: normal;
    text-decoration: none;
    padding: 0 8px;
    padding-top: 4px;
}

.view-nav li.focus a:link, .view-nav li.focus a:visited {
    color:white;
    font-weight: 700;
    text-decoration: none;
    font-size:4rem;
    //border: 1px solid white;
    //border-bottom: 1px solid #EEEEEE;
}

.feature-slide img {max-height:120px;max-width:120px;}

.hero .hero__inner.no-hero {
    padding: calc(var(--header-height) + 0.1rem) 3rem 2rem 5rem;

}

.session {
  width:100%;
  display:flex;
  align-items: flex-start;
  justify-content: space-evenly;
  vertical-align: top;
}
.content-pass-options {
  width:30%;
  border-collapse: collapse;
}
.content-pass-user {
    border-collapse: collapse;
}

#messages {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

#messages li {
    padding: 5px 10px;
    background: #EFD;
    margin: 3px;
    border: 1px solid #BC9;
  color:black;
  font-size:2rem;
}

#messages li a.clear {
    float: right;
    color: #693;
}

#messages li.warning {
    color: #444;
    background-color: #FEBA12;
}

.section-events {
  padding:3rem 0;
}
.section {
  padding: 2rem 0 6.6rem;
}

.hero__body img {object-fit: contain;max-width:200px;max-height:200px;}

.swiper-following--txt .swiper__inner .swiper-slide.stream.focus figure figcaption {
  text-transform:uppercase;
  font-size:2.2rem;
  background-color:white;
  color:black;
}
.play-button {
  width:100%;
  height:500px;
  display: flex;
    justify-content: center;
    align-items: center;
  flex-direction:row;
  text-align: center;
}
.play-button img {width:200px;}

#top-box .inning-box-score .final-box {
  display:flex;
  justify-content: flex-start;
  font-size:15px;
  margin-left:20px;
}
.final-box .game-details {min-width:300px;}

#errorMsg {
    background: #ffdfdf;
    border: 1px solid #df7d7d;
    border-width: 1px 0;
    margin: 0 0 1.5em 0;
    padding: 7px;
  color: #df7d7d;
  font-weight:600;
}
#errorMsg li {
  list-style: none;
  text-align:center;
}

div.warning-bar {
    width: 100%;
    padding: 4px;
    color: white;
    font-weight: bold;
    background-color: rgba(254, 186, 18, 0.56);
    margin: 8px 0px;
    text-align: center;
  font-size:18px;
}

#facebox .body {
  background-color: #010f25;
  color:white;
  font-size:20px;
}
#facebox .footer {
  padding-top:14px;
}
#facebox .footer a {
  padding:5px;
  border-radius:4px;
  background-color:white;
}
#facebox button {
  color:#062a60;
  font-weight:600;
  padding:4px;
}

.userform .form__controls .fas, .userform .form__controls .fa {
  font-size:20px;
}

.userform .form__controls select {
  font-size:20px;
  padding:3px;
  margin-left:7px;
  border:none;
  width:220px;
}

.userform .form__controls.select:after {
  content: "";
  right: 0rem;
  width: 1.6rem;
  height: 1.3rem;
  mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.74106 12.3832L0.451195 1.93688C0.399499 1.86267 0.368902 1.77583 0.36266 1.6856C0.356417 1.59537 0.374765 1.50514 0.415748 1.42452C0.456731 1.3439 0.518814 1.2759 0.595386 1.22777C0.671958 1.17964 0.760153 1.15318 0.850573 1.15121L14.9794 0.850596C15.0698 0.848719 15.159 0.871403 15.2376 0.916232C15.3161 0.961061 15.3811 1.02636 15.4254 1.10516C15.4698 1.18397 15.492 1.27334 15.4896 1.36375C15.4872 1.45416 15.4603 1.54223 15.4118 1.61857L8.57287 12.3655C8.52867 12.4349 8.46802 12.4924 8.39629 12.5327C8.32457 12.5731 8.24398 12.5951 8.1617 12.5969C8.07941 12.5986 7.99796 12.5801 7.92458 12.5428C7.8512 12.5055 7.78816 12.4507 7.74106 12.3832Z" fill="white"/></svg>');
  background-color: currentColor;
  mask-size: 100% 100%;
  pointer-events: none;
}

.userform .form__controls span {
  padding-left:8px;
  font-size:15px;
}

.tags__item a.tag {
  color:black;
}
.tags__item a.tag:hover {
  color:white;
}

#compat-display {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  font-size: 28px;
  color: orange;
  font-weight: 600;
  margin-bottom: -20px;
}
  .nav {
  background: rgba(71,68,68, 0.81)
}
.nav ul li > a:not(:has(svg)) {
  color:rgba(255,255,255,0.50);
}

.nav .is-active a {
  color:black;
}
.nav a:hover {
  color: white;
}
.nav.signup {padding:0 30px;}

.hero {
   margin-bottom:3rem;
}

.hero .hero__content {
  max-width:60%;
}
.hero-innerpages.channel-home .hero__inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
  margin-bottom:3rem;
}
.hero-innerpages .hero__body {
  align-items: center;
}
.hero-innerpages .hero__body .hero__content {
    font-size:10rem;
    width:90%;
    max-width:100%;
}

.hero-innerpages .hero__body .hero__content h1 {
    font-size:10rem;
}
.hero-innerpages .hero__body .hero__content h4 {
  padding-top:3rem;
}

.hero-innerpages .hero__body .hero__content h4 span {
  font-weight: normal;
}
.hero-innerpages .hero__body .hero__content h4 a {
  text-decoration: none;
}
.hero-innerpages .hero__body .hero__content h4 a:hover {
  color: rgba(255, 255, 255, 0.58);
}
svg.question-mark {height:40px;}

.hero .hero__foot {
  margin-top:5rem;
}

.hero .hero__content h5 {
  padding-left:0px;
  font-size:4rem;
}

.hero .hero__foot img:hover {
  opacity:0.6;
}

.hero__foot a.btn--white {
  background-color:white;
  color:black;
}
.hero__foot a.btn--white:hover {
  color:white;
  background-color:black;
}

.events .block-channel {
  background-color:white;
  background-image:none;
}
.events .block-channel .block__inner .block__title {
  background-color:#4a6eae;
  text-align: center;
  padding:2.5rem;
  font-size:2.5rem;
}
.events .block-channel .block__inner .block__title:after {
  background-image:none;
}
.events .block-channel .block__inner .block__media {
  background-repeat: no-repeat;
  background-size:contain;
  background-position-y: top 20px;
}

.events .block-channel .block__inner .block__title .subtitle {
  font-size:2rem;
  font-weight:normal;

}

.submenu ul li:after {
  height:3px;
  width:100px
}

.list-events a.link {
  color:var(--c-blue);
}
.list-events a.link:hover {
  color:white;
}
.list-events .table-scores {
  font-weight:normal;
}

.list-events .block-ico--alt {
  font-weight:600;
}


.no-video {
  width:100%;
  height:600px;
  display: flex;
    justify-content: center;
    align-items: center;
  flex-direction:row;
    background-color:black;
}
.no-video img {width:200px;}

.selectmultiple.form-control {
    height:200px
}

.nav ul li > a:not(:has(svg)){
  min-width:15.9rem;
}

#pip {
  position:relative;
  width:300px;
  height:168px;
  z-index: 2;
}
#pip.top {
  position:absolute;
  top:7%;
}
#pip.bottom {
  position:absolute;
  bottom:4%;
}

#pip.right {
  position:absolute;
  right:1%;
}

#pip.left {
  position:absolute;
  left:1%;
}
#pip .change-angle {
  position: absolute;
  top: 5px;
  z-index: 4;
  right: 5px;
}

#pip .change-pos {
  position: absolute;
  top: 5px;
  z-index: 4;
  left: 5px;
}