body{
   background-color: black;
}

.status-badge {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    border-radius: 50px; /* pill shape */
    font-weight: bold;
    font-size: 0.9rem;
}

.status-open {
    background-color: rgba(255, 255, 0, 0.2);
    color: yellow;
    border: 1px solid yellow;
}

.status-progress {
    background-color: rgba(50, 205, 50, 0.2);
    color: limegreen;
    border: 1px solid limegreen;
}

.status-end {
    background-color: rgba(255, 0, 0, 0.2);
    color: red;
    border: 1px solid red;
}

@layer reset, base, tokens, recipes, utilities;

@layer reset {
    :host,
    html {
        --font-fallback: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent;
        line-height: 1.5;
        font-family: var(--global-font-body,var(--font-fallback))
    }

    *,
    ::backdrop,
    ::file-selector-button,
    :after,
    :before {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: var(--global-color-border,currentColor)
    }

    hr {
        height: 0;
        color: var(--colors-inherit);
        border-top-width: 1px
    }

    body {
        height: 100%;
        line-height: inherit
    }

    img {
        border-style: none
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-wrap: balance;
        font-size: inherit;
        font-weight: inherit
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        overflow-wrap: break-word
    }

    menu,
    ol,
    ul {
        list-style: none
    }

    ::file-selector-button,
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button;
        -webkit-appearance: button
    }

    ::file-selector-button,
    button,
    input,
    optgroup,
    select,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: var(--colors-inherit);
        background: transparent
    }

    ::placeholder {
        opacity: 1;
        --placeholder-fallback: color-mix(in srgb,currentColor 50%,transparent);
        color: var(--global-color-placeholder,var(--placeholder-fallback))
    }

    textarea {
        resize: vertical
    }

    table {
        text-indent: 0;
        border-collapse: collapse;
        border-color: var(--colors-inherit)
    }

    summary {
        display: list-item
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        position: relative;
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    dialog {
        padding: 0
    }

    a {
        color: var(--colors-inherit);
        text-decoration: inherit
    }

    abbr:where([title]) {
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        --font-mono-fallback: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New";
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-family: var(--global-font-mono,var(--font-mono-fallback));
        font-size: 1em
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-search-cancel-button,
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    :-moz-focusring {
        outline: auto
    }

    [hidden] {
        display: none !important
    }
}

@layer base {
    :root {
        --made-with-panda: "🐼"
    }

    *,
    ::backdrop,
    :after,
    :before {
        --blur:;
        --brightness:;
        --contrast:;
        --grayscale:;
        --hue-rotate:;
        --invert:;
        --saturate:;
        --sepia:;
        --drop-shadow:;
        --backdrop-blur:;
        --backdrop-brightness:;
        --backdrop-contrast:;
        --backdrop-grayscale:;
        --backdrop-hue-rotate:;
        --backdrop-invert:;
        --backdrop-opacity:;
        --backdrop-saturate:;
        --backdrop-sepia:;
        --gradient-from-position:;
        --gradient-to-position:;
        --gradient-via-position:;
        --scroll-snap-strictness: proximity;
        --border-spacing-x: 0;
        --border-spacing-y: 0;
        --translate-x: 0;
        --translate-y: 0;
        --rotate: 0;
        --rotate-x: 0;
        --rotate-y: 0;
        --skew-x: 0;
        --skew-y: 0;
        --scale-x: 1;
        --scale-y: 1
    }

    html {
        scrollbar-color: var(--colors-gray-107) var(--colors-black-102)
    }

    body,
    html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%
    }

    body {
        background: var(--colors-black-102);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased
    }

    [data-lcu=true] body ::-webkit-scrollbar {
        width: 11px;
        background: transparent
    }

    [data-lcu=true] body ::-webkit-scrollbar-thumb {
        border: 3px solid transparent;
        border-radius: 6px;
        min-height: 32px;
        background: var(--colors-lcu-gold);
        background-clip: padding-box;
        -webkit-background-clip: padding-box
    }

        [data-lcu=true] body ::-webkit-scrollbar-thumb:disabled {
            background: var(--colors-lcu-taupe)
        }

        [data-lcu=true] body ::-webkit-scrollbar-thumb:hover {
            background: var(--colors-lcu-light-gold);
            border: 3px solid transparent;
            background-clip: padding-box;
            -webkit-background-clip: padding-box
        }

        [data-lcu=true] body ::-webkit-scrollbar-thumb:active {
            border: 3px solid transparent;
            background: var(--colors-lcu-dark-gold);
            background-clip: padding-box;
            -webkit-background-clip: padding-box
        }

    .osano-cm-view--type_consent .osano-cm-list-item:nth-child(5),
    .osano-cm-widget {
        display: none
    }
}

@layer tokens {
    .cssVarRoot,
    :where(:host, :root),
    main {
        --colors-inherit: inherit;
        --colors-clear: rgba(0,0,0,0);
        --colors-white-100: #FFFFFF;
        --colors-white-101: #ececec;
        --colors-white-102: #e5e5e5;
        --colors-gray-100: #8FA3B0;
        --colors-gray-101: #8b929c;
        --colors-gray-102: #6e7470;
        --colors-gray-103: #687077;
        --colors-gray-104: #3f4245;
        --colors-gray-105: #36393d;
        --colors-gray-106: #333333;
        --colors-gray-107: #273237;
        --colors-gray-108: #252C32;
        --colors-gray-109: #232629;
        --colors-gray-110: #555D64;
        --colors-gray-500: #303030;
        --colors-gray-501: #A3A3A3;
        --colors-gray-502: #262626;
        --colors-gray-503: #777777;
        --colors-gray-504: #525252;
        --colors-gray-505: #404040;
        --colors-gray-506: #1c1c1c;
        --colors-gray-507: #E5E5E5;
        --colors-gray-508: #D4D4D4;
        --colors-gray-509: #FAFAFA;
        --colors-gray-510: #262626;
        --colors-gray-511: #737373;
        --colors-gray-512: #505050;
        --colors-black-100: #0f1923;
        --colors-black-101: #15171a;
        --colors-black-102: #0F1519;
        --colors-black-103: #0A0E13;
        --colors-black-104: #000000;
        --colors-black-500: #1C1C1C;
        --colors-black-501: #0E0E0E;
        --colors-black-502: #050505;
        --colors-black-503: #0F0F0F;
        --colors-black-504: #060606;
        --colors-red-100: #ff4655;
        --colors-red-101: #fb293a;
        --colors-red-102: #de2f2f;
        --colors-red-103: #b53b45;
        --colors-red-104: #844c4c;
        --colors-red-105: #b51919;
        --colors-red-500: #DE2B2B;
        --colors-red-501: #6D282E;
        --colors-blue-100: #6fe2ff;
        --colors-blue-101: #5abbd4;
        --colors-blue-102: #00C8C8;
        --colors-blue-103: #06a8d1;
        --colors-blue-104: #4c7184;
        --colors-blue-105: #1580b6;
        --colors-blue-106: #2771b4;
        --colors-blue-500: #090d0f;
        --colors-blue-501: #10E4F9;
        --colors-green-100: #1a7a6a;
        --colors-green-500: #075057;
        --colors-orange-100: #e6bc73;
        --colors-orange-101: #c5b174;
        --colors-orange-102: #c79e57;
        --colors-orange-103: #e09600;
        --colors-purple-100: #573d97;
        --colors-yellow-100: #b19955;
        --colors-lol-cyan-100: #a5f7ff;
        --colors-lol-cyan-200: #62eefc;
        --colors-lol-cyan-300: #10e4f9;
        --colors-lol-cyan-400: #08becf;
        --colors-lol-gold-100: #c5b174;
        --colors-lol-gold-200: #fdd691;
        --colors-lol-gold-300: #c79e57;
        --colors-lol-red-100: #fd8a7f;
        --colors-lol-red-200: #f64f3e;
        --colors-lol-red-300: #ef1b06;
        --colors-lol-rarity-epic: #00ddf9;
        --colors-lol-rarity-exalted: #fff58b;
        --colors-lol-rarity-legendary: #ff0905;
        --colors-lol-rarity-mythic: #d705da;
        --colors-lol-rarity-standard: #33c252;
        --colors-lol-rarity-transcendent: #f0bdff;
        --colors-lol-rarity-ultimate: #fe9005;
        --colors-neutral-50: #fafafa;
        --colors-neutral-100: #f5f5f5;
        --colors-neutral-200: #e5e5e5;
        --colors-neutral-300: #d4d4d4;
        --colors-neutral-400: #a3a3a3;
        --colors-neutral-500: #737373;
        --colors-neutral-600: #525252;
        --colors-neutral-700: #404040;
        --colors-neutral-800: #303030;
        --colors-neutral-850: #262626;
        --colors-neutral-900: #1c1c1c;
        --colors-neutral-950: #0f0f0f;
        --colors-neutral-black: #050505;
        --colors-neutral-white: #ffffff;
        --colors-neutral-empty: #00000000;
        --colors-system-blue-100: #c5ebf7;
        --colors-system-blue-300: #27b1db;
        --colors-system-blue-500: #054b61;
        --colors-system-green-100: #d5e9e2;
        --colors-system-green-300: #1e9469;
        --colors-system-green-500: #2f4c42;
        --colors-system-magenta-100: #eed6f5;
        --colors-system-magenta-300: #ba27e7;
        --colors-system-magenta-500: #522f5d;
        --colors-system-yellow-100: #fce7b6;
        --colors-system-yellow-300: #fab514;
        --colors-system-yellow-500: #563e06;
        --colors-tft-purple-100: #a4a4ff;
        --colors-tft-purple-200: #6161ff;
        --colors-tft-purple-300: #2323f0;
        --colors-tft-yellow-100: #ffc43b;
        --colors-tft-yellow-200: #ffb60d;
        --colors-tft-yellow-300: #e29e00;
        --colors-tft-cool-100: #00e4ff;
        --colors-tft-cool-200: #4fa3ff;
        --colors-tft-cool-300: #3f34ff;
        --colors-tft-cool-400: #5b23b5;
        --colors-tft-warm-100: #ffce00;
        --colors-tft-warm-200: #ffb400;
        --colors-tft-warm-300: #ff8f00;
        --colors-tft-warm-400: #ff6807;
        --colors-val-blue-300: #5a9fe1;
        --colors-val-blue-400: #2684f8;
        --colors-val-gold-50: #eada8f;
        --colors-val-gold-100: #fdd691;
        --colors-val-gold-200: #c5b174;
        --colors-val-gold-300: #c79e57;
        --colors-val-gold-400: #e5ae15;
        --colors-val-green-100: #a8e9cd;
        --colors-val-green-200: #6ed8ab;
        --colors-val-green-300: #27af75;
        --colors-val-green-400: #1b7b52;
        --colors-val-grey-last-chance-grey: #7b7f7d;
        --colors-val-magenta-300: #d1548c;
        --colors-val-orange-300: #f5955b;
        --colors-val-purple-100: #6f4acc;
        --colors-val-purple-200: #5c42ad;
        --colors-val-purple-300: #6305a0;
        --colors-val-red-100: #f99393;
        --colors-val-red-200: #eb5a5a;
        --colors-val-red-300: #dc3030;
        --colors-val-red-400: #b11b1b;
        --colors-val-teal-300: #0d9093;
        --colors-val-rarity-deluxe: #08937d;
        --colors-val-rarity-exclusive: #f5955b;
        --colors-val-rarity-premium: #d1548c;
        --colors-val-rarity-select: #5a9fe1;
        --colors-val-rarity-ultra: #fbd963;
        --colors-rainbow-100: #FF2626;
        --colors-rainbow-200: #FEC022;
        --colors-rainbow-300: #65FD86;
        --colors-rainbow-400: #293EFA;
        --colors-rainbow-500: #FA13FF;
        --colors-val-masters-black: #141414;
        --colors-lol-m-s-i-dark-gray: #1A1A1A;
        --colors-lol-m-s-i-light-gray: #D1D1D1;
        --colors-gold-100: #FFE6BA;
        --colors-gold-200: #C79E57;
        --colors-silver-100: #E4E4E4;
        --colors-silver-200: #A2A2A2;
        --colors-bronze-100: #FFB27C;
        --colors-bronze-200: #B36934;
        --colors-lcu-gold: #785A28;
        --colors-lcu-light-gold: #C8AA6E;
        --colors-lcu-dark-gold: #463714;
        --colors-lcu-taupe: #A09B8C;
        --fonts-colfax: var(--font-colfax),Helvetica,sans-serif;
        --fonts-din-next-lt-pro: var(--font-din-next-lt-pro),Helvetica,sans-serif;
        --fonts-oswald: var(--font-oswald),Helvetica,sans-serif;
        --fonts-tungsten: var(--font-tungsten),Helvetica,sans-serif;
        --fonts-inter: var(--font-inter),Helvetica,sans-serif;
        --fonts-noto-sans-j-p: var(--font-notosans-jp),Helvetica,sans-serif;
        --fonts-noto-sans-k-r: var(--font-notosans-kr),Helvetica,sans-serif;
        --fonts-noto-sans-t-c: var(--font-notosans-tc),Helvetica,sans-serif;
        --fonts-noto-sans-t-h: var(--font-notosans-th),Helvetica,sans-serif;
        --fonts-riot-sans: var(--font-riotsans),Helvetica,sans-serif;
        --fonts-riot-sans2\.0: var(--font-riotsans2),Helvetica,sans-serif;
        --fonts-riot-sans2\.0-j-p: var(--font-riotsans2-jp),Helvetica,sans-serif;
        --fonts-riot-sans2\.0-k-r: var(--font-riotsans2-kr),Helvetica,sans-serif;
        --fonts-riot-sans2\.0-t-h: var(--font-riotsans2-th),Helvetica,sans-serif;
        --fonts-foundry-gridnik: var(--font-foundry-gridnik),Helvetica,sans-serif;
        --z-index-z-below: -1;
        --z-index-z-base: 0;
        --z-index-z-layer: 1;
        --z-index-z-layer2: 2;
        --z-index-z-layer3: 3;
        --z-index-z-layer4: 4;
        --z-index-z-layer5: 5;
        --z-index-z-layer6: 6;
        --z-index-z-layer7: 7;
        --z-index-z-layer8: 8;
        --z-index-z-layer9: 9;
        --z-index-z-panel: 99;
        --z-index-z-panel2: 999;
        --z-index-z-overlay: 9999;
        --z-index-z-overlay2: 99999;
        --z-index-z-progressbar: 99999999;
        --aspect-ratios-1\:1: 1/1;
        --aspect-ratios-16\:9: 16/9;
        --aspect-ratios-5\:1: 5/1;
        --radii-xs: 4px;
        --radii-sm: 8px;
        --radii-md: 12px;
        --radii-lg: 16px;
        --radii-xl: 24px;
        --radii-full: 100px;
        --spacing-50: 4px;
        --spacing-75: 6px;
        --spacing-100: 8px;
        --spacing-150: 12px;
        --spacing-200: 16px;
        --spacing-250: 20px;
        --spacing-300: 24px;
        --spacing-400: 32px;
        --spacing-500: 40px;
        --spacing-600: 48px;
        --spacing-800: 64px;
        --spacing-1000: 80px;
        --spacing-1500: 120px;
        --spacing-2000: 160px;
        --font-sizes-8: 8px;
        --font-sizes-10: 10px;
        --font-sizes-11: 11px;
        --font-sizes-12: 12px;
        --font-sizes-14: 14px;
        --font-sizes-16: 16px;
        --font-sizes-18: 18px;
        --font-sizes-20: 20px;
        --font-sizes-22: 22px;
        --font-sizes-24: 24px;
        --font-sizes-28: 28px;
        --font-sizes-32: 32px;
        --font-sizes-36: 36px;
        --font-sizes-40: 40px;
        --font-sizes-44: 44px;
        --font-sizes-46: 46px;
        --font-sizes-52: 52px;
        --font-sizes-58: 58px;
        --font-sizes-64: 64px;
        --breakpoints-xs: 0px;
        --breakpoints-sm: 640px;
        --breakpoints-md: 768px;
        --breakpoints-lg: 1024px;
        --breakpoints-xl: 1280px;
        --breakpoints-xxl: 1536px;
        --breakpoints-p-xxxl: 2040px;
        --sizes-breakpoint-xs: 0px;
        --sizes-breakpoint-sm: 640px;
        --sizes-breakpoint-md: 768px;
        --sizes-breakpoint-lg: 1024px;
        --sizes-breakpoint-xl: 1280px;
        --sizes-breakpoint-xxl: 1536px;
        --sizes-breakpoint-p-xxxl: 2040px;
        --colors-riotbar-bg: #111111;
        --colors-riotbar-border: rgba(51,51,51,.25);
        --colors-icon-primary: var(--colors-neutral-white);
        --colors-icon-primary-inverse: var(--colors-neutral-black);
        --colors-icon-secondary: var(--colors-neutral-400);
        --colors-icon-secondary-inverse: var(--colors-neutral-600);
        --colors-icon-subtle: var(--colors-neutral-500);
        --colors-page-bg: var(--colors-neutral-black);
        --colors-stroke-border-contrast: var(--colors-neutral-black);
        --colors-stroke-border-contrast-inverse: var(--colors-neutral-white);
        --colors-stroke-border-primary: var(--colors-neutral-800);
        --colors-stroke-border-secondary: var(--colors-neutral-400);
        --colors-stroke-rule: var(--colors-neutral-700);
        --colors-surface-inverse-0: var(--colors-neutral-white);
        --colors-surface-inverse-2: var(--colors-neutral-100);
        --colors-surface-inverse-4: var(--colors-neutral-300);
        --colors-surface-level-0: var(--colors-neutral-black);
        --colors-surface-level-1: var(--colors-neutral-950);
        --colors-surface-level-2: var(--colors-neutral-900);
        --colors-surface-level-3: var(--colors-neutral-850);
        --colors-surface-level-4: var(--colors-neutral-800);
        --colors-unified-text-primary: var(--colors-neutral-white);
        --colors-unified-text-primary-inverse: var(--colors-neutral-black);
        --colors-unified-text-secondary: var(--colors-neutral-400);
        --colors-unified-text-secondary-inverse: var(--colors-neutral-600);
        --colors-unified-text-subtle: var(--colors-neutral-500)
    }

    [data-theme=lol] {
        --colors-text-primary: var(--colors-white-100);
        --colors-text-secondary: var(--colors-gray-100);
        --colors-text-tertiary: var(--colors-black-104);
        --colors-text-quaternary: var(--colors-clear);
        --colors-text-quinary: var(--colors-clear);
        --colors-bg-primary: var(--colors-black-102);
        --colors-bg-secondary: var(--colors-black-103);
        --colors-bg-tertiary: var(--colors-black-104);
        --colors-bg-disabled: var(--colors-gray-103);
        --colors-border-primary: var(--colors-clear);
        --colors-border-secondary: var(--colors-clear);
        --colors-rule-primary: var(--colors-gray-108);
        --colors-accent-primary: var(--colors-blue-102);
        --colors-accent-secondary: var(--colors-blue-106);
        --colors-accent-hover: var(--colors-blue-100);
        --colors-live-primary: var(--colors-red-102);
        --colors-article-bg-primary: var(--colors-white-102);
        --colors-article-bg-hover: var(--colors-gray-106);
        --colors-article-text-primary: var(--colors-black-101);
        --colors-article-text-secondary: var(--colors-gray-103);
        --colors-article-text-tertiary: var(--colors-white-100);
        --colors-article-link-primary: var(--colors-blue-103);
        --colors-chaos-primary: var(--colors-red-102);
        --colors-chaos-secondary: var(--colors-red-105);
        --colors-chaos-hover: var(--colors-red-104);
        --colors-order-primary: var(--colors-blue-105);
        --colors-order-secondary: var(--colors-blue-104);
        --colors-victory-primary: var(--colors-orange-102);
        --colors-victory-hover: var(--colors-orange-100);
        --colors-module-bg-primary: var(--colors-clear);
        --colors-module-bg-secondary: var(--colors-clear);
        --colors-module-bg-tertiary: var(--colors-clear);
        --colors-event-champions-tour: var(--colors-clear);
        --colors-event-masters: var(--colors-clear);
        --colors-event-challengers: var(--colors-clear);
        --colors-event-lcq: var(--colors-clear);
        --colors-event-champions: var(--colors-clear);
        --colors-event-game-changes: var(--colors-clear);
        --colors-home-bg: var(--colors-black-502);
        --colors-home-border: var(--colors-gray-504);
        --colors-home-text: var(--colors-white-100);
        --colors-home-subtext: var(--colors-gray-501);
        --colors-home-group: var(--colors-black-501);
        --colors-home-media-gradient: var(--colors-black-502);
        --colors-home-media-accent: var(--colors-green-500);
        --colors-home-card-bg: var(--colors-gray-502);
        --colors-home-card-hover-bg: var(--colors-gray-500);
        --colors-home-card-wins-bg: var(--colors-gray-500);
        --colors-home-card-play-hover: var(--colors-gray-506);
        --colors-home-card-action-hover: var(--colors-gray-506);
        --colors-home-card-ampm: var(--colors-gray-507);
        --colors-home-card-ampm-bg: var(--colors-gray-505);
        --colors-home-filter-bg: var(--colors-black-502);
        --colors-home-filter-hover-bg: var(--colors-gray-506);
        --colors-home-filter-active-bg: var(--colors-gray-502);
        --colors-home-filter-dropdown-bg: var(--colors-black-503);
        --colors-home-filter-text: var(--colors-gray-503);
        --colors-home-filter-more-active: var(--colors-black-103);
        --colors-home-filter-toggle-bg: var(--colors-gray-506);
        --colors-home-filter-toggle-bg-hover: var(--colors-gray-500);
        --colors-home-filter-toggle-bg-active: var(--colors-gray-505);
        --colors-home-action: var(--colors-gray-505);
        --colors-home-live: var(--colors-red-500);
        --colors-home-header-gradient: var(--colors-black-504);
        --colors-home-navigate-bg: var(--colors-gray-506);
        --colors-home-navigate-hover-bg: var(--colors-black-503);
        --colors-home-settings-dropdown-bg: var(--colors-black-500);
        --colors-home-spoiler-text: var(--colors-gray-501);
        --colors-home-spoiler-wins-bg: var(--colors-gray-500);
        --colors-home-spoiler-wins-bg-hover: var(--colors-gray-506);
        --colors-home-empty-subtitle: var(--colors-gray-501);
        --colors-home-empty-gradient: var(--colors-gray-502);
        --colors-home-season-overview-completed-text: var(--colors-gray-508);
        --colors-home-season-overview-title-text: var(--colors-gray-509);
        --colors-home-season-overview-subtitle-text: var(--colors-gray-501);
        --colors-home-season-overview-accent-text: var(--colors-blue-501);
        --colors-home-news-border: var(--colors-gray-500);
        --colors-home-news-text: var(--colors-gray-501);
        --colors-home-news-subtext: var(--colors-gray-511);
        --colors-home-news-hover-bg: var(--colors-gray-510);
        --colors-home-news-hover-title: var(--colors-gray-509);
        --colors-home-news-hover-subtext: var(--colors-gray-508);
        --colors-home-feed-load-more-bg: var(--colors-gray-506);
        --colors-home-feed-load-more-hover-bg: var(--colors-gray-500);
        --colors-icon-brand: var(--colors-lol-cyan-300);
        --colors-icon-on-brand: var(--colors-neutral-black);
        --colors-scoring-correct: var(--colors-val-green-300);
        --colors-scoring-correct-dark: var(--colors-val-green-400);
        --colors-scoring-incorrect: var(--colors-val-red-300);
        --colors-scoring-incorrect-dark: var(--colors-val-red-400);
        --colors-scoring-partial: var(--colors-val-gold-300);
        --colors-stroke-brand: var(--colors-lol-cyan-300);
        --colors-stroke-brand-dark: var(--colors-lol-cyan-400);
        --colors-stroke-brand-light: var(--colors-lol-cyan-200);
        --colors-surface-brand: var(--colors-lol-cyan-300);
        --colors-surface-brand-dark: var(--colors-lol-cyan-400);
        --colors-surface-brand-light: var(--colors-lol-cyan-200);
        --colors-unified-text-brand: var(--colors-lol-cyan-300);
        --colors-unified-text-on-brand: var(--colors-neutral-black);
        --colors-unified-accent-primary: var(--colors-lol-cyan-300);
        --colors-unified-accent-primary-dark: var(--colors-lol-cyan-400);
        --colors-unified-accent-primary-light: var(--colors-lol-cyan-200);
        --colors-unified-accent-secondary: var(--colors-lol-gold-200);
        --colors-unified-accent-secondary-dark: var(--colors-lol-gold-300);
        --colors-unified-accent-secondary-light: var(--colors-lol-gold-100);
        --colors-rarity-legendary: var(--colors-lol-rarity-legendary);
        --colors-rarity-rare: var(--colors-lol-rarity-epic);
        --colors-rarity-uncommon: var(--colors-lol-rarity-standard);
        --colors-pickems-rewards-participation: var(--colors-lol-rarity-standard);
        --colors-pickems-rewards-tier1: var(--colors-lol-rarity-epic);
        --colors-pickems-rewards-tier2: var(--colors-lol-rarity-legendary);
        --colors-pickems-rewards-tier3: var(--colors-lol-rarity-mythic);
        --colors-pickems-rewards-tier4: var(--colors-lol-rarity-ultimate);
        --colors-pickems-rewards-tier5: var(--colors-lol-rarity-exalted);
        --colors-pickems-rewards-tier6: var(--colors-lol-rarity-transcendent);
        --colors-button-primary-bg: var(--colors-surface-brand);
        --colors-button-primary-bg-hover: var(--colors-surface-brand-light);
        --colors-button-primary-text: var(--colors-unified-text-on-brand);
        --colors-button-secondary-bg: var(--colors-surface-inverse-0);
        --colors-button-secondary-bg-hover: var(--colors-surface-inverse-4);
        --colors-button-secondary-text: var(--colors-unified-text-primary-inverse);
        --colors-button-tertiary-bg: var(--colors-surface-level-1);
        --colors-button-tertiary-bg-hover: var(--colors-surface-level-2);
        --colors-button-tertiary-border: var(--colors-stroke-rule);
        --colors-button-tertiary-icon: var(--colors-icon-secondary);
        --colors-button-tertiary-text: var(--colors-unified-text-secondary);
        --colors-live-red: var(--colors-lol-red-300);
        --colors-system-affirm-base: var(--colors-system-green-300);
        --colors-system-affirm-dark: var(--colors-system-green-500);
        --colors-system-affirm-light: var(--colors-system-green-100);
        --colors-system-alert-base: var(--colors-system-yellow-300);
        --colors-system-alert-dark: var(--colors-system-yellow-500);
        --colors-system-alert-light: var(--colors-system-yellow-100);
        --colors-system-error-base: var(--colors-system-magenta-300);
        --colors-system-error-dark: var(--colors-system-magenta-500);
        --colors-system-error-light: var(--colors-system-magenta-100);
        --colors-system-info-base: var(--colors-system-blue-300);
        --colors-system-info-dark: var(--colors-system-blue-500);
        --colors-system-info-light: var(--colors-system-blue-100);
        --radii-radius-button: var(--radii-xs);
        --radii-radius-container: var(--radii-sm);
        --radii-radius-pill: var(--radii-full);
        --radii-button-primary-radius: var(--radii-radius-button);
        --radii-button-secondary-radius: var(--radii-radius-button);
        --radii-button-tertiary-radius: var(--radii-radius-button)
    }

    [data-theme=val] {
        --colors-text-primary: var(--colors-white-100);
        --colors-text-secondary: var(--colors-gray-100);
        --colors-text-tertiary: var(--colors-black-100);
        --colors-text-quaternary: var(--colors-gray-104);
        --colors-text-quinary: var(--colors-red-101);
        --colors-bg-primary: var(--colors-black-102);
        --colors-bg-secondary: var(--colors-black-103);
        --colors-bg-tertiary: var(--colors-black-104);
        --colors-bg-disabled: var(--colors-gray-103);
        --colors-border-primary: var(--colors-gray-101);
        --colors-border-secondary: var(--colors-clear);
        --colors-rule-primary: var(--colors-gray-107);
        --colors-accent-primary: var(--colors-red-100);
        --colors-accent-secondary: var(--colors-blue-101);
        --colors-accent-hover: var(--colors-clear);
        --colors-live-primary: var(--colors-red-100);
        --colors-article-bg-primary: var(--colors-clear);
        --colors-article-bg-hover: var(--colors-clear);
        --colors-article-text-primary: var(--colors-clear);
        --colors-article-text-secondary: var(--colors-clear);
        --colors-article-text-tertiary: var(--colors-clear);
        --colors-article-link-primary: var(--colors-clear);
        --colors-chaos-primary: var(--colors-clear);
        --colors-chaos-secondary: var(--colors-clear);
        --colors-chaos-hover: var(--colors-clear);
        --colors-order-primary: var(--colors-clear);
        --colors-order-secondary: var(--colors-clear);
        --colors-victory-primary: var(--colors-orange-102);
        --colors-victory-hover: var(--colors-clear);
        --colors-module-bg-primary: var(--colors-gray-109);
        --colors-module-bg-secondary: var(--colors-gray-105);
        --colors-module-bg-tertiary: var(--colors-white-101);
        --colors-event-champions-tour: var(--colors-red-103);
        --colors-event-masters: var(--colors-purple-100);
        --colors-event-challengers: var(--colors-green-100);
        --colors-event-lcq: var(--colors-gray-102);
        --colors-event-champions: var(--colors-orange-101);
        --colors-event-game-changes: var(--colors-orange-103);
        --colors-home-bg: var(--colors-black-502);
        --colors-home-border: var(--colors-gray-504);
        --colors-home-text: var(--colors-white-100);
        --colors-home-subtext: var(--colors-gray-501);
        --colors-home-group: var(--colors-black-501);
        --colors-home-media-gradient: var(--colors-black-502);
        --colors-home-media-accent: var(--colors-red-501);
        --colors-home-card-bg: var(--colors-gray-502);
        --colors-home-card-hover-bg: var(--colors-gray-500);
        --colors-home-card-wins-bg: var(--colors-gray-500);
        --colors-home-card-play-hover: var(--colors-gray-506);
        --colors-home-card-action-hover: var(--colors-gray-506);
        --colors-home-card-ampm: var(--colors-gray-507);
        --colors-home-card-ampm-bg: var(--colors-gray-505);
        --colors-home-filter-bg: var(--colors-black-502);
        --colors-home-filter-hover-bg: var(--colors-gray-506);
        --colors-home-filter-active-bg: var(--colors-gray-502);
        --colors-home-filter-dropdown-bg: var(--colors-black-503);
        --colors-home-filter-text: var(--colors-gray-503);
        --colors-home-filter-more-active: var(--colors-black-103);
        --colors-home-filter-toggle-bg: var(--colors-gray-506);
        --colors-home-filter-toggle-bg-hover: var(--colors-gray-500);
        --colors-home-filter-toggle-bg-active: var(--colors-gray-505);
        --colors-home-action: var(--colors-gray-505);
        --colors-home-live: var(--colors-red-500);
        --colors-home-header-gradient: var(--colors-black-504);
        --colors-home-navigate-bg: var(--colors-gray-506);
        --colors-home-navigate-hover-bg: var(--colors-black-503);
        --colors-home-settings-dropdown-bg: var(--colors-black-500);
        --colors-home-spoiler-text: var(--colors-gray-501);
        --colors-home-spoiler-wins-bg: var(--colors-gray-500);
        --colors-home-spoiler-wins-bg-hover: var(--colors-gray-506);
        --colors-home-empty-subtitle: var(--colors-gray-501);
        --colors-home-empty-gradient: var(--colors-gray-502);
        --colors-home-season-overview-completed-text: var(--colors-gray-508);
        --colors-home-season-overview-title-text: var(--colors-gray-509);
        --colors-home-season-overview-subtitle-text: var(--colors-gray-501);
        --colors-home-season-overview-accent-text: var(--colors-red-100);
        --colors-home-news-border: var(--colors-gray-500);
        --colors-home-news-text: var(--colors-gray-501);
        --colors-home-news-subtext: var(--colors-gray-511);
        --colors-home-news-hover-bg: var(--colors-gray-510);
        --colors-home-news-hover-title: var(--colors-gray-509);
        --colors-home-news-hover-subtext: var(--colors-gray-508);
        --colors-home-feed-load-more-bg: var(--colors-gray-506);
        --colors-home-feed-load-more-hover-bg: var(--colors-gray-500);
        --colors-icon-brand: var(--colors-val-red-300);
        --colors-icon-on-brand: var(--colors-neutral-white);
        --colors-scoring-correct: var(--colors-val-green-300);
        --colors-scoring-correct-dark: var(--colors-val-green-400);
        --colors-scoring-incorrect: var(--colors-val-red-300);
        --colors-scoring-incorrect-dark: var(--colors-val-red-400);
        --colors-scoring-partial: var(--colors-val-gold-300);
        --colors-stroke-brand: var(--colors-val-red-300);
        --colors-stroke-brand-dark: var(--colors-val-red-400);
        --colors-stroke-brand-light: var(--colors-val-red-200);
        --colors-surface-brand: var(--colors-val-red-300);
        --colors-surface-brand-dark: var(--colors-val-red-400);
        --colors-surface-brand-light: var(--colors-val-red-200);
        --colors-unified-text-brand: var(--colors-val-red-300);
        --colors-unified-text-on-brand: var(--colors-neutral-white);
        --colors-unified-accent-primary: var(--colors-val-red-300);
        --colors-unified-accent-primary-dark: var(--colors-val-red-400);
        --colors-unified-accent-primary-light: var(--colors-val-red-200);
        --colors-unified-accent-secondary: var(--colors-val-gold-200);
        --colors-unified-accent-secondary-dark: var(--colors-val-gold-300);
        --colors-unified-accent-secondary-light: var(--colors-val-gold-100);
        --colors-rarity-legendary: var(--colors-val-rarity-exclusive);
        --colors-rarity-rare: var(--colors-val-rarity-premium);
        --colors-rarity-uncommon: var(--colors-val-rarity-select);
        --colors-pickems-rewards-participation: var(--colors-val-rarity-deluxe);
        --colors-pickems-rewards-tier1: var(--colors-val-rarity-select);
        --colors-pickems-rewards-tier2: var(--colors-val-rarity-premium);
        --colors-pickems-rewards-tier3: var(--colors-val-rarity-exclusive);
        --colors-pickems-rewards-tier4: var(--colors-val-rarity-ultra);
        --colors-pickems-rewards-tier5: var(--colors-val-rarity-ultra);
        --colors-pickems-rewards-tier6: var(--colors-val-rarity-ultra);
        --colors-button-primary-bg: var(--colors-surface-brand);
        --colors-button-primary-bg-hover: var(--colors-surface-brand-light);
        --colors-button-primary-text: var(--colors-unified-text-on-brand);
        --colors-button-secondary-bg: var(--colors-surface-inverse-0);
        --colors-button-secondary-bg-hover: var(--colors-surface-inverse-4);
        --colors-button-secondary-text: var(--colors-unified-text-primary-inverse);
        --colors-button-tertiary-bg: var(--colors-surface-level-1);
        --colors-button-tertiary-bg-hover: var(--colors-surface-level-2);
        --colors-button-tertiary-border: var(--colors-stroke-rule);
        --colors-button-tertiary-icon: var(--colors-icon-secondary);
        --colors-button-tertiary-text: var(--colors-unified-text-secondary);
        --colors-live-red: var(--colors-val-red-300);
        --colors-system-affirm-base: var(--colors-system-green-300);
        --colors-system-affirm-dark: var(--colors-system-green-500);
        --colors-system-affirm-light: var(--colors-system-green-100);
        --colors-system-alert-base: var(--colors-system-yellow-300);
        --colors-system-alert-dark: var(--colors-system-yellow-500);
        --colors-system-alert-light: var(--colors-system-yellow-100);
        --colors-system-error-base: var(--colors-system-magenta-300);
        --colors-system-error-dark: var(--colors-system-magenta-500);
        --colors-system-error-light: var(--colors-system-magenta-100);
        --colors-system-info-base: var(--colors-system-blue-300);
        --colors-system-info-dark: var(--colors-system-blue-500);
        --colors-system-info-light: var(--colors-system-blue-100);
        --radii-radius-button: var(--radii-xs);
        --radii-radius-container: var(--radii-sm);
        --radii-radius-pill: var(--radii-full);
        --radii-button-primary-radius: var(--radii-radius-button);
        --radii-button-secondary-radius: var(--radii-radius-button);
        --radii-button-tertiary-radius: var(--radii-radius-button)
    }

    [data-theme=wr] {
        --colors-text-primary: var(--colors-white-100);
        --colors-text-secondary: var(--colors-gray-100);
        --colors-text-tertiary: var(--colors-clear);
        --colors-text-quaternary: var(--colors-clear);
        --colors-text-quinary: var(--colors-clear);
        --colors-bg-primary: var(--colors-black-102);
        --colors-bg-secondary: var(--colors-black-103);
        --colors-bg-tertiary: var(--colors-black-104);
        --colors-bg-disabled: var(--colors-gray-103);
        --colors-border-primary: var(--colors-clear);
        --colors-border-secondary: var(--colors-clear);
        --colors-rule-primary: var(--colors-clear);
        --colors-accent-primary: var(--colors-clear);
        --colors-accent-secondary: var(--colors-clear);
        --colors-accent-hover: var(--colors-clear);
        --colors-live-primary: var(--colors-clear);
        --colors-article-bg-primary: var(--colors-clear);
        --colors-article-bg-hover: var(--colors-clear);
        --colors-article-text-primary: var(--colors-clear);
        --colors-article-text-secondary: var(--colors-clear);
        --colors-article-text-tertiary: var(--colors-clear);
        --colors-article-link-primary: var(--colors-clear);
        --colors-chaos-primary: var(--colors-clear);
        --colors-chaos-secondary: var(--colors-clear);
        --colors-chaos-hover: var(--colors-clear);
        --colors-order-primary: var(--colors-clear);
        --colors-order-secondary: var(--colors-clear);
        --colors-victory-primary: var(--colors-orange-102);
        --colors-victory-hover: var(--colors-clear);
        --colors-module-bg-primary: var(--colors-clear);
        --colors-module-bg-secondary: var(--colors-clear);
        --colors-module-bg-tertiary: var(--colors-clear);
        --colors-event-champions-tour: var(--colors-clear);
        --colors-event-masters: var(--colors-clear);
        --colors-event-challengers: var(--colors-clear);
        --colors-event-lcq: var(--colors-clear);
        --colors-event-champions: var(--colors-clear);
        --colors-event-game-changes: var(--colors-clear);
        --colors-home-bg: var(--colors-black-502);
        --colors-home-border: var(--colors-gray-504);
        --colors-home-text: var(--colors-white-100);
        --colors-home-subtext: var(--colors-gray-501);
        --colors-home-group: var(--colors-black-501);
        --colors-home-media-gradient: var(--colors-black-502);
        --colors-home-media-accent: var(--colors-clear);
        --colors-home-card-bg: var(--colors-gray-502);
        --colors-home-card-hover-bg: var(--colors-gray-500);
        --colors-home-card-wins-bg: var(--colors-gray-500);
        --colors-home-card-play-hover: var(--colors-gray-506);
        --colors-home-card-action-hover: var(--colors-gray-506);
        --colors-home-card-ampm: var(--colors-gray-507);
        --colors-home-card-ampm-bg: var(--colors-gray-505);
        --colors-home-filter-bg: var(--colors-black-502);
        --colors-home-filter-hover-bg: var(--colors-gray-506);
        --colors-home-filter-active-bg: var(--colors-gray-502);
        --colors-home-filter-dropdown-bg: var(--colors-black-503);
        --colors-home-filter-text: var(--colors-gray-503);
        --colors-home-filter-more-active: var(--colors-black-103);
        --colors-home-filter-toggle-bg: var(--colors-gray-506);
        --colors-home-filter-toggle-bg-hover: var(--colors-gray-500);
        --colors-home-filter-toggle-bg-active: var(--colors-gray-505);
        --colors-home-action: var(--colors-gray-505);
        --colors-home-live: var(--colors-red-500);
        --colors-home-header-gradient: var(--colors-black-504);
        --colors-home-navigate-bg: var(--colors-gray-506);
        --colors-home-navigate-hover-bg: var(--colors-black-503);
        --colors-home-settings-dropdown-bg: var(--colors-black-500);
        --colors-home-spoiler-text: var(--colors-gray-501);
        --colors-home-spoiler-wins-bg: var(--colors-gray-500);
        --colors-home-spoiler-wins-bg-hover: var(--colors-gray-506);
        --colors-home-empty-subtitle: var(--colors-gray-501);
        --colors-home-empty-gradient: var(--colors-gray-502);
        --colors-home-season-overview-completed-text: var(--colors-gray-508);
        --colors-home-season-overview-title-text: var(--colors-gray-509);
        --colors-home-season-overview-subtitle-text: var(--colors-gray-501);
        --colors-home-season-overview-accent-text: var(--colors-clear);
        --colors-home-news-border: var(--colors-gray-500);
        --colors-home-news-text: var(--colors-gray-501);
        --colors-home-news-subtext: var(--colors-gray-511);
        --colors-home-news-hover-bg: var(--colors-gray-510);
        --colors-home-news-hover-title: var(--colors-gray-509);
        --colors-home-news-hover-subtext: var(--colors-gray-508);
        --colors-home-feed-load-more-bg: var(--colors-gray-506);
        --colors-home-feed-load-more-hover-bg: var(--colors-gray-500);
        --colors-icon-brand: var(--colors-clear);
        --colors-icon-on-brand: var(--colors-clear);
        --colors-scoring-correct: var(--colors-clear);
        --colors-scoring-correct-dark: var(--colors-clear);
        --colors-scoring-incorrect: var(--colors-clear);
        --colors-scoring-incorrect-dark: var(--colors-clear);
        --colors-scoring-partial: var(--colors-clear);
        --colors-stroke-brand: var(--colors-clear);
        --colors-stroke-brand-dark: var(--colors-clear);
        --colors-stroke-brand-light: var(--colors-clear);
        --colors-surface-brand: var(--colors-clear);
        --colors-surface-brand-dark: var(--colors-clear);
        --colors-surface-brand-light: var(--colors-clear);
        --colors-unified-text-brand: var(--colors-clear);
        --colors-unified-text-on-brand: var(--colors-clear);
        --colors-unified-accent-primary: var(--colors-clear);
        --colors-unified-accent-primary-dark: var(--colors-clear);
        --colors-unified-accent-primary-light: var(--colors-clear);
        --colors-unified-accent-secondary: var(--colors-clear);
        --colors-unified-accent-secondary-dark: var(--colors-clear);
        --colors-unified-accent-secondary-light: var(--colors-clear);
        --colors-rarity-legendary: var(--colors-clear);
        --colors-rarity-rare: var(--colors-clear);
        --colors-rarity-uncommon: var(--colors-clear);
        --colors-pickems-rewards-participation: var(--colors-clear);
        --colors-pickems-rewards-tier1: var(--colors-clear);
        --colors-pickems-rewards-tier2: var(--colors-clear);
        --colors-pickems-rewards-tier3: var(--colors-clear);
        --colors-pickems-rewards-tier4: var(--colors-clear);
        --colors-pickems-rewards-tier5: var(--colors-clear);
        --colors-pickems-rewards-tier6: var(--colors-clear);
        --colors-button-primary-bg: var(--colors-surface-brand);
        --colors-button-primary-bg-hover: var(--colors-surface-brand-light);
        --colors-button-primary-text: var(--colors-unified-text-on-brand);
        --colors-button-secondary-bg: var(--colors-surface-inverse-0);
        --colors-button-secondary-bg-hover: var(--colors-surface-inverse-4);
        --colors-button-secondary-text: var(--colors-unified-text-primary-inverse);
        --colors-button-tertiary-bg: var(--colors-surface-level-1);
        --colors-button-tertiary-bg-hover: var(--colors-surface-level-2);
        --colors-button-tertiary-border: var(--colors-stroke-rule);
        --colors-button-tertiary-icon: var(--colors-icon-secondary);
        --colors-button-tertiary-text: var(--colors-unified-text-secondary);
        --colors-live-red: var(--colors-clear);
        --colors-system-affirm-base: var(--colors-system-green-300);
        --colors-system-affirm-dark: var(--colors-system-green-500);
        --colors-system-affirm-light: var(--colors-system-green-100);
        --colors-system-alert-base: var(--colors-system-yellow-300);
        --colors-system-alert-dark: var(--colors-system-yellow-500);
        --colors-system-alert-light: var(--colors-system-yellow-100);
        --colors-system-error-base: var(--colors-system-magenta-300);
        --colors-system-error-dark: var(--colors-system-magenta-500);
        --colors-system-error-light: var(--colors-system-magenta-100);
        --colors-system-info-base: var(--colors-system-blue-300);
        --colors-system-info-dark: var(--colors-system-blue-500);
        --colors-system-info-light: var(--colors-system-blue-100);
        --radii-radius-button: var(--radii-xs);
        --radii-radius-container: var(--radii-sm);
        --radii-radius-pill: var(--radii-full);
        --radii-button-primary-radius: var(--radii-radius-button);
        --radii-button-secondary-radius: var(--radii-radius-button);
        --radii-button-tertiary-radius: var(--radii-radius-button)
    }

    [data-theme=tft] {
        --colors-text-primary: var(--colors-white-100);
        --colors-text-secondary: var(--colors-gray-100);
        --colors-text-tertiary: var(--colors-black-100);
        --colors-text-quaternary: var(--colors-clear);
        --colors-text-quinary: var(--colors-clear);
        --colors-bg-primary: var(--colors-black-102);
        --colors-bg-secondary: var(--colors-black-103);
        --colors-bg-tertiary: var(--colors-black-104);
        --colors-bg-disabled: var(--colors-gray-103);
        --colors-border-primary: var(--colors-clear);
        --colors-border-secondary: var(--colors-neutral-600);
        --colors-rule-primary: var(--colors-clear);
        --colors-accent-primary: var(--colors-clear);
        --colors-accent-secondary: var(--colors-clear);
        --colors-accent-hover: var(--colors-clear);
        --colors-live-primary: var(--colors-clear);
        --colors-article-bg-primary: var(--colors-clear);
        --colors-article-bg-hover: var(--colors-clear);
        --colors-article-text-primary: var(--colors-clear);
        --colors-article-text-secondary: var(--colors-clear);
        --colors-article-text-tertiary: var(--colors-clear);
        --colors-article-link-primary: var(--colors-clear);
        --colors-chaos-primary: var(--colors-clear);
        --colors-chaos-secondary: var(--colors-clear);
        --colors-chaos-hover: var(--colors-clear);
        --colors-order-primary: var(--colors-clear);
        --colors-order-secondary: var(--colors-clear);
        --colors-victory-primary: var(--colors-orange-102);
        --colors-victory-hover: var(--colors-clear);
        --colors-module-bg-primary: var(--colors-clear);
        --colors-module-bg-secondary: var(--colors-clear);
        --colors-module-bg-tertiary: var(--colors-clear);
        --colors-event-champions-tour: var(--colors-clear);
        --colors-event-masters: var(--colors-clear);
        --colors-event-challengers: var(--colors-clear);
        --colors-event-lcq: var(--colors-clear);
        --colors-event-champions: var(--colors-clear);
        --colors-event-game-changes: var(--colors-clear);
        --colors-home-bg: var(--colors-black-502);
        --colors-home-border: var(--colors-gray-504);
        --colors-home-text: var(--colors-white-100);
        --colors-home-subtext: var(--colors-gray-501);
        --colors-home-group: var(--colors-black-501);
        --colors-home-media-gradient: var(--colors-black-502);
        --colors-home-media-accent: var(--colors-clear);
        --colors-home-card-bg: var(--colors-gray-502);
        --colors-home-card-hover-bg: var(--colors-gray-500);
        --colors-home-card-wins-bg: var(--colors-gray-500);
        --colors-home-card-play-hover: var(--colors-gray-506);
        --colors-home-card-action-hover: var(--colors-gray-506);
        --colors-home-card-ampm: var(--colors-gray-507);
        --colors-home-card-ampm-bg: var(--colors-gray-505);
        --colors-home-filter-bg: var(--colors-black-502);
        --colors-home-filter-hover-bg: var(--colors-gray-506);
        --colors-home-filter-active-bg: var(--colors-gray-502);
        --colors-home-filter-dropdown-bg: var(--colors-black-503);
        --colors-home-filter-text: var(--colors-gray-503);
        --colors-home-filter-more-active: var(--colors-black-103);
        --colors-home-filter-toggle-bg: var(--colors-gray-506);
        --colors-home-filter-toggle-bg-hover: var(--colors-gray-500);
        --colors-home-filter-toggle-bg-active: var(--colors-gray-505);
        --colors-home-action: var(--colors-gray-505);
        --colors-home-live: var(--colors-red-500);
        --colors-home-header-gradient: var(--colors-black-504);
        --colors-home-navigate-bg: var(--colors-gray-506);
        --colors-home-navigate-hover-bg: var(--colors-black-503);
        --colors-home-settings-dropdown-bg: var(--colors-black-500);
        --colors-home-spoiler-text: var(--colors-gray-501);
        --colors-home-spoiler-wins-bg: var(--colors-gray-500);
        --colors-home-spoiler-wins-bg-hover: var(--colors-gray-506);
        --colors-home-empty-subtitle: var(--colors-gray-501);
        --colors-home-empty-gradient: var(--colors-gray-502);
        --colors-home-season-overview-completed-text: var(--colors-gray-508);
        --colors-home-season-overview-title-text: var(--colors-gray-509);
        --colors-home-season-overview-subtitle-text: var(--colors-gray-501);
        --colors-home-season-overview-accent-text: var(--colors-clear);
        --colors-home-news-border: var(--colors-gray-500);
        --colors-home-news-text: var(--colors-gray-501);
        --colors-home-news-subtext: var(--colors-gray-511);
        --colors-home-news-hover-bg: var(--colors-gray-510);
        --colors-home-news-hover-title: var(--colors-gray-509);
        --colors-home-news-hover-subtext: var(--colors-gray-508);
        --colors-home-feed-load-more-bg: var(--colors-gray-506);
        --colors-home-feed-load-more-hover-bg: var(--colors-gray-500);
        --colors-icon-brand: var(--colors-tft-warm-200);
        --colors-icon-on-brand: var(--colors-neutral-black);
        --colors-scoring-correct: var(--colors-val-green-300);
        --colors-scoring-correct-dark: var(--colors-val-green-400);
        --colors-scoring-incorrect: var(--colors-val-red-300);
        --colors-scoring-incorrect-dark: var(--colors-val-red-400);
        --colors-scoring-partial: var(--colors-val-gold-300);
        --colors-stroke-brand: var(--colors-tft-warm-200);
        --colors-stroke-brand-dark: var(--colors-tft-warm-300);
        --colors-stroke-brand-light: var(--colors-tft-warm-100);
        --colors-surface-brand: var(--colors-tft-warm-200);
        --colors-surface-brand-dark: var(--colors-tft-warm-300);
        --colors-surface-brand-light: var(--colors-tft-warm-100);
        --colors-unified-text-brand: var(--colors-tft-warm-200);
        --colors-unified-text-on-brand: var(--colors-neutral-black);
        --colors-unified-accent-primary: var(--colors-tft-warm-200);
        --colors-unified-accent-primary-dark: var(--colors-tft-warm-300);
        --colors-unified-accent-primary-light: var(--colors-tft-warm-100);
        --colors-unified-accent-secondary: var(--colors-tft-cool-300);
        --colors-unified-accent-secondary-dark: var(--colors-tft-purple-300);
        --colors-unified-accent-secondary-light: var(--colors-tft-purple-100);
        --colors-rarity-legendary: var(--colors-lol-rarity-mythic);
        --colors-rarity-rare: var(--colors-lol-rarity-legendary);
        --colors-rarity-uncommon: var(--colors-lol-rarity-epic);
        --colors-pickems-rewards-participation: var(--colors-lol-rarity-standard);
        --colors-pickems-rewards-tier1: var(--colors-lol-rarity-epic);
        --colors-pickems-rewards-tier2: var(--colors-lol-rarity-legendary);
        --colors-pickems-rewards-tier3: var(--colors-lol-rarity-mythic);
        --colors-pickems-rewards-tier4: var(--colors-lol-rarity-ultimate);
        --colors-pickems-rewards-tier5: var(--colors-lol-rarity-exalted);
        --colors-pickems-rewards-tier6: var(--colors-lol-rarity-transcendent);
        --colors-button-primary-bg: var(--colors-surface-brand);
        --colors-button-primary-bg-hover: var(--colors-surface-brand-light);
        --colors-button-primary-text: var(--colors-unified-text-on-brand);
        --colors-button-secondary-bg: var(--colors-surface-inverse-0);
        --colors-button-secondary-bg-hover: var(--colors-surface-inverse-4);
        --colors-button-secondary-text: var(--colors-unified-text-primary-inverse);
        --colors-button-tertiary-bg: var(--colors-surface-level-1);
        --colors-button-tertiary-bg-hover: var(--colors-surface-level-2);
        --colors-button-tertiary-border: var(--colors-stroke-rule);
        --colors-button-tertiary-icon: var(--colors-icon-secondary);
        --colors-button-tertiary-text: var(--colors-unified-text-secondary);
        --colors-live-red: var(--colors-lol-red-300);
        --colors-system-affirm-base: var(--colors-system-green-300);
        --colors-system-affirm-dark: var(--colors-system-green-500);
        --colors-system-affirm-light: var(--colors-system-green-100);
        --colors-system-alert-base: var(--colors-system-yellow-300);
        --colors-system-alert-dark: var(--colors-system-yellow-500);
        --colors-system-alert-light: var(--colors-system-yellow-100);
        --colors-system-error-base: var(--colors-system-magenta-300);
        --colors-system-error-dark: var(--colors-system-magenta-500);
        --colors-system-error-light: var(--colors-system-magenta-100);
        --colors-system-info-base: var(--colors-system-blue-300);
        --colors-system-info-dark: var(--colors-system-blue-500);
        --colors-system-info-light: var(--colors-system-blue-100);
        --radii-radius-button: var(--radii-xs);
        --radii-radius-container: var(--radii-sm);
        --radii-radius-pill: var(--radii-full);
        --radii-button-primary-radius: var(--radii-radius-button);
        --radii-button-secondary-radius: var(--radii-radius-button);
        --radii-button-tertiary-radius: var(--radii-radius-button)
    }

    [data-theme=lol][data-treatment=lol-msi] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-accent-primary)
    }

    [data-theme=val][data-treatment=val-vct] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-red-300);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-red-300);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-gold-50);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-purple-300)
    }

    [data-theme=val][data-treatment=val-vct_masters] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-purple-100);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-purple-200);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-gold-50);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-red-300)
    }

    [data-theme=val][data-treatment=val-last-chance] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-grey-last-chance-grey);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-grey-last-chance-grey);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-red-300);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-blue-400)
    }

    [data-theme=val][data-treatment=val-champions] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-gold-200);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-gold-200);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-purple-300);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-red-300)
    }

    [data-theme=val][data-treatment=val-challengers] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-teal-300);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-teal-300);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-red-300);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-gold-50)
    }

    [data-theme=val][data-treatment=val-game-changers] {
        --colors-treatment-leagues-accent-primary-1: var(--colors-val-gold-400);
        --colors-treatment-leagues-accent-primary-2: var(--colors-val-gold-400);
        --colors-treatment-leagues-accent-secondary: var(--colors-val-red-300);
        --colors-treatment-leagues-accent-tertiary: var(--colors-val-teal-300)
    }

    @keyframes ping {
        75%, to {
            transform: scale(2);
            opacity: 0
        }
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    @keyframes bounce {
        0%, to {
            transform: translateY(-25%);
            animation-timing-function: cubic-bezier(.8,0,1,1)
        }

        50% {
            transform: none;
            animation-timing-function: cubic-bezier(0,0,.2,1)
        }
    }

    @keyframes diagonalSwipe {
        0% {
            clip-path: polygon(-250% 200%,-100% 50%,50% 200%,-100% 350%);
            -webkit-clip-path: polygon(-250% 200%,-100% 50%,50% 200%,-100% 350%)
        }

        to {
            clip-path: polygon(50% -100%,200% -250%,350% -100%,200% 50%);
            -webkit-clip-path: polygon(50% -100%,200% -250%,350% -100%,200% 50%)
        }
    }

    @keyframes backgroundSwipe {
        0% {
            background-position: 200% 0
        }

        to {
            background-position: -200% 0
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }
}

@layer utilities {
    @layer compositions {
        .textStyle_body\/md {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-14);
            line-height: 20px;
            font-weight: 400
        }

        [lang=ja-JP] .textStyle_body\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_body\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_body\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_body\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_label\/lg {
            letter-spacing: .21px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-14);
            line-height: 14px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_label\/lg {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_label\/lg {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_label\/lg {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_label\/lg {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_headline\/md {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-28);
            line-height: 36px;
            font-weight: 600
        }

        [lang=ja-JP] .textStyle_headline\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_headline\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_headline\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_headline\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_title\/md {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-18);
            line-height: 24px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_title\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_title\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_title\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_title\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_body\/sm {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 16px;
            font-weight: 400
        }

        [lang=ja-JP] .textStyle_body\/sm {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_body\/sm {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_body\/sm {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_body\/sm {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_display\/lg {
            letter-spacing: -.145px;
            font-family: var(--fonts-riot-sans);
            font-size: var(--font-sizes-58);
            line-height: 64px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_display\/lg {
            font-family: var(--fonts-riot-sans2\.0-j-p)
        }

        [lang=ko-KR] .textStyle_display\/lg {
            font-family: var(--fonts-riot-sans2\.0-k-r)
        }

        [lang=zh-TW] .textStyle_display\/lg {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_display\/lg {
            font-family: var(--fonts-riot-sans2\.0-t-h)
        }

        .textStyle_title\/sm {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 22px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_title\/sm {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_title\/sm {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_title\/sm {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_title\/sm {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_label\/sm {
            letter-spacing: .165px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-11);
            line-height: 11px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_label\/sm {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_label\/sm {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_label\/sm {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_label\/sm {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_label\/md {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_label\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_label\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_display\/sm {
            font-family: var(--fonts-riot-sans);
            font-size: var(--font-sizes-36);
            line-height: 44px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_display\/sm {
            font-family: var(--fonts-riot-sans2\.0-j-p)
        }

        [lang=ko-KR] .textStyle_display\/sm {
            font-family: var(--fonts-riot-sans2\.0-k-r)
        }

        [lang=zh-TW] .textStyle_display\/sm {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_display\/sm {
            font-family: var(--fonts-riot-sans2\.0-t-h)
        }

        .textStyle_label\/xs {
            letter-spacing: .12px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-8);
            line-height: 8px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_label\/xs {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_label\/xs {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_label\/xs {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_label\/xs {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_body\/lg {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .textStyle_body\/lg {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_body\/lg {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_body\/lg {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_body\/lg {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_headline\/sm {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-24);
            line-height: 32px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_headline\/sm {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_headline\/sm {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_headline\/sm {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_headline\/sm {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_headline\/lg {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-32);
            line-height: 40px;
            font-weight: 600
        }

        [lang=ja-JP] .textStyle_headline\/lg {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_headline\/lg {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_headline\/lg {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_headline\/lg {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .textStyle_title\/lg {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-22);
            line-height: 28px;
            font-weight: 700
        }

        [lang=ja-JP] .textStyle_title\/lg {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .textStyle_title\/lg {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .textStyle_title\/lg {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .textStyle_title\/lg {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_td\]\:textStyle_body\/sm td {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 16px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_td\]\:textStyle_body\/sm td {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_td\]\:textStyle_body\/sm td {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_td\]\:textStyle_body\/sm td {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_td\]\:textStyle_body\/sm td {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_td\]\:textStyle_label\/md td {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_td\]\:textStyle_label\/md td {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_td\]\:textStyle_label\/md td {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_td\]\:textStyle_label\/md td {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_td\]\:textStyle_label\/md td {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_p\]\:textStyle_body\/lg p {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_p\]\:textStyle_body\/lg p {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_p\]\:textStyle_body\/lg p {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_p\]\:textStyle_body\/lg p {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_p\]\:textStyle_body\/lg p {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_span\]\:textStyle_body\/lg span {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_span\]\:textStyle_body\/lg span {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_span\]\:textStyle_body\/lg span {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_span\]\:textStyle_body\/lg span {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_span\]\:textStyle_body\/lg span {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h2,
        .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h3,
        .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h4,
        .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h5,
        .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h6 {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-22);
            line-height: 28px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h2,
        [lang=ja-JP] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h3,
        [lang=ja-JP] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h4,
        [lang=ja-JP] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h5,
        [lang=ja-JP] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h6 {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h2,
        [lang=ko-KR] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h3,
        [lang=ko-KR] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h4,
        [lang=ko-KR] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h5,
        [lang=ko-KR] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h6 {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h2,
        [lang=zh-TW] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h3,
        [lang=zh-TW] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h4,
        [lang=zh-TW] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h5,
        [lang=zh-TW] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h6 {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h2,
        [lang=th-TH] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h3,
        [lang=th-TH] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h4,
        [lang=th-TH] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h5,
        [lang=th-TH] .\[\&_h2\,h3\,h4\,h5\,h6\]\:textStyle_title\/lg h6 {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_ul_\>_li\]\:textStyle_body\/lg ul > li {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_ul_\>_li\]\:textStyle_body\/lg ul > li {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_ul_\>_li\]\:textStyle_body\/lg ul > li {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_ul_\>_li\]\:textStyle_body\/lg ul > li {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_ul_\>_li\]\:textStyle_body\/lg ul > li {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_ol_\>_li\]\:textStyle_body\/lg ol > li {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_ol_\>_li\]\:textStyle_body\/lg ol > li {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_ol_\>_li\]\:textStyle_body\/lg ol > li {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_ol_\>_li\]\:textStyle_body\/lg ol > li {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_ol_\>_li\]\:textStyle_body\/lg ol > li {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_blockquote\]\:textStyle_body\/lg blockquote {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_blockquote\]\:textStyle_body\/lg blockquote {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_blockquote\]\:textStyle_body\/lg blockquote {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_blockquote\]\:textStyle_body\/lg blockquote {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_blockquote\]\:textStyle_body\/lg blockquote {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\>_span\:first-child\]\:textStyle_title\/sm > span:first-child {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 22px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_\>_span\:first-child\]\:textStyle_title\/sm > span:first-child {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\>_span\:first-child\]\:textStyle_title\/sm > span:first-child {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\>_span\:first-child\]\:textStyle_title\/sm > span:first-child {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\>_span\:first-child\]\:textStyle_title\/sm > span:first-child {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\>_span\:last-child\]\:textStyle_body\/md > span:last-child {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-14);
            line-height: 20px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&_\>_span\:last-child\]\:textStyle_body\/md > span:last-child {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\>_span\:last-child\]\:textStyle_body\/md > span:last-child {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\>_span\:last-child\]\:textStyle_body\/md > span:last-child {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\>_span\:last-child\]\:textStyle_body\/md > span:last-child {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_title\/md > [data-tagline=separator] {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-18);
            line-height: 24px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_title\/md > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_title\/md > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_title\/md > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_title\/md > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_headline\/sm > [data-tagline=separator] {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-24);
            line-height: 32px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_headline\/sm > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_headline\/sm > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_headline\/sm > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:textStyle_headline\/sm > [data-tagline=separator] {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:textStyle_label\/md > [data-tagline=bullet] {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:textStyle_label\/md > [data-tagline=bullet] {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:textStyle_label\/md > [data-tagline=bullet] {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:textStyle_label\/md > [data-tagline=bullet] {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:textStyle_label\/md > [data-tagline=bullet] {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_\.recharts-cartesian-axis-tick-value\]\:textStyle_label\/xs .recharts-cartesian-axis-tick-value {
            letter-spacing: .12px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-8);
            line-height: 8px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_\.recharts-cartesian-axis-tick-value\]\:textStyle_label\/xs .recharts-cartesian-axis-tick-value {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_\.recharts-cartesian-axis-tick-value\]\:textStyle_label\/xs .recharts-cartesian-axis-tick-value {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_\.recharts-cartesian-axis-tick-value\]\:textStyle_label\/xs .recharts-cartesian-axis-tick-value {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_\.recharts-cartesian-axis-tick-value\]\:textStyle_label\/xs .recharts-cartesian-axis-tick-value {
            font-family: var(--fonts-noto-sans-t-h)
        }

        [lang=de-DE] .\[\[lang\=de-DE\]_\&\]\:textStyle_label\/md {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] [lang=de-DE] .\[\[lang\=de-DE\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] [lang=de-DE] .\[\[lang\=de-DE\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] [lang=de-DE] .\[\[lang\=de-DE\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] [lang=de-DE] .\[\[lang\=de-DE\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        [lang=el-GR] .\[\[lang\=el-GR\]_\&\]\:textStyle_label\/md {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] [lang=el-GR] .\[\[lang\=el-GR\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] [lang=el-GR] .\[\[lang\=el-GR\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] [lang=el-GR] .\[\[lang\=el-GR\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] [lang=el-GR] .\[\[lang\=el-GR\]_\&\]\:textStyle_label\/md {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .before\:textStyle_title\/sm:before {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 22px;
            font-weight: 700
        }

        [lang=ja-JP] .before\:textStyle_title\/sm:before {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .before\:textStyle_title\/sm:before {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .before\:textStyle_title\/sm:before {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .before\:textStyle_title\/sm:before {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&_th\]\:textStyle_label\/md th {
            letter-spacing: .18px;
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-12);
            line-height: 12px;
            font-weight: 700
        }

        [lang=ja-JP] .\[\&_th\]\:textStyle_label\/md th {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&_th\]\:textStyle_label\/md th {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&_th\]\:textStyle_label\/md th {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&_th\]\:textStyle_label\/md th {
            font-family: var(--fonts-noto-sans-t-h)
        }

        .\[\&\:not\(\:first-child\)\]\:textStyle_body\/lg:not(:first-child) {
            font-family: var(--fonts-inter);
            font-size: var(--font-sizes-16);
            line-height: 24px;
            font-weight: 400
        }

        [lang=ja-JP] .\[\&\:not\(\:first-child\)\]\:textStyle_body\/lg:not(:first-child) {
            font-family: var(--fonts-noto-sans-j-p)
        }

        [lang=ko-KR] .\[\&\:not\(\:first-child\)\]\:textStyle_body\/lg:not(:first-child) {
            font-family: var(--fonts-noto-sans-k-r)
        }

        [lang=zh-TW] .\[\&\:not\(\:first-child\)\]\:textStyle_body\/lg:not(:first-child) {
            font-family: var(--fonts-noto-sans-t-c)
        }

        [lang=th-TH] .\[\&\:not\(\:first-child\)\]\:textStyle_body\/lg:not(:first-child) {
            font-family: var(--fonts-noto-sans-t-h)
        }

        @media screen and (min-width:0rem) and (max-width:47.9975rem) {
            .xsToMd\:textStyle_headline\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-32);
                line-height: 40px;
                font-weight: 600
            }

            [lang=ja-JP] .xsToMd\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xsToMd\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xsToMd\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xsToMd\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (min-width:40rem) {
            .sm\:textStyle_headline\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-32);
                line-height: 40px;
                font-weight: 600
            }

            [lang=ja-JP] .sm\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_label\/lg {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .sm\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_body\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 20px;
                font-weight: 400
            }

            [lang=ja-JP] .sm\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_headline\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .sm\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .sm\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_label\/sm {
                letter-spacing: .165px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-11);
                line-height: 11px;
                font-weight: 700
            }

            [lang=ja-JP] .sm\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .sm\:textStyle_title\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .sm\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .sm\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .sm\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .sm\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (min-width:48rem) {
            .md\:textStyle_display\/lg {
                letter-spacing: -.145px;
                font-family: var(--fonts-riot-sans);
                font-size: var(--font-sizes-58);
                line-height: 64px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-j-p)
            }

            [lang=ko-KR] .md\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-k-r)
            }

            [lang=zh-TW] .md\:textStyle_display\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-t-h)
            }

            .md\:textStyle_headline\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-32);
                line-height: 40px;
                font-weight: 600
            }

            [lang=ja-JP] .md\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_label\/lg {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_label\/sm {
                letter-spacing: .165px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-11);
                line-height: 11px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_headline\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_title\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_title\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .md\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_headline\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-28);
                line-height: 36px;
                font-weight: 600
            }

            [lang=ja-JP] .md\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_body\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 24px;
                font-weight: 400
            }

            [lang=ja-JP] .md\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .md\:textStyle_body\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 20px;
                font-weight: 400
            }

            [lang=ja-JP] .md\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .md\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .md\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .md\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .\[\&_\.recharts-cartesian-axis-tick-value\]\:md\:textStyle_label\/lg .recharts-cartesian-axis-tick-value {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .\[\&_\.recharts-cartesian-axis-tick-value\]\:md\:textStyle_label\/lg .recharts-cartesian-axis-tick-value {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .\[\&_\.recharts-cartesian-axis-tick-value\]\:md\:textStyle_label\/lg .recharts-cartesian-axis-tick-value {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .\[\&_\.recharts-cartesian-axis-tick-value\]\:md\:textStyle_label\/lg .recharts-cartesian-axis-tick-value {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .\[\&_\.recharts-cartesian-axis-tick-value\]\:md\:textStyle_label\/lg .recharts-cartesian-axis-tick-value {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (min-width:64rem) {
            .lg\:textStyle_body\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 24px;
                font-weight: 400
            }

            [lang=ja-JP] .lg\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_title\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_display\/md {
                font-family: var(--fonts-riot-sans);
                font-size: var(--font-sizes-46);
                line-height: 52px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_display\/md {
                font-family: var(--fonts-riot-sans2\.0-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_display\/md {
                font-family: var(--fonts-riot-sans2\.0-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_display\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_display\/md {
                font-family: var(--fonts-riot-sans2\.0-t-h)
            }

            .lg\:textStyle_title\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_label\/lg {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_headline\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_body\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 20px;
                font-weight: 400
            }

            [lang=ja-JP] .lg\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_label\/md {
                letter-spacing: .18px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-12);
                line-height: 12px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_label\/sm {
                letter-spacing: .165px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-11);
                line-height: 11px;
                font-weight: 700
            }

            [lang=ja-JP] .lg\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .lg\:textStyle_headline\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-32);
                line-height: 40px;
                font-weight: 600
            }

            [lang=ja-JP] .lg\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .lg\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .lg\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .lg\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .\[\&_th\]\:lg\:textStyle_title\/sm th {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .\[\&_th\]\:lg\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .\[\&_th\]\:lg\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .\[\&_th\]\:lg\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .\[\&_th\]\:lg\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (min-width:80rem) {
            .xl\:textStyle_label\/sm {
                letter-spacing: .165px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-11);
                line-height: 11px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_label\/lg {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_title\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_title\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_label\/md {
                letter-spacing: .18px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-12);
                line-height: 12px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_headline\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_label\/xs {
                letter-spacing: .12px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-8);
                line-height: 8px;
                font-weight: 700
            }

            [lang=ja-JP] .xl\:textStyle_label\/xs {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_label\/xs {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_label\/xs {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_label\/xs {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_headline\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-32);
                line-height: 40px;
                font-weight: 600
            }

            [lang=ja-JP] .xl\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_headline\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_body\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 20px;
                font-weight: 400
            }

            [lang=ja-JP] .xl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xl\:textStyle_body\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-12);
                line-height: 16px;
                font-weight: 400
            }

            [lang=ja-JP] .xl\:textStyle_body\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xl\:textStyle_body\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xl\:textStyle_body\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xl\:textStyle_body\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .before\:xl\:textStyle_headline\/sm:before {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .before\:xl\:textStyle_headline\/sm:before {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .before\:xl\:textStyle_headline\/sm:before {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .before\:xl\:textStyle_headline\/sm:before {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .before\:xl\:textStyle_headline\/sm:before {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .\[\&_th\]\:xl\:textStyle_label\/lg th {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .\[\&_th\]\:xl\:textStyle_label\/lg th {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .\[\&_th\]\:xl\:textStyle_label\/lg th {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .\[\&_th\]\:xl\:textStyle_label\/lg th {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .\[\&_th\]\:xl\:textStyle_label\/lg th {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (min-width:96rem) {
            .xxl\:textStyle_title\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_headline\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-24);
                line-height: 32px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_headline\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_display\/lg {
                letter-spacing: -.145px;
                font-family: var(--fonts-riot-sans);
                font-size: var(--font-sizes-58);
                line-height: 64px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_display\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_display\/lg {
                font-family: var(--fonts-riot-sans2\.0-t-h)
            }

            .xxl\:textStyle_label\/sm {
                letter-spacing: .165px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-11);
                line-height: 11px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_label\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_headline\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-28);
                line-height: 36px;
                font-weight: 600
            }

            [lang=ja-JP] .xxl\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_headline\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_label\/lg {
                letter-spacing: .21px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 14px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_label\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_title\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .xxl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_title\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_body\/lg {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 24px;
                font-weight: 400
            }

            [lang=ja-JP] .xxl\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_body\/lg {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .xxl\:textStyle_body\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-14);
                line-height: 20px;
                font-weight: 400
            }

            [lang=ja-JP] .xxl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .xxl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .xxl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .xxl\:textStyle_body\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:xxl\:textStyle_title\/lg > [data-tagline=separator] {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-22);
                line-height: 28px;
                font-weight: 700
            }

            [lang=ja-JP] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:xxl\:textStyle_title\/lg > [data-tagline=separator] {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:xxl\:textStyle_title\/lg > [data-tagline=separator] {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:xxl\:textStyle_title\/lg > [data-tagline=separator] {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:xxl\:textStyle_title\/lg > [data-tagline=separator] {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .\[\&_th\]\:xxl\:textStyle_title\/sm th {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .\[\&_th\]\:xxl\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .\[\&_th\]\:xxl\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .\[\&_th\]\:xxl\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .\[\&_th\]\:xxl\:textStyle_title\/sm th {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }

        @media screen and (max-width:39.9975rem) {
            .smDown\:textStyle_display\/sm {
                font-family: var(--fonts-riot-sans);
                font-size: var(--font-sizes-36);
                line-height: 44px;
                font-weight: 700
            }

            [lang=ja-JP] .smDown\:textStyle_display\/sm {
                font-family: var(--fonts-riot-sans2\.0-j-p)
            }

            [lang=ko-KR] .smDown\:textStyle_display\/sm {
                font-family: var(--fonts-riot-sans2\.0-k-r)
            }

            [lang=zh-TW] .smDown\:textStyle_display\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .smDown\:textStyle_display\/sm {
                font-family: var(--fonts-riot-sans2\.0-t-h)
            }

            .smDown\:textStyle_label\/md {
                letter-spacing: .18px;
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-12);
                line-height: 12px;
                font-weight: 700
            }

            [lang=ja-JP] .smDown\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .smDown\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .smDown\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .smDown\:textStyle_label\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .smDown\:textStyle_title\/md {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-18);
                line-height: 24px;
                font-weight: 700
            }

            [lang=ja-JP] .smDown\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .smDown\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .smDown\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .smDown\:textStyle_title\/md {
                font-family: var(--fonts-noto-sans-t-h)
            }

            .smDown\:textStyle_title\/sm {
                font-family: var(--fonts-inter);
                font-size: var(--font-sizes-16);
                line-height: 22px;
                font-weight: 700
            }

            [lang=ja-JP] .smDown\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-j-p)
            }

            [lang=ko-KR] .smDown\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-k-r)
            }

            [lang=zh-TW] .smDown\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-c)
            }

            [lang=th-TH] .smDown\:textStyle_title\/sm {
                font-family: var(--fonts-noto-sans-t-h)
            }
        }
    }

    .pos_relative {
        position: relative
    }

    .d_grid {
        display: grid
    }

    .w_100\% {
        width: 100%
    }

    .h_100\% {
        height: 100%
    }

    .bg_bg\.primary {
        background: var(--colors-bg-primary)
    }

    .ov_hidden {
        overflow: hidden
    }

    .grid-area_navigation {
        grid-area: navigation
    }

    .d_flex {
        display: flex
    }

    .flex_1_auto {
        flex: 1 auto
    }

    .max-w_100\% {
        max-width: 100%
    }

    .grid-area_content {
        grid-area: content
    }

    .w_auto {
        width: auto
    }

    .c_unifiedText\.primary {
        color: var(--colors-unified-text-primary)
    }

    .min-h_calc\(100vh_-_354px\) {
        min-height: calc(100vh - 354px)
    }

    .mx_16 {
        margin-inline: 16px
    }

    .flex_0_auto {
        flex: 0 auto
    }

    .tt_uppercase {
        text-transform: uppercase
    }

    .my_35px_20px {
        margin-block: 35px 20px
    }

    .c_unifiedText\.secondary {
        color: var(--colors-unified-text-secondary)
    }

    .min-h_80 {
        min-height: 80px
    }

    .c_text\.primary {
        color: var(--colors-text-primary)
    }

    .mx_24 {
        margin-inline: 24px
    }

    .tt_capitalize {
        text-transform: capitalize
    }

    .min-h_100 {
        min-height: 100px
    }

    .h_min-content {
        height: min-content
    }

    .bd-t_1px_solid_\{colors\.rule\.primary\} {
        border-top: 1px solid var(--colors-rule-primary)
    }

    .bd-b_1px_solid_\{colors\.rule\.primary\} {
        border-bottom: 1px solid var(--colors-rule-primary)
    }

    .py_20 {
        padding-block: 20px
    }

    .txt-adj_100\% {
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    .c_text\.secondary {
        color: var(--colors-text-secondary)
    }

    .bg_tftPurple\.300 {
        background: var(--colors-tft-purple-300)
    }

    .obj-f_cover {
        object-fit: cover
    }

    .obj-p_center {
        object-position: center
    }

    .z_static {
        z-index: static
    }

    .pos_absolute {
        position: absolute
    }

    .trf_translate\(-50\%\,_-50\%\) {
        transform: translate(-50%,-50%)
    }

    .z_zLayer {
        z-index: var(--z-index-z-layer)
    }

    .w_680 {
        width: 680px
    }

    .p_40px_40px {
        padding: 40px
    }

    .z_zLayer2 {
        z-index: var(--z-index-z-layer2)
    }

    .pos_fixed {
        position: fixed
    }

    .inset_0 {
        inset: 0
    }

    .max-w_100vw {
        max-width: 100vw
    }

    .max-h_100dvh {
        max-height: 100dvh
    }

    .m_auto {
        margin: auto
    }

    .bg_black\.503\/80 {
        --mix-background: color-mix(in srgb,var(--colors-black-503) 80%,transparent);
        background: var(--mix-background,var(--colors-black-503))
    }

    .bkdp_blur\(66px\) {
        backdrop-filter: blur(66px);
        -webkit-backdrop-filter: blur(66px)
    }

    .ta_center {
        text-align: center
    }

    .m_20px_0 {
        margin: 20px 0
    }

    .d_inline-block {
        display: inline-block
    }

    .c_text\.tertiary {
        color: var(--colors-text-tertiary)
    }

    .p_16px_20px {
        padding: 16px 20px
    }

    .cursor_pointer {
        cursor: pointer
    }

    .bdr_4 {
        border-radius: 4px
    }

    .m_20px_0px {
        margin: 20px 0
    }

    .h_auto {
        height: auto
    }

    .w_500 {
        width: 500px
    }

    .z_zBase {
        z-index: var(--z-index-z-base)
    }

    .w_700 {
        width: 700px
    }

    .z_zLayer3 {
        z-index: var(--z-index-z-layer3)
    }

    .z_zLayer4 {
        z-index: var(--z-index-z-layer4)
    }

    .w_240 {
        width: 240px
    }

    .h_calc\(100dvh_-_80px\) {
        height: calc(100dvh - 80px)
    }

    .grid-area_watch {
        grid-area: watch
    }

    .bg_page\.bg {
        background: var(--colors-page-bg)
    }

    .ov_auto {
        overflow: auto
    }

    .pos_fixed\! {
        position: fixed !important
    }

    .bg_linear-gradient\(180deg\,_\{colors\.surface\.level\.0\}_0\%\,_\{colors\.surface\.level\.0\/90\}_20\%\,_\{colors\.surface\.level\.0\/75\}_40\%\,_\{colors\.surface\.level\.0\/10\}_80\%\)\,_linear-gradient\(90deg\,_\{colors\.surface\.level\.0\/0\}_50\%\,_\{colors\.surface\.level\.0\}_100\%\)\,_linear-gradient\(270deg\,_\{colors\.surface\.level\.0\/0\}_50\%\,_\{colors\.surface\.level\.0\}_100\%\) {
        background: linear-gradient(180deg,var(--colors-surface-level-0) 0,color-mix(in srgb,var(--colors-surface-level-0) 90%,transparent) 20%,color-mix(in srgb,var(--colors-surface-level-0) 75%,transparent) 40%,color-mix(in srgb,var(--colors-surface-level-0) 10%,transparent) 80%),linear-gradient(90deg,color-mix(in srgb,var(--colors-surface-level-0) 0%,transparent) 50%,var(--colors-surface-level-0) 100%),linear-gradient(270deg,color-mix(in srgb,var(--colors-surface-level-0) 0%,transparent) 50%,var(--colors-surface-level-0) 100%)
    }

    .gap_24 {
        gap: 24px
    }

    .w_90dvw {
        width: 90dvw
    }

    .trf_translateX\(-50\%\) {
        transform: translateX(-50%)
    }

    .gap_22 {
        gap: 22px
    }

    .h_24 {
        height: 24px
    }

    .h_96 {
        height: 96px
    }

    .c_icon\.primary {
        color: var(--colors-icon-primary)
    }

    .asp_1\:1 {
        aspect-ratio: var(--aspect-ratios-1\:1)
    }

    .c_scoring\.correct {
        color: var(--colors-scoring-correct)
    }

    .gap_16 {
        gap: 16px
    }

    .p_16 {
        padding: 16px
    }

    .bg_surface\.level\.2 {
        background: var(--colors-surface-level-2)
    }

    .bdr_8 {
        border-radius: 8px
    }

    .flex_1_1_auto {
        flex: 1 1 auto
    }

    .min-h_max-content {
        min-height: max-content
    }

    .bg_surface\.level\.0 {
        background: var(--colors-surface-level-0)
    }

    .bg_surface\.level\.1 {
        background: var(--colors-surface-level-1)
    }

    .bd-b_1px_solid_\{colors\.stroke\.border\.primary\} {
        border-bottom: 1px solid var(--colors-stroke-border-primary)
    }

    .mx_auto {
        margin-inline: auto
    }

    .max-w_1696 {
        max-width: 1696px
    }

    .h_32 {
        height: 32px
    }

    .h_inherit {
        height: inherit
    }

    .w_inherit {
        width: inherit
    }

    .bg_radial-gradient\(ellipse_at_center\,_\{colors\.black\.104\/50\}_0\%\,_\{colors\.black\.104\/80\}_50\%\,_\{colors\.black\.104\}_100\%\) {
        background: radial-gradient(ellipse at center,color-mix(in srgb,var(--colors-black-104) 50%,transparent) 0,color-mix(in srgb,var(--colors-black-104) 80%,transparent) 50%,var(--colors-black-104) 100%)
    }

    .obj-p_top {
        object-position: top
    }

    .bg_surface\.level\.0\/65 {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-0) 65%,transparent);
        background: var(--mix-background,var(--colors-surface-level-0))
    }

    .bkdp_blur\(16px\) {
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px)
    }

    .w_calc\(100\%_-_32px\) {
        width: calc(100% - 32px)
    }

    .m_12px_16px {
        margin: 12px 16px
    }

    .flex_1 {
        flex: 1 1 0%
    }

    .max-w_1672 {
        max-width: 1672px
    }

    .p_32 {
        padding: 32px
    }

    .grid-area_table {
        grid-area: table
    }

    .grid-area_sidebar {
        grid-area: sidebar
    }

    .h_fit-content {
        height: fit-content
    }

    .d_none {
        display: none
    }

    .flex_1_1_100\% {
        flex: 1 1 100%
    }

    .bg_white\.102 {
        background: var(--colors-white-102)
    }

    .c_black\.100 {
        color: var(--colors-black-100)
    }

    .w_100vw {
        width: 100vw
    }

    .max-w_1024 {
        max-width: 1024px
    }

    .counter-reset_none {
        counter-reset: none
    }

    .px_16 {
        padding-inline: 16px
    }

    .min-h_calc\(100dvh_-_80px_-_152px\) {
        min-height: calc(100dvh - 80px - 152px)
    }

    .w_100dvw {
        width: 100dvw
    }

    .grid-area_pickems {
        grid-area: pickems
    }

    .max-w_2040px {
        max-width: 2040px
    }

    .min-h_calc\(100dvh_-_80px\) {
        min-height: calc(100dvh - 80px)
    }

    .op_0\.6 {
        opacity: .6
    }

    .bg_linear-gradient\(0deg\,_\{colors\.black\.502\/40\}_0\%\,_\{colors\.black\.502\/40\}_100\%\)\,_linear-gradient\(90deg\,_\{colors\.black\.502\}_1\%\,_\{colors\.black\.502\/1\}_50\%\)\,_linear-gradient\(90deg\,_\{colors\.black\.502\/1\}_50\%\,_\{colors\.black\.502\}_100\%\) {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-black-502) 40%,transparent) 0,color-mix(in srgb,var(--colors-black-502) 40%,transparent) 100%),linear-gradient(90deg,var(--colors-black-502) 1%,color-mix(in srgb,var(--colors-black-502) 1%,transparent) 50%),linear-gradient(90deg,color-mix(in srgb,var(--colors-black-502) 1%,transparent) 50%,var(--colors-black-502) 100%)
    }

    .max-w_2040 {
        max-width: 2040px
    }

    .px_20 {
        padding-inline: 20px
    }

    .py_24 {
        padding-block: 24px
    }

    .min-h_calc\(100vh_-_200px_-_56px_-_80px_-_140px_-_40px\) {
        min-height: calc(100vh - 200px - 56px - 80px - 140px - 40px)
    }

    .bg_white\.101 {
        background: var(--colors-white-101)
    }

    .mx_20 {
        margin-inline: 20px
    }

    .c_white\.100 {
        color: var(--colors-white-100)
    }

    .h_max-content {
        height: max-content
    }

    .min-h_100\% {
        min-height: 100%
    }

    .min-h_calc\(100vh_-_200px_-_56px_-_80px_-_140px_-_20px\) {
        min-height: calc(100vh - 200px - 56px - 80px - 140px - 20px)
    }

    .flex_1_1_auto\! {
        flex: 1 1 auto !important
    }

    .cursor_grab {
        cursor: grab
    }

    .cursor_grabbing {
        cursor: grabbing
    }

    .h_400 {
        height: 400px
    }

    .w_400 {
        width: 400px
    }

    .p_24 {
        padding: 24px
    }

    .bd_1px_solid_\{colors\.stroke\.border\.primary\} {
        border: 1px solid var(--colors-stroke-border-primary)
    }

    .h_120 {
        height: 120px
    }

    .w_120 {
        width: 120px
    }

    .c_unifiedAccent\.secondary {
        color: var(--colors-unified-accent-secondary)
    }

    .c_scoring\.incorrect {
        color: var(--colors-scoring-incorrect)
    }

    .p_4px_8px {
        padding: 4px 8px
    }

    .obj-f_contain {
        object-fit: contain
    }

    .w_24 {
        width: 24px
    }

    .white-space_pre {
        white-space: pre
    }

    .w_max-content {
        width: max-content
    }

    .gap_4 {
        gap: 4px
    }

    .w_136 {
        width: 136px
    }

    .bg_linear-gradient\(90deg\,_\{colors\.gray\.102\/30\}_15\%\,_\{colors\.gray\.101\/30\}_50\%\,_\{colors\.neutral\.white\/30\}_65\%\,_\{colors\.gray\.101\/30\}_75\%\,_\{colors\.gray\.511\/30\}_100\%\) {
        background: linear-gradient(90deg,color-mix(in srgb,var(--colors-gray-102) 30%,transparent) 15%,color-mix(in srgb,var(--colors-gray-101) 30%,transparent) 50%,color-mix(in srgb,var(--colors-neutral-white) 30%,transparent) 65%,color-mix(in srgb,var(--colors-gray-101) 30%,transparent) 75%,color-mix(in srgb,var(--colors-gray-511) 30%,transparent) 100%)
    }

    .anim_backgroundSwipe_1\.5s_linear_infinite {
        animation: backgroundSwipe 1.5s linear infinite
    }

    .bd-l_1px_solid_\{colors\.stroke\.border\.primary\} {
        border-left: 1px solid var(--colors-stroke-border-primary)
    }

    .w_1 {
        width: 1px
    }

    .p_0px_20px_20px_20px {
        padding: 0 20px 20px
    }

    .gap_12 {
        gap: 12px
    }

    .p_12px_16px {
        padding: 12px 16px
    }

    .bg_surface\.level\.3 {
        background: var(--colors-surface-level-3)
    }

    .w_32 {
        width: 32px
    }

    .c_icon\.secondary {
        color: var(--colors-icon-secondary)
    }

    .c_unifiedText\.brand {
        color: var(--colors-unified-text-brand)
    }

    .h_20 {
        height: 20px
    }

    .w_20 {
        width: 20px
    }

    .c_icon\.brand {
        color: var(--colors-icon-brand)
    }

    .gap_8 {
        gap: 8px
    }

    .ta_start {
        text-align: start
    }

    .p_20 {
        padding: 20px
    }

    .c_icon\.subtle {
        color: var(--colors-icon-subtle)
    }

    .trs_transform_200ms_ease-out {
        transition: transform .2s ease-out
    }

    .trf_rotate\(270deg\) {
        transform: rotate(270deg)
    }

    .bg_black\.503\/60 {
        --mix-background: color-mix(in srgb,var(--colors-black-503) 60%,transparent);
        background: var(--mix-background,var(--colors-black-503))
    }

    .bkdp_blur\(8px\) {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px)
    }

    .tw_nowrap {
        text-wrap: nowrap
    }

    .bd_1px_solid_\{colors\.stroke\.rule\} {
        border: 1px solid var(--colors-stroke-rule)
    }

    .h_16 {
        height: 16px
    }

    .py_12 {
        padding-block: 12px
    }

    .p_0_30px_40px_40px {
        padding: 0 30px 40px 40px
    }

    .bd-r_1px_solid_\{colors\.surface\.level\.3\} {
        border-right: 1px solid var(--colors-surface-level-3)
    }

    .c_home\.seasonOverview\.subtitleText {
        color: var(--colors-home-season-overview-subtitle-text)
    }

    .bd-l_1px_solid_\{colors\.surface\.level\.3\} {
        border-left: 1px solid var(--colors-surface-level-3)
    }

    .bd-b_1px_solid_\{colors\.surface\.level\.3\} {
        border-bottom: 1px solid var(--colors-surface-level-3)
    }

    .m_30px_0_14px_0 {
        margin: 30px 0 14px
    }

    .p_0px_0_20px_0 {
        padding: 0 0 20px
    }

    .va_bottom {
        vertical-align: bottom
    }

    .bx-sh_0px_4px_10px_0px_\{colors\.black\.104\/50\} {
        box-shadow: 0 4px 10px 0 color-mix(in srgb,var(--colors-black-104) 50%,transparent)
    }

    .py_40 {
        padding-block: 40px
    }

    .z_zOverlay2 {
        z-index: var(--z-index-z-overlay2)
    }

    .d_block {
        display: block
    }

    .px_30 {
        padding-inline: 30px
    }

    .bd-t_1px_solid_\{colors\.neutral\.850\} {
        border-top: 1px solid var(--colors-neutral-850)
    }

    .c_neutral\.400 {
        color: var(--colors-neutral-400)
    }

    .bdr-b_8 {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .bd-x-c_neutral\.850 {
        border-inline-color: var(--colors-neutral-850)
    }

    .py_16 {
        padding-block: 16px
    }

    .c_neutral\.white {
        color: var(--colors-neutral-white)
    }

    .max-w_fit-content {
        max-width: fit-content
    }

    .h_24px {
        height: 24px
    }

    .w_24px,
    .w_24px\; {
        width: 24px
    }

    .h_dvh {
        height: 100dvh
    }

    .isolation_isolate {
        isolation: isolate
    }

    .w_screen {
        width: 100vw
    }

    .bdr_16 {
        border-radius: 16px
    }

    .w_16 {
        width: 16px
    }

    .z_zOverlay {
        z-index: var(--z-index-z-overlay)
    }

    .p_14 {
        padding: 14px
    }

    .trf_rotate\(-90deg\) {
        transform: rotate(-90deg)
    }

    .bg_neutral\.950 {
        background: var(--colors-neutral-950)
    }

    .p_500 {
        padding: var(--spacing-500)
    }

    .gap_100 {
        gap: var(--spacing-100)
    }

    .gap_300 {
        gap: var(--spacing-300)
    }

    .scr-bhv_smooth {
        scroll-behavior: smooth
    }

    .\-webkit-overflow-scrolling_touch {
        -webkit-overflow-scrolling: touch
    }

    .scr-bar-w_none {
        scrollbar-width: none
    }

    .li-s_none {
        list-style: none
    }

    .px_24 {
        padding-inline: 24px
    }

    .flex_0_0_220px {
        flex: 0 0 220px
    }

    .bg_neutral\.800 {
        background: var(--colors-neutral-800)
    }

    .m_8 {
        margin: 8px
    }

    .px_4 {
        padding-inline: 4px
    }

    .bg_linear-gradient\(270deg\,_\{colors\.clear\}_0\%\,_\{colors\.neutral\.950\}_40\%\,_\{colors\.neutral\.950\}_100\%\) {
        background: linear-gradient(270deg,var(--colors-clear) 0,var(--colors-neutral-950) 40%,var(--colors-neutral-950) 100%)
    }

    .bg_linear-gradient\(90deg\,_\{colors\.clear\}_0\%\,_\{colors\.neutral\.950\}_40\%\,_\{colors\.neutral\.950\}_100\%\) {
        background: linear-gradient(90deg,var(--colors-clear) 0,var(--colors-neutral-950) 40%,var(--colors-neutral-950) 100%)
    }

    .h_200px {
        height: 200px
    }

    .pos_sticky {
        position: sticky
    }

    .bx-s_border-box {
        box-sizing: border-box
    }

    .bdr_xs {
        border-radius: var(--radii-xs)
    }

    .gap_50 {
        gap: var(--spacing-50)
    }

    .p_200 {
        padding: var(--spacing-200)
    }

    .trf_rotate\(90deg\) {
        transform: rotate(90deg)
    }

    .vis_hidden {
        visibility: hidden
    }

    .px_12 {
        padding-inline: 12px
    }

    .c_valRed\.300 {
        color: var(--colors-val-red-300)
    }

    .c_neutral\.800 {
        color: var(--colors-neutral-800)
    }

    .bdr_full {
        border-radius: var(--radii-full)
    }

    .w_4 {
        width: 4px
    }

    .bg_white\.100 {
        background: var(--colors-white-100)
    }

    .grid-area_title {
        grid-area: title
    }

    .grid-area_widget {
        grid-area: widget
    }

    .grid-area_nav {
        grid-area: nav
    }

    .z_zBelow {
        z-index: var(--z-index-z-below)
    }

    .h_40 {
        height: 40px
    }

    .c_rule\.primary {
        color: var(--colors-rule-primary)
    }

    .c_accent\.primary {
        color: var(--colors-accent-primary)
    }

    .anim_diagonalSwipe_1\.5s_linear_infinite {
        animation: diagonalSwipe 1.5s linear infinite
    }

    .grid-c_1\/-1 {
        grid-column: 1/-1
    }

    .bg_accent\.primary {
        background: var(--colors-accent-primary)
    }

    .py_9 {
        padding-block: 9px
    }

    .px_50px {
        padding-inline: 50px
    }

    .bdr_35 {
        border-radius: 35px
    }

    .w_17 {
        width: 17px
    }

    .h_17 {
        height: 17px
    }

    .gap_20 {
        gap: 20px
    }

    .h_1 {
        height: 1px
    }

    .bg_border\.primary {
        background: var(--colors-border-primary)
    }

    .min-h_calc\(100vh_-_180px\) {
        min-height: calc(100vh - 180px)
    }

    .gap_70 {
        gap: 70px
    }

    .op_0\.25 {
        opacity: .25
    }

    .w_340 {
        width: 340px
    }

    .max-h_2800 {
        max-height: 2800px
    }

    .min-w_calc\(100dvw_-_var\(--mobile-offset\)\*_2\) {
        min-width: calc(100dvw - var(--mobile-offset)* 2)
    }

    .w_var\(--width\) {
        width: var(--width)
    }

    .bd_1px_solid {
        border: 1px solid
    }

    .c_treatment\.leagues\.accent\.primary\.1 {
        color: var(--colors-treatment-leagues-accent-primary-1)
    }

    .bd_2px_solid_\{colors\.neutral\.950\} {
        border: 2px solid var(--colors-neutral-950)
    }

    .h_128 {
        height: 128px
    }

    .w_128 {
        width: 128px
    }

    .p_8px_12px {
        padding: 8px 12px
    }

    .p_8px_16px {
        padding: 8px 16px
    }

    .bdr_999 {
        border-radius: 999px
    }

    .bx-sh_0px_0px_12px_0px_\#FCD28899 {
        box-shadow: 0 0 12px 0 #FCD28899
    }

    .bd_double_2px_transparent {
        border: 2px double transparent
    }

    .c_unifiedText\.subtle {
        color: var(--colors-unified-text-subtle)
    }

    .anim_spin_2s_linear_infinite {
        animation: spin 2s linear infinite
    }

    .w_82 {
        width: 82px
    }

    .bd-t_1px_solid_\{colors\.stroke\.border\.primary\} {
        border-top: 1px solid var(--colors-stroke-border-primary)
    }

    .bg_scoring\.correct {
        background: var(--colors-scoring-correct)
    }

    .h_36 {
        height: 36px
    }

    .w_36 {
        width: 36px
    }

    .c_stroke\.border\.contrast\.inverse {
        color: var(--colors-stroke-border-contrast-inverse)
    }

    .h_8 {
        height: 8px
    }

    .bg_surface\.level\.4 {
        background: var(--colors-surface-level-4)
    }

    .bg_scoring\.partial {
        background: var(--colors-scoring-partial)
    }

    .bg_stroke\.border\.contrast\.inverse {
        background: var(--colors-stroke-border-contrast-inverse)
    }

    .w_90\% {
        width: 90%
    }

    .py_10 {
        padding-block: 10px
    }

    .bg_button\.primary\.bg {
        background: var(--colors-button-primary-bg)
    }

    .c_button\.primary\.text {
        color: var(--colors-button-primary-text)
    }

    .w_fit-content {
        width: fit-content
    }

    .p_8px_8px {
        padding: 8px
    }

    .w_calc\(50\%_-_10px\) {
        width: calc(50% - 10px)
    }

    .h_200 {
        height: 200px
    }

    .w_16\% {
        width: 16%
    }

    .bd-cl_collapse {
        border-collapse: collapse
    }

    .ta_left {
        text-align: left
    }

    .p_8 {
        padding: 8px
    }

    .ring_none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .bd_none {
        border: none
    }

    .p_0 {
        padding: 0
    }

    .bd_1px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border: 1px solid var(--colors-stroke-border-contrast-inverse)
    }

    .trs_transform_250ms_ease-out {
        transition: transform .25s ease-out
    }

    .max-h_188 {
        max-height: 188px
    }

    .min-w_200 {
        min-width: 200px
    }

    .min-h_calc\(100vh_-_200px_-_50px_-_80px_-_16px_-_140px\) {
        min-height: calc(100vh - 200px - 50px - 80px - 16px - 140px)
    }

    .flex_1_0_auto {
        flex: 1 0 auto
    }

    .w_64 {
        width: 64px
    }

    .py_4 {
        padding-block: 4px
    }

    .bd_1px_solid_\{colors\.surface\.level\.3\} {
        border: 1px solid var(--colors-surface-level-3)
    }

    .py_8 {
        padding-block: 8px
    }

    .min-h_74 {
        min-height: 74px
    }

    .min-w_146 {
        min-width: 146px
    }

    .w_min-content {
        width: min-content
    }

    .flex_0_1_auto {
        flex: 0 1 auto
    }

    .c_icon\.secondary\.inverse {
        color: var(--colors-icon-secondary-inverse)
    }

    .h_34 {
        height: 34px
    }

    .w_34 {
        width: 34px
    }

    .w_200 {
        width: 200px
    }

    .px_200 {
        padding-inline: var(--spacing-200)
    }

    .py_200 {
        padding-block: var(--spacing-200)
    }

    .h_18px {
        height: 18px
    }

    .w_18px {
        width: 18px
    }

    .trf_rotate\(180deg\) {
        transform: rotate(180deg)
    }

    .py_150 {
        padding-block: var(--spacing-150)
    }

    .bd-l_2px_solid_transparent {
        border-left: 2px solid transparent
    }

    .c_stroke\.border\.primary {
        color: var(--colors-stroke-border-primary)
    }

    .flex_0_0_48px {
        flex: 0 0 48px
    }

    .w_48 {
        width: 48px
    }

    .h_48 {
        height: 48px
    }

    .p_40px {
        padding: 40px
    }

    .gap_24px {
        gap: 24px
    }

    .max-w_220 {
        max-width: 220px
    }

    .my_100 {
        margin-block: var(--spacing-100)
    }

    .white-space_nowrap {
        white-space: nowrap
    }

    .tov_ellipsis {
        text-overflow: ellipsis
    }

    .bd-b_2px_solid_\{colors\.riotbar\.border\} {
        border-bottom: 2px solid var(--colors-riotbar-border)
    }

    .w_40 {
        width: 40px
    }

    .bd_2px_solid_\{colors\.stroke\.rule\} {
        border: 2px solid var(--colors-stroke-rule)
    }

    .bdr_20 {
        border-radius: 20px
    }

    .\-webkit-tap-highlight-color_rgba\(0\,_0\,_0\,_0\) {
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .w_18 {
        width: 18px
    }

    .h_18 {
        height: 18px
    }

    .bd_1px_solid_rgba\(0\,0\,0\,_0\.15\) {
        border: 1px solid rgba(0,0,0,.15)
    }

    .trs_transform_100ms {
        transition: transform .1s
    }

    .trf_translateX\(1px\) {
        transform: translateX(1px)
    }

    .bx-s_content-box {
        box-sizing: content-box
    }

    .will-change_transform {
        will-change: transform
    }

    .w_12 {
        width: 12px
    }

    .h_10 {
        height: 10px
    }

    .w_10 {
        width: 10px
    }

    .h_14 {
        height: 14px
    }

    .w_14 {
        width: 14px
    }

    .bd_1px_solid_\{colors\.icon\.secondary\} {
        border: 1px solid var(--colors-icon-secondary)
    }

    .bdr_2 {
        border-radius: 2px
    }

    .bg_icon\.primary {
        background: var(--colors-icon-primary)
    }

    .h_12 {
        height: 12px
    }

    .c_surface\.level\.3 {
        color: var(--colors-surface-level-3)
    }

    .max-h_296 {
        max-height: 296px
    }

    .gap_6 {
        gap: 6px
    }

    .bd_1px_solid_\{colors\.button\.tertiary\.border\} {
        border: 1px solid var(--colors-button-tertiary-border)
    }

    .c_button\.tertiary\.text {
        color: var(--colors-button-tertiary-text)
    }

    .p_48px_96px {
        padding: 48px 96px
    }

    .min-w_100\% {
        min-width: 100%
    }

    .w_50px {
        width: 50px
    }

    .bg_gray\.512 {
        background: var(--colors-gray-512)
    }

    .p_1 {
        padding: 1px
    }

    .bdr_50\% {
        border-radius: 50%
    }

    .grid-area_imageGroup {
        grid-area: imageGroup
    }

    .asp_16_\/_9 {
        aspect-ratio: 16/9
    }

    .bx-sh_0_4px_54px_rgba\(0\,0\,0\,\.25\) {
        box-shadow: 0 4px 54px rgba(0,0,0,.25)
    }

    .w_60 {
        width: 60px
    }

    .h_66 {
        height: 66px
    }

    .p_5 {
        padding: 5px
    }

    .w_50 {
        width: 50px
    }

    .h_50 {
        height: 50px
    }

    .grid-area_metadata {
        grid-area: metadata
    }

    .c_gray\.103 {
        color: var(--colors-gray-103)
    }

    .gap_15 {
        gap: 15px
    }

    .white-space_pre-wrap {
        white-space: pre-wrap
    }

    .grid-area_description {
        grid-area: description
    }

    .white-space_normal {
        white-space: normal
    }

    .m-width_1280 {
        m-width: 1280px
    }

    .c_text\.quaternary {
        color: var(--colors-text-quaternary)
    }

    .max-h_650 {
        max-height: 650px
    }

    .asp_18_\/_6 {
        aspect-ratio: 18/6
    }

    .max-h_600 {
        max-height: 600px
    }

    .white-space_pre-line {
        white-space: pre-line
    }

    .ls_12px {
        letter-spacing: 12px
    }

    .py_70 {
        padding-block: 70px
    }

    .my_80 {
        margin-block: 80px
    }

    .max-w_300 {
        max-width: 300px
    }

    .asp_16\/9 {
        aspect-ratio: 16/9
    }

    .gap_2 {
        gap: 2px
    }

    .min-w_48 {
        min-width: 48px
    }

    .c_unifiedAccent\.secondary\.dark {
        color: var(--colors-unified-accent-secondary-dark)
    }

    .h_87 {
        height: 87px
    }

    .p_12px_8px {
        padding: 12px 8px
    }

    .p_2px_12px {
        padding: 2px 12px
    }

    .h_44 {
        height: 44px
    }

    .w_61 {
        width: 61px
    }

    .op_0\.5 {
        opacity: .5
    }

    .pointer-events_none {
        pointer-events: none
    }

    .cursor_not-allowed {
        cursor: not-allowed
    }

    .m_8px_auto_10px {
        margin: 8px auto 10px
    }

    .w_8 {
        width: 8px
    }

    .bg_icon\.subtle {
        background: var(--colors-icon-subtle)
    }

    .grid-area_header {
        grid-area: header
    }

    .h_300 {
        height: 300px
    }

    .p_16px_8px {
        padding: 16px 8px
    }

    .bd-l_1px_solid_\{colors\.stroke\.rule\} {
        border-left: 1px solid var(--colors-stroke-rule)
    }

    .trf_scaleX\(1\.5\) {
        transform: scaleX(1.5)
    }

    .us_none {
        -webkit-user-select: none;
        user-select: none
    }

    .p_10px_8px {
        padding: 10px 8px
    }

    .max-w_calc\(100vw_-_64px\) {
        max-width: calc(100vw - 64px)
    }

    .tbl_auto {
        table-layout: auto
    }

    .bg_button\.tertiary\.bg {
        background: var(--colors-button-tertiary-bg)
    }

    .w_96 {
        width: 96px
    }

    .min-h_400 {
        min-height: 400px
    }

    .p_40 {
        padding: 40px
    }

    .max-w_50\% {
        max-width: 50%
    }

    .bg_linear-gradient\(270deg\,_rgba\(15\,_15\,_15\,_0\.00\)_68\.54\%\,_\{colors\.surface\.level\.1\}_100\%\) {
        background: linear-gradient(270deg,rgba(15,15,15,0) 68.54%,var(--colors-surface-level-1) 100%)
    }

    .min-w_0 {
        min-width: 0
    }

    .h_60 {
        height: 60px
    }

    .d_inline-flex {
        display: inline-flex
    }

    .px_40 {
        padding-inline: 40px
    }

    .flex_0_0_auto {
        flex: 0 0 auto
    }

    .py_5 {
        padding-block: 5px
    }

    .bg_home\.group {
        background: var(--colors-home-group)
    }

    .bdr-t_8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .py_100 {
        padding-block: var(--spacing-100)
    }

    .h_150 {
        height: 150px
    }

    .bg_linear-gradient\(180deg\,_\{colors\.home\.empty\.gradient\/1\}_0\%\,_\{colors\.home\.empty\.gradient\/80\}_100\%\)\,_linear-gradient\(90deg\,_\{colors\.home\.empty\.gradient\/80\}_15\.01\%\,_\{colors\.home\.empty\.gradient\/1\}_54\.97\%\) {
        background: linear-gradient(180deg,color-mix(in srgb,var(--colors-home-empty-gradient) 1%,transparent) 0,color-mix(in srgb,var(--colors-home-empty-gradient) 80%,transparent) 100%),linear-gradient(90deg,color-mix(in srgb,var(--colors-home-empty-gradient) 80%,transparent) 15.01%,color-mix(in srgb,var(--colors-home-empty-gradient) 1%,transparent) 54.97%)
    }

    .c_home\.empty\.subtitle {
        color: var(--colors-home-empty-subtitle)
    }

    .grid-area_details {
        grid-area: details
    }

    .w_95\% {
        width: 95%
    }

    .h_80\% {
        height: 80%
    }

    .grid-area_extra {
        grid-area: extra
    }

    .px_6 {
        padding-inline: 6px
    }

    .bg_home\.live {
        background: var(--colors-home-live)
    }

    .max-w_calc\(100vw_-_225px\) {
        max-width: calc(100vw - 225px)
    }

    .c_home\.subtext {
        color: var(--colors-home-subtext)
    }

    .flex_1_100\% {
        flex: 1 100%
    }

    .min-w_150 {
        min-width: 150px
    }

    .min-h_48 {
        min-height: 48px
    }

    .bg_home\.action {
        background: var(--colors-home-action)
    }

    .p_12 {
        padding: 12px
    }

    .tt_lowercase {
        text-transform: lowercase
    }

    .max-w_calc\(100vw_-_24px\) {
        max-width: calc(100vw - 24px)
    }

    .bdr_0 {
        border-radius: 0
    }

    .bg_home\.card\.bg {
        background: var(--colors-home-card-bg)
    }

    .grid-area_team {
        grid-area: team
    }

    .grid-area_teamA {
        grid-area: teamA
    }

    .grid-area_teamB {
        grid-area: teamB
    }

    .p_4 {
        padding: 4px
    }

    .bg_home\.card\.winsBg {
        background: var(--colors-home-card-wins-bg)
    }

    .min-w_100 {
        min-width: 100px
    }

    .bg_home\.feed\.loadMoreBg {
        background: var(--colors-home-feed-load-more-bg)
    }

    .asp_16\:9 {
        aspect-ratio: var(--aspect-ratios-16\:9)
    }

    .op_0 {
        opacity: 0
    }

    .bg_linear-gradient\(179\.82deg\,_\{colors\.home\.media\.gradient\/90\}_5\.13\%\,_\{colors\.home\.media\.gradient\/1\}_50\%\)\,_linear-gradient\(76\.14deg\,_\{colors\.home\.media\.accent\}_9\.71\%\,_\{colors\.home\.media\.accent\/1\}_48\.21\%\),
    .bg_linear-gradient\(179\.82deg\,_\{colors\.home\.media\.gradient\/90\}_5\.13\%\,_\{colors\.home\.media\.gradient\/1\}_50\%\)\,linear-gradient\(76\.14deg\,_\{colors\.home\.media\.accent\}_9\.71\%\,_\{colors\.home\.media\.accent\/1\}_48\.21\%\) {
        background: linear-gradient(179.82deg,color-mix(in srgb,var(--colors-home-media-gradient) 90%,transparent) 5.13%,color-mix(in srgb,var(--colors-home-media-gradient) 1%,transparent) 50%),linear-gradient(76.14deg,var(--colors-home-media-accent) 9.71%,color-mix(in srgb,var(--colors-home-media-accent) 1%,transparent) 48.21%)
    }

    .p_100 {
        padding: var(--spacing-100)
    }

    .bdr_2px {
        border-radius: 2px
    }

    .p_50 {
        padding: var(--spacing-50)
    }

    .bdr_4px {
        border-radius: 4px
    }

    .bdr_100px {
        border-radius: 100px
    }

    .px_150 {
        padding-inline: var(--spacing-150)
    }

    .py_75 {
        padding-block: var(--spacing-75)
    }

    .grid-c_1_\/_1 {
        grid-column: 1/1
    }

    .gap_200 {
        gap: var(--spacing-200)
    }

    .grid-c_2_\/_2 {
        grid-column: 2/2
    }

    .grid-c_1_\/_3 {
        grid-column: 1/3
    }

    .grid-r_1_\/_2 {
        grid-row: 1/2
    }

    .bg_home\.spoiler\.winsBg {
        background: var(--colors-home-spoiler-wins-bg)
    }

    .h_21 {
        height: 21px
    }

    .place-items_center_center {
        place-items: center center
    }

    .p_4px_5px {
        padding: 4px 5px
    }

    .bg_home\.card\.ampmBg {
        background: var(--colors-home-card-ampm-bg)
    }

    .c_home\.card\.ampm {
        color: var(--colors-home-card-ampm)
    }

    .grid-area_date {
        grid-area: date
    }

    .will-change_contents {
        will-change: contents
    }

    .trf_translateZ\(0\) {
        transform: translateZ(0)
    }

    .z_zLayer9 {
        z-index: var(--z-index-z-layer9)
    }

    .grid-area_banner {
        grid-area: banner
    }

    .grid-area_navigate {
        grid-area: navigate
    }

    .bg_home\.navigate\.bg {
        background: var(--colors-home-navigate-bg)
    }

    .px_8 {
        padding-inline: 8px
    }

    .bg_clear {
        background: var(--colors-clear)
    }

    .bg_home\.bg {
        background: var(--colors-home-bg)
    }

    .px_0 {
        padding-inline: 0
    }

    .grid-area_main {
        grid-area: main
    }

    .max-w_840 {
        max-width: 840px
    }

    .min-h_calc\(100dvh_-_180px\) {
        min-height: calc(100dvh - 180px)
    }

    .trs_opacity_0\.2s_ease-in_0\.1s {
        transition: opacity .2s ease-in .1s
    }

    .min-h_100vh {
        min-height: 100vh
    }

    .place-items_center {
        place-items: center
    }

    .bg_black\.101 {
        background: var(--colors-black-101)
    }

    .p_38px_24px_24px {
        padding: 38px 24px 24px
    }

    .w_85\% {
        width: 85%
    }

    .fill_surface\.level\.4 {
        fill: var(--colors-surface-level-4)
    }

    .bx-sh_inset_0_0_0px_1px_\{colors\.stroke\.border\.contrast\.inverse\} {
        box-shadow: inset 0 0 0 1px var(--colors-stroke-border-contrast-inverse)
    }

    .grid-area_hint {
        grid-area: hint
    }

    .td_line-through {
        text-decoration: line-through
    }

    .bx-sh_inset_0_0_0px_1px_\{colors\.scoring\.correct\} {
        box-shadow: inset 0 0 0 1px var(--colors-scoring-correct)
    }

    .grid-area_code {
        grid-area: code
    }

    .op_0\.7 {
        opacity: .7
    }

    .c_unifiedText\.primary\.inverse {
        color: var(--colors-unified-text-primary-inverse)
    }

    .bg_surface\.inverse\.0 {
        background: var(--colors-surface-inverse-0)
    }

    .bd-l_unset {
        border-left: unset
    }

    .bx-sh_inset_-1px_0_0_\{colors\.scoring\.correct\}\,_inset_0_1px_0_\{colors\.scoring\.correct\}\,_inset_0_-1px_0_\{colors\.scoring\.correct\}\,_inset_1px_0_0_\{colors\.stroke\.border\.primary\} {
        box-shadow: inset -1px 0 0 var(--colors-scoring-correct),inset 0 1px 0 var(--colors-scoring-correct),inset 0 -1px 0 var(--colors-scoring-correct),inset 1px 0 0 var(--colors-stroke-border-primary)
    }

    .my_24 {
        margin-block: 24px
    }

    .ov_visible {
        overflow: visible
    }

    .p_2px_4px {
        padding: 2px 4px
    }

    .trf_translateY\(-115\%\) {
        transform: translateY(-115%)
    }

    .trf_translateY\(1px\) {
        transform: translateY(1px)
    }

    .h_28 {
        height: 28px
    }

    .w_28 {
        width: 28px
    }

    .trf_translateY\(-50\%\) {
        transform: translateY(-50%)
    }

    .grid-area_image {
        grid-area: image
    }

    .p_6px_8px {
        padding: 6px 8px
    }

    .grid-area_score {
        grid-area: score
    }

    .p_24px_24px_12px_24px {
        padding: 24px 24px 12px
    }

    .h_72 {
        height: 72px
    }

    .bg_surface\.inverse\.2 {
        background: var(--colors-surface-inverse-2)
    }

    .obj-p_80\%_50\% {
        object-position: 80% 50%
    }

    .w_129 {
        width: 129px
    }

    .c_valPurple\.100 {
        color: var(--colors-val-purple-100)
    }

    .c_lolMSI\.lightGray {
        color: var(--colors-lol-m-s-i-light-gray)
    }

    .c_surface\.inverse\.2 {
        color: var(--colors-surface-inverse-2)
    }

    .bdr_button\.primary\.radius {
        border-radius: var(--radii-button-primary-radius)
    }

    .bg_lolMSI\.darkGray {
        background: var(--colors-lol-m-s-i-dark-gray)
    }

    .bg_valRed\.300 {
        background: var(--colors-val-red-300)
    }

    .bdr_40 {
        border-radius: 40px
    }

    .c_valMasters\.black {
        color: var(--colors-val-masters-black)
    }

    .w_90 {
        width: 90px
    }

    .h_90 {
        height: 90px
    }

    .bg_button\.secondary\.bg {
        background: var(--colors-button-secondary-bg)
    }

    .c_button\.secondary\.text {
        color: var(--colors-button-secondary-text)
    }

    .bdr_sm {
        border-radius: var(--radii-sm)
    }

    .w_3 {
        width: 3px
    }

    .bg_stroke\.border\.primary {
        background: var(--colors-stroke-border-primary)
    }

    .bx-sh_0px_4px_12px_0px_rgba\(0\,_0\,_0\,_0\.50\) {
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.5)
    }

    .bd_2px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border: 2px solid var(--colors-stroke-border-contrast-inverse)
    }

    .bd_2px_solid_\{colors\.stroke\.border\.primary\} {
        border: 2px solid var(--colors-stroke-border-primary)
    }

    .h_56 {
        height: 56px
    }

    .w_56 {
        width: 56px
    }

    .w_22 {
        width: 22px
    }

    .h_22 {
        height: 22px
    }

    .max-w_1012 {
        max-width: 1012px
    }

    .bd_2px_solid {
        border: 2px solid
    }

    .p_2 {
        padding: 2px
    }

    .h_140 {
        height: 140px
    }

    .max-w_194 {
        max-width: 194px
    }

    .bg_linear-gradient\(133deg\,_\{colors\.rainbow\.100\/15\}_2\.44\%\,_\{colors\.rainbow\.200\/15\}_24\.44\%\,_\{colors\.rainbow\.300\/15\}_47\.41\%\,_\{colors\.rainbow\.400\/15\}_69\.4\%\,_\{colors\.rainbow\.500\/15\}_100\.19\%\)\,_\{colors\.surface\.level\.3\} {
        background: linear-gradient(133deg,color-mix(in srgb,var(--colors-rainbow-100) 15%,transparent) 2.44%,color-mix(in srgb,var(--colors-rainbow-200) 15%,transparent) 24.44%,color-mix(in srgb,var(--colors-rainbow-300) 15%,transparent) 47.41%,color-mix(in srgb,var(--colors-rainbow-400) 15%,transparent) 69.4%,color-mix(in srgb,var(--colors-rainbow-500) 15%,transparent) 100.19%),var(--colors-surface-level-3)
    }

    .h_64 {
        height: 64px
    }

    .bdr_button\.tertiary\.radius {
        border-radius: var(--radii-button-tertiary-radius)
    }

    .p_16px_24px {
        padding: 16px 24px
    }

    .py_18 {
        padding-block: 18px
    }

    .flex_none {
        flex: none
    }

    .gap_27 {
        gap: 27px
    }

    .w_min\(100\%\,_400px\) {
        width: min(100%,400px)
    }

    .max-w_600 {
        max-width: 600px
    }

    .bd-t_0\.41px_solid_\{colors\.stroke\.rule\} {
        border-top: .41px solid var(--colors-stroke-rule)
    }

    .w_284 {
        width: 284px
    }

    .grid-area_actionBar {
        grid-area: actionBar
    }

    .pos_unset {
        position: unset
    }

    .w_unset {
        width: unset
    }

    .bg_unset {
        background: unset
    }

    .py_0 {
        padding-block: 0
    }

    .bd_unset {
        border: unset
    }

    .bg_bg\.secondary {
        background: var(--colors-bg-secondary)
    }

    .bd_2px_solid_\{colors\.clear\} {
        border: 2px solid var(--colors-clear)
    }

    .bdr_50 {
        border-radius: 50px
    }

    .bdr_60 {
        border-radius: 60px
    }

    .h_193 {
        height: 193px
    }

    .fill_unifiedText\.subtle {
        fill: var(--colors-unified-text-subtle)
    }

    .stk_none {
        stroke: none
    }

    .stk_stroke\.rule {
        stroke: var(--colors-stroke-rule)
    }

    .w_min\(90vw\,_390px\) {
        width: min(90vw,390px)
    }

    .p_10px_20px {
        padding: 10px 20px
    }

    .op_0\.8 {
        opacity: .8
    }

    .flex_0\.5 {
        flex: 0.5
    }

    .gap_18 {
        gap: 18px
    }

    .c_button\.tertiary\.icon {
        color: var(--colors-button-tertiary-icon)
    }

    .h_15 {
        height: 15px
    }

    .bd-b_1px_solid {
        border-bottom: 1px solid
    }

    .grid-area_rank {
        grid-area: rank
    }

    .grid-area_avatar {
        grid-area: avatar
    }

    .grid-area_name {
        grid-area: name
    }

    .grid-area_points {
        grid-area: points
    }

    .max-w_1064 {
        max-width: 1064px
    }

    .bdr_radius\.container {
        border-radius: var(--radii-radius-container)
    }

    .bg_surface\.level\.0\/90 {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-0) 90%,transparent);
        background: var(--mix-background,var(--colors-surface-level-0))
    }

    .z_calc\(\{zIndex\.zOverlay2\}_\+_1\) {
        z-index: calc(var(--z-index-z-overlay2) + 1)
    }

    .w_90vw {
        width: 90vw
    }

    .max-w_390 {
        max-width: 390px
    }

    .w_87 {
        width: 87px
    }

    .bg_linear-gradient\(0deg\,_\{colors\.scoring\.partial\/10\}_0\%\,_\{colors\.scoring\.partial\/10\}_100\%\)\,_\{colors\.surface\.level\.2\} {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-scoring-partial) 10%,transparent) 0,color-mix(in srgb,var(--colors-scoring-partial) 10%,transparent) 100%),var(--colors-surface-level-2)
    }

    .px_44 {
        padding-inline: 44px
    }

    .bdr-t_radius\.container {
        border-top-left-radius: var(--radii-radius-container);
        border-top-right-radius: var(--radii-radius-container)
    }

    .max-w_1064px {
        max-width: 1064px
    }

    .grid-area_tiers {
        grid-area: tiers
    }

    .grid-area_stages {
        grid-area: stages
    }

    .max-w_calc\(100dvw_-_40px_-_16px\) {
        max-width: calc(100dvw - 40px - 16px)
    }

    .my_auto {
        margin-block: auto
    }

    .my_8 {
        margin-block: 8px
    }

    .va_middle {
        vertical-align: middle
    }

    .bd_1px_solid_\{colors\.scoring\.partial\} {
        border: 1px solid var(--colors-scoring-partial)
    }

    .h_80 {
        height: 80px
    }

    .w_80 {
        width: 80px
    }

    .bg_black\.100\/75 {
        --mix-background: color-mix(in srgb,var(--colors-black-100) 75%,transparent);
        background: var(--mix-background,var(--colors-black-100))
    }

    .w_96vw {
        width: 96vw
    }

    .c_systemBlue\.300 {
        color: var(--colors-system-blue-300)
    }

    .c_systemBlue\.100 {
        color: var(--colors-system-blue-100)
    }

    .min-h_60 {
        min-height: 60px
    }

    .bg_linear-gradient\(180deg\,_\{colors\.surface\.level\.4\}_0\%\,_\{colors\.surface\.level\.2\}_100\%\)\,_\{colors\.surface\.level\.2\} {
        background: linear-gradient(180deg,var(--colors-surface-level-4) 0,var(--colors-surface-level-2) 100%),var(--colors-surface-level-2)
    }

    .flex_0_0_100\% {
        flex: 0 0 100%
    }

    .min-h_0 {
        min-height: 0
    }

    .cursor_default {
        cursor: default
    }

    .bg_pickems\.rewards\.tier1 {
        background: var(--colors-pickems-rewards-tier1)
    }

    .bg_pickems\.rewards\.tier2 {
        background: var(--colors-pickems-rewards-tier2)
    }

    .bg_pickems\.rewards\.tier3 {
        background: var(--colors-pickems-rewards-tier3)
    }

    .bg_pickems\.rewards\.tier4 {
        background: var(--colors-pickems-rewards-tier4)
    }

    .bg_linear-gradient\(133\.15deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\) {
        background: linear-gradient(133.15deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%)
    }

    .trf_translateX\(-50\%\)_translateY\(-50\%\) {
        transform: translateX(-50%) translateY(-50%)
    }

    .grid-area_tier {
        grid-area: tier
    }

    .mx_6 {
        margin-inline: 6px
    }

    .mx_4 {
        margin-inline: 4px
    }

    .bg_linear-gradient\(0deg\,_\{colors\.pickems\.rewards\.tier1\/15\}_0\%\,_\{colors\.pickems\.rewards\.tier1\/15\}_100\%\)\,_\{colors\.surface\.level\.1\} {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-pickems-rewards-tier1) 15%,transparent) 0,color-mix(in srgb,var(--colors-pickems-rewards-tier1) 15%,transparent) 100%),var(--colors-surface-level-1)
    }

    .bg_linear-gradient\(0deg\,_\{colors\.pickems\.rewards\.tier2\/15\}_0\%\,_\{colors\.pickems\.rewards\.tier2\/15\}_100\%\)\,_\{colors\.surface\.level\.1\} {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-pickems-rewards-tier2) 15%,transparent) 0,color-mix(in srgb,var(--colors-pickems-rewards-tier2) 15%,transparent) 100%),var(--colors-surface-level-1)
    }

    .bg_linear-gradient\(0deg\,_\{colors\.pickems\.rewards\.tier3\/15\}_0\%\,_\{colors\.pickems\.rewards\.tier3\/15\}_100\%\)\,_\{colors\.surface\.level\.1\} {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-pickems-rewards-tier3) 15%,transparent) 0,color-mix(in srgb,var(--colors-pickems-rewards-tier3) 15%,transparent) 100%),var(--colors-surface-level-1)
    }

    .bg_linear-gradient\(0deg\,_\{colors\.pickems\.rewardstier4\/15\}_0\%\,_\{colors\.pickems\.rewardstier4\/15\}_100\%\)\,_\{colors\.surface\.level\.1\} {
        background: linear-gradient(0deg,color-mix(in srgb,colors.pickems.rewardstier4 15%,transparent) 0,color-mix(in srgb,colors.pickems.rewardstier4 15%,transparent) 100%),var(--colors-surface-level-1)
    }

    .m_4 {
        margin: 4px
    }

    .w_132 {
        width: 132px
    }

    .h_132 {
        height: 132px
    }

    .bg_linear-gradient\(0deg\,_\{colors\.pickems\.rewards\.tier4\/15\}_0\%\,_\{colors\.pickems\.rewards\.tier4\/15\}_100\%\)\,_\{colors\.surface\.level\.1\} {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-pickems-rewards-tier4) 15%,transparent) 0,color-mix(in srgb,var(--colors-pickems-rewards-tier4) 15%,transparent) 100%),var(--colors-surface-level-1)
    }

    .py_6 {
        padding-block: 6px
    }

    .bd_1px_solid_\{colors\.pickems\.rewards\.tier2\} {
        border: 1px solid var(--colors-pickems-rewards-tier2)
    }

    .bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier2\/60\} {
        box-shadow: 0 0 16px 0 color-mix(in srgb,var(--colors-pickems-rewards-tier2) 60%,transparent)
    }

    .bd_1px_solid_\{colors\.pickems\.rewards\.tier3\} {
        border: 1px solid var(--colors-pickems-rewards-tier3)
    }

    .bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier3\/60\} {
        box-shadow: 0 0 16px 0 color-mix(in srgb,var(--colors-pickems-rewards-tier3) 60%,transparent)
    }

    .bd_1px_solid_\{colors\.pickems\.rewards\.tier4\} {
        border: 1px solid var(--colors-pickems-rewards-tier4)
    }

    .bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier4\/60\} {
        box-shadow: 0 0 16px 0 color-mix(in srgb,var(--colors-pickems-rewards-tier4) 60%,transparent)
    }

    .bx-sh_0_0_16px_0_\#FCD28899 {
        box-shadow: 0 0 16px 0 #FCD28899
    }

    .wb_break-word {
        word-break: break-word
    }

    .max-w_31 {
        max-width: 31px
    }

    .max-h_20 {
        max-height: 20px
    }

    .bdr_lg {
        border-radius: var(--radii-lg)
    }

    .w_336 {
        width: 336px
    }

    .c_inherit {
        color: var(--colors-inherit)
    }

    .c_pickems\.rewards\.tier2 {
        color: var(--colors-pickems-rewards-tier2)
    }

    .c_pickems\.rewards\.tier3 {
        color: var(--colors-pickems-rewards-tier3)
    }

    .c_pickems\.rewards\.tier4 {
        color: var(--colors-pickems-rewards-tier4)
    }

    .max-h_min\(330px\,_calc\(100dvh_-_182px_-_100px\)\) {
        max-height: min(330px,calc(100dvh - 182px - 100px))
    }

    .w_112 {
        width: 112px
    }

    .h_112 {
        height: 112px
    }

    .max-h_min\(561px\,_calc\(100dvh_-_100px\)\) {
        max-height: min(561px,calc(100dvh - 100px))
    }

    .op_1 {
        opacity: 1
    }

    .bdr_24px_24px_0_0 {
        border-radius: 24px 24px 0 0
    }

    .p_16px_32px {
        padding: 16px 32px
    }

    .gap_32 {
        gap: 32px
    }

    .p_24px_16px {
        padding: 24px 16px
    }

    .max-w_1016 {
        max-width: 1016px
    }

    .w_50\% {
        width: 50%
    }

    .grid-area_userBar {
        grid-area: userBar
    }

    .mx_-20px {
        margin-inline: -20px
    }

    .w_calc\(100\%_\+_40px\) {
        width: calc(100% + 40px)
    }

    .min-h_160 {
        min-height: 160px
    }

    .min-h_250 {
        min-height: 250px
    }

    .bg_surface\.level\.1\/60 {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-1) 60%,transparent);
        background: var(--mix-background,var(--colors-surface-level-1))
    }

    .d_none\! {
        display: none !important
    }

    .asp_unset {
        aspect-ratio: unset
    }

    .max-h_100\% {
        max-height: 100%
    }

    .cq-t_inline-size {
        container-type: inline-size
    }

    .order_2 {
        order: 2
    }

    .max-w_1300 {
        max-width: 1300px
    }

    .bd-b_1px_solid_\{colors\.border\.primary\} {
        border-bottom: 1px solid var(--colors-border-primary)
    }

    .p_5px_14px_5px_6px {
        padding: 5px 14px 5px 6px
    }

    .bg_bg\.tertiary {
        background: var(--colors-bg-tertiary)
    }

    .bd_2px_solid_\{colors\.accent\.primary\} {
        border: 2px solid var(--colors-accent-primary)
    }

    .text-rendering_optimizeSpeed {
        text-rendering: optimizeSpeed
    }

    .order_1 {
        order: 1
    }

    .min-h_140 {
        min-height: 140px
    }

    .p_20px_20px_35px_20px {
        padding: 20px 20px 35px
    }

    .grid-area_riot {
        grid-area: riot
    }

    .w_114 {
        width: 114px
    }

    .m_0 {
        margin: 0
    }

    .grid-area_sport {
        grid-area: sport
    }

    .w_83 {
        width: 83px
    }

    .trf_translateY\(4px\) {
        transform: translateY(4px)
    }

    .w_102 {
        width: 102px
    }

    .min-w_max-content {
        min-width: max-content
    }

    .td_underline {
        text-decoration: underline
    }

    .max-h_calc\(100vh_-_140px\) {
        max-height: calc(100vh - 140px)
    }

    .bg_black\.104 {
        background: var(--colors-black-104)
    }

    .ls_0 {
        letter-spacing: 0
    }

    .li-s_inside {
        list-style: inside
    }

    .my_3 {
        margin-block: 3px
    }

    .bd_2px_solid_\{colors\.stroke\.border\.secondary\} {
        border: 2px solid var(--colors-stroke-border-secondary)
    }

    .c_icon\.primary\.inverse {
        color: var(--colors-icon-primary-inverse)
    }

    .trf_translateY\(-64px\) {
        transform: translateY(-64px)
    }

    .min-w_212 {
        min-width: 212px
    }

    .max-w_212 {
        max-width: 212px
    }

    .h_var\(--column-header-height\) {
        height: var(--column-header-height)
    }

    .h_var\(--vertical-edge-height\) {
        height: var(--vertical-edge-height)
    }

    .w_var\(--vertical-edge-width\) {
        width: var(--vertical-edge-width)
    }

    .bd-r_1px_solid_\{colors\.stroke\.border\.primary\} {
        border-right: 1px solid var(--colors-stroke-border-primary)
    }

    .h_calc\(var\(--vertical-edge-height\)_\+_1px\) {
        height: calc(var(--vertical-edge-height) + 1px)
    }

    .h_calc\(var\(--vertical-edge-height\)_\*_2_-_2px\) {
        height: calc(var(--vertical-edge-height) * 2 - 2px)
    }

    .w_var\(--horizontal-edge-width\) {
        width: var(--horizontal-edge-width)
    }

    .trf_translateY\(-50\%\)_translateY\(1px\) {
        transform: translateY(-50%) translateY(1px)
    }

    .w_70\% {
        width: 70%
    }

    .bg_neutral\.100 {
        background: var(--colors-neutral-100)
    }

    .c_surface\.level\.1 {
        color: var(--colors-surface-level-1)
    }

    .p_6 {
        padding: 6px
    }

    .bdr_radius\.pill {
        border-radius: var(--radii-radius-pill)
    }

    .bg_linear-gradient\(180deg\,_transparent_0\%\,_var\(--card-bg\)_40\%\)\,_\{colors\.black\.503\} {
        background: linear-gradient(180deg,transparent 0,var(--card-bg) 40%),var(--colors-black-503)
    }

    .p_4px_12px {
        padding: 4px 12px
    }

    .trf_translateY\(50\%\) {
        transform: translateY(50%)
    }

    .bg_linear-gradient\(95deg\,_\{colors\.gold\.200\}_-2\%\,_\{colors\.gold\.100\}_50\%\,_\{colors\.gold\.200\}_105\%\) {
        background: linear-gradient(95deg,var(--colors-gold-200) -2%,var(--colors-gold-100) 50%,var(--colors-gold-200) 105%)
    }

    .bg_linear-gradient\(95deg\,_\{colors\.silver\.200\}_-2\%\,_\{colors\.silver\.100\}_50\%\,_\{colors\.silver\.200\}_105\%\) {
        background: linear-gradient(95deg,var(--colors-silver-200) -2%,var(--colors-silver-100) 50%,var(--colors-silver-200) 105%)
    }

    .bg_linear-gradient\(95deg\,_\{colors\.bronze\.200\}_-2\%\,_\{colors\.bronze\.100\}_50\%\,_\{colors\.bronze\.200\}_105\%\) {
        background: linear-gradient(95deg,var(--colors-bronze-200) -2%,var(--colors-bronze-100) 50%,var(--colors-bronze-200) 105%)
    }

    .grid-area_hero {
        grid-area: hero
    }

    .p_32px_16px_16px_16px {
        padding: 32px 16px 16px
    }

    .bg_black\.503\/70 {
        --mix-background: color-mix(in srgb,var(--colors-black-503) 70%,transparent);
        background: var(--mix-background,var(--colors-black-503))
    }

    .min-w_72 {
        min-width: 72px
    }

    .min-w_44 {
        min-width: 44px
    }

    .max-w_264 {
        max-width: 264px
    }

    .bd-b_1px_solid_\{colors\.stroke\.rule\} {
        border-bottom: 1px solid var(--colors-stroke-rule)
    }

    .d_inline {
        display: inline
    }

    .tw_wrap {
        text-wrap: wrap
    }

    .bd-t_none {
        border-top: none
    }

    .bd-r_1px_solid_\{colors\.stroke\.rule\} {
        border-right: 1px solid var(--colors-stroke-rule)
    }

    .trf_translateX\(-24px\) {
        transform: translateX(-24px)
    }

    .p_8px_12px_8px_16px {
        padding: 8px 12px 8px 16px
    }

    .bd-b_1px_dotted_\{colors\.stroke\.rule\} {
        border-bottom: 1px dotted var(--colors-stroke-rule)
    }

    .c_\[\#8C8C8C\] {
        color: #8C8C8C
    }

    .p_150 {
        padding: var(--spacing-150)
    }

    .h_20px {
        height: 20px
    }

    .w_6px {
        width: 6px
    }

    .grid-c_3_\/_3 {
        grid-column: 3/3
    }

    .ta_right {
        text-align: right
    }

    .c_\[\#9A9A9A\] {
        color: #9A9A9A
    }

    .c_\[\#A3A3A3\] {
        color: #A3A3A3
    }

    .px_400 {
        padding-inline: var(--spacing-400)
    }

    .w_20px {
        width: 20px
    }

    .bg_linear-gradient\(90deg\,_\{colors\.home\.header\.gradient\/80\}_0\%\,_\{colors\.home\.header\.gradient\/20\}_100\%\) {
        background: linear-gradient(90deg,color-mix(in srgb,var(--colors-home-header-gradient) 80%,transparent) 0,color-mix(in srgb,var(--colors-home-header-gradient) 20%,transparent) 100%)
    }

    .bg_home\.filter\.activeBg {
        background: var(--colors-home-filter-active-bg)
    }

    .grid-area_filter {
        grid-area: filter
    }

    .h_44px {
        height: 44px
    }

    .bg_home\.filter\.toggleBg {
        background: var(--colors-home-filter-toggle-bg)
    }

    .h_30 {
        height: 30px
    }

    .max-w_80\% {
        max-width: 80%
    }

    .white-space_wrap {
        white-space: wrap
    }

    .lc_2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .bg_home\.filter\.dropdownBg {
        background: var(--colors-home-filter-dropdown-bg)
    }

    .bg_home\.filter\.moreActive {
        background: var(--colors-home-filter-more-active)
    }

    .bdr_99 {
        border-radius: 99px
    }

    .grid-area_settings {
        grid-area: settings
    }

    .w_44 {
        width: 44px
    }

    .z_zPanel {
        z-index: var(--z-index-z-panel)
    }

    .p_30px_20px {
        padding: 30px 20px
    }

    .bg_home\.settings\.dropdownBg {
        background: var(--colors-home-settings-dropdown-bg)
    }

    .w_280px {
        width: 280px
    }

    .bx-sh_-4px_4px_4px_rgb\(0_0_0_\/_0\.4\) {
        box-shadow: -4px 4px 4px rgb(0 0 0/.4)
    }

    .bd-b_1px_solid_\{colors\.home\.news\.border\} {
        border-bottom: 1px solid var(--colors-home-news-border)
    }

    .c_home\.news\.text {
        color: var(--colors-home-news-text)
    }

    .d_-webkit-box {
        display: -webkit-box
    }

    .\-webkit-line-clamp_2 {
        -webkit-line-clamp: 2
    }

    .c_home\.news\.subtext {
        color: var(--colors-home-news-subtext)
    }

    .m_44px_0px {
        margin: 44px 0
    }

    .p_16px {
        padding: 16px
    }

    .bdr_10px {
        border-radius: 10px
    }

    .obj-f_fit {
        object-fit: fit
    }

    .p_10 {
        padding: 10px
    }

    .bg_gray\.509 {
        background: var(--colors-gray-509)
    }

    .c_gray\.502 {
        color: var(--colors-gray-502)
    }

    .p_14px_0 {
        padding: 14px 0
    }

    .m_-1px_0px_0px_4px {
        margin: -1px 0 0 4px
    }

    .c_gray\.102 {
        color: var(--colors-gray-102)
    }

    .c_home\.seasonOverview\.completedText {
        color: var(--colors-home-season-overview-completed-text)
    }

    .c_home\.seasonOverview\.accentText {
        color: var(--colors-home-season-overview-accent-text)
    }

    .c_home\.seasonOverview\.titleText {
        color: var(--colors-home-season-overview-title-text)
    }

    .bd-l_2px_solid_\{colors\.home\.seasonOverview\.accentText\} {
        border-left: 2px solid var(--colors-home-season-overview-accent-text)
    }

    .bg_linear-gradient\(90deg\,_rgba\(16\,_228\,_249\,_0\.2\)_40\.5\%\,_\{colors\.home\.seasonOverview\.accentText\/1\}_100\%\) {
        background: linear-gradient(90deg,rgba(16,228,249,.2) 40.5%,color-mix(in srgb,var(--colors-home-season-overview-accent-text) 1%,transparent) 100%)
    }

    .bg_linear-gradient\(90deg\,_rgba\(220\,_48\,_48\,_0\.2\)_49\.5\%\,_\{colors\.home\.seasonOverview\.accentText\/1\}_100\%\) {
        background: linear-gradient(90deg,rgba(220,48,48,.2) 49.5%,color-mix(in srgb,var(--colors-home-season-overview-accent-text) 1%,transparent) 100%)
    }

    .max-h_calc\(100vh_-_80px\) {
        max-height: calc(100vh - 80px)
    }

    .obj-p_left {
        object-position: left
    }

    .h_190 {
        height: 190px
    }

    .bd_2px_solid_\{colors\.stroke\.brand\} {
        border: 2px solid var(--colors-stroke-brand)
    }

    .op_0\.2 {
        opacity: .2
    }

    .trs_all_\.2s_ease-in-out {
        transition: all .2s ease-in-out
    }

    .bg_linear-gradient\(180deg\,_\{colors\.surface\.level\.0\/1\}_0\%\,_\{colors\.surface\.level\.0\/84\}_68\.14\%\,_\{colors\.surface\.level\.0\}_100\%\) {
        background: linear-gradient(180deg,color-mix(in srgb,var(--colors-surface-level-0) 1%,transparent) 0,color-mix(in srgb,var(--colors-surface-level-0) 84%,transparent) 68.14%,var(--colors-surface-level-0) 100%)
    }

    .w_150 {
        width: 150px
    }

    .w_125 {
        width: 125px
    }

    .bdr_button\.secondary\.radius {
        border-radius: var(--radii-button-secondary-radius)
    }

    .h_6 {
        height: 6px
    }

    .bg_surface\.level\.4\/60 {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-4) 60%,transparent);
        background: var(--mix-background,var(--colors-surface-level-4))
    }

    .bg_valGold\.200 {
        background: var(--colors-val-gold-200)
    }

    .bd_1px_solid_\{colors\.stroke\.border\.secondary\} {
        border: 1px solid var(--colors-stroke-border-secondary)
    }

    .bd_1px_solid_\{colors\.live\.primary\} {
        border: 1px solid var(--colors-live-primary)
    }

    .c_live\.primary {
        color: var(--colors-live-primary)
    }

    .px_32 {
        padding-inline: 32px
    }

    .bg_stroke\.border\.secondary {
        background: var(--colors-stroke-border-secondary)
    }

    .h_2 {
        height: 2px
    }

    .bg_linear-gradient\(180deg\,_\{colors\.surface\.level\.4\}_0\%\,_\{colors\.surface\.level\.3\}_100\%\) {
        background: linear-gradient(180deg,var(--colors-surface-level-4) 0,var(--colors-surface-level-3) 100%)
    }

    .bd_2px_solid_\{colors\.scoring\.correct\} {
        border: 2px solid var(--colors-scoring-correct)
    }

    .bg_scoring\.incorrect {
        background: var(--colors-scoring-incorrect)
    }

    .p_4px_6px {
        padding: 4px 6px
    }

    .bg_surface\.level\.0\/50 {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-0) 50%,transparent);
        background: var(--mix-background,var(--colors-surface-level-0))
    }

    .c_scoring\.partial {
        color: var(--colors-scoring-partial)
    }

    .w_148 {
        width: 148px
    }

    .h_58 {
        height: 58px
    }

    .op_0\.4 {
        opacity: .4
    }

    .bd_2px_solid_transparent {
        border: 2px solid transparent
    }

    .w_152 {
        width: 152px
    }

    .h_62 {
        height: 62px
    }

    .bd_2px_dashed_\{colors\.stroke\.border\.primary\} {
        border: 2px dashed var(--colors-stroke-border-primary)
    }

    .w_3ch {
        width: 3ch
    }

    .tch-a_none {
        touch-action: none
    }

    .bd-t_1px_solid_transparent {
        border-top: 1px solid transparent
    }

    .bd-b_1px_solid_transparent {
        border-bottom: 1px solid transparent
    }

    .bd-l_1px_solid_transparent {
        border-left: 1px solid transparent
    }

    .bd-t_1px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border-top: 1px solid var(--colors-stroke-border-contrast-inverse)
    }

    .bd-b_1px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border-bottom: 1px solid var(--colors-stroke-border-contrast-inverse)
    }

    .bd-l_1px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border-left: 1px solid var(--colors-stroke-border-contrast-inverse)
    }

    .bd-t_1px_solid_\{colors\.surface\.level\.0\} {
        border-top: 1px solid var(--colors-surface-level-0)
    }

    .bd-b_1px_solid_\{colors\.surface\.level\.0\} {
        border-bottom: 1px solid var(--colors-surface-level-0)
    }

    .bd-r_1px_solid_\{colors\.surface\.level\.0\} {
        border-right: 1px solid var(--colors-surface-level-0)
    }

    .bd-r_1px_solid_\{colors\.stroke\.border\.contrast\.inverse\} {
        border-right: 1px solid var(--colors-stroke-border-contrast-inverse)
    }

    .bd_1px_dashed_\{colors\.stroke\.rule\} {
        border: 1px dashed var(--colors-stroke-rule)
    }

    .my_16 {
        margin-block: 16px
    }

    .bg_surface\.inverse\.4 {
        background: var(--colors-surface-inverse-4)
    }

    .px_15\% {
        padding-inline: 15%
    }

    .trf_translateY\(125\%\) {
        transform: translateY(125%)
    }

    .max-w_95vw {
        max-width: 95vw
    }

    .max-h_50vh {
        max-height: 50vh
    }

    .c_unifiedAccent\.primary {
        color: var(--colors-unified-accent-primary)
    }

    .c_unifiedAccent\.primary\! {
        color: var(--colors-unified-accent-primary) !important
    }

    .bg_surface\.brand {
        background: var(--colors-surface-brand)
    }

    .c_valGold\.200 {
        color: var(--colors-val-gold-200)
    }

    .grid-area_link {
        grid-area: link
    }

    .p_18px_24px {
        padding: 18px 24px
    }

    .grid-area_leaderboards {
        grid-area: leaderboards
    }

    .bg_black\.502\/65 {
        --mix-background: color-mix(in srgb,var(--colors-black-502) 65%,transparent);
        background: var(--mix-background,var(--colors-black-502))
    }

    .p_8px_20px_10px_20px {
        padding: 8px 20px 10px
    }

    .p_3px_10px {
        padding: 3px 10px
    }

    .bd_1px_solid_\{colors\.unifiedAccent\.secondary\} {
        border: 1px solid var(--colors-unified-accent-secondary)
    }

    .p_3px_8px {
        padding: 3px 8px
    }

    .bg_live\.primary {
        background: var(--colors-live-primary)
    }

    .w_var\(--radix-select-trigger-width\) {
        width: var(--radix-select-trigger-width)
    }

    .bd_0 {
        border: 0
    }

    .p_10px {
        padding: 10px
    }

    .min-h_194 {
        min-height: 194px
    }

    .gap_0 {
        gap: 0
    }

    .bd_2px_solid_\{colors\.scoring\.incorrect\} {
        border: 2px solid var(--colors-scoring-incorrect)
    }

    .p_16px_0 {
        padding: 16px 0
    }

    .py_2 {
        padding-block: 2px
    }

    .max-h_calc\(100dvh_-_210px\) {
        max-height: calc(100dvh - 210px)
    }

    .w_calc\(100vw_-_40px\) {
        width: calc(100vw - 40px)
    }

    .trf_translateY\(-16px\) {
        transform: translateY(-16px)
    }

    .bd-r_1px_solid_\{colors\.stroke\.border\.secondary\} {
        border-right: 1px solid var(--colors-stroke-border-secondary)
    }

    .bd-t_1px_solid_\{colors\.stroke\.border\.secondary\} {
        border-top: 1px solid var(--colors-stroke-border-secondary)
    }

    .bd-b_1px_solid_\{colors\.stroke\.border\.secondary\} {
        border-bottom: 1px solid var(--colors-stroke-border-secondary)
    }

    .c_neutral\.900 {
        color: var(--colors-neutral-900)
    }

    .h_98 {
        height: 98px
    }

    .tbl_fixed {
        table-layout: fixed
    }

    .bd-cl_separate {
        border-collapse: separate
    }

    .bd-sp_0 {
        border-spacing: 0
    }

    .w_30,
    .w_30px {
        width: 30px
    }

    .h_30px {
        height: 30px
    }

    .w_33\.33\% {
        width: 33.33%
    }

    .m_-1px {
        margin: -1px
    }

    .clip_rect\(0\,_0\,_0\,_0\) {
        clip: rect(0,0,0,0)
    }

    .bg_text\.primary {
        background: var(--colors-text-primary)
    }

    .w_220 {
        width: 220px
    }

    .bg_neutral\.900 {
        background: var(--colors-neutral-900)
    }

    .pointer-events_all {
        pointer-events: all
    }

    .bd_1px_solid_\{colors\.neutral\.800\} {
        border: 1px solid var(--colors-neutral-800)
    }

    .bg_unifiedText\.secondary {
        background: var(--colors-unified-text-secondary)
    }

    .max-h_59 {
        max-height: 59px
    }

    .p_4px_18px {
        padding: 4px 18px
    }

    .bd_1px_solid_\{colors\.rule\.primary\} {
        border: 1px solid var(--colors-rule-primary)
    }

    .w_250 {
        width: 250px
    }

    .max-w_250 {
        max-width: 250px
    }

    .m_0_14px {
        margin: 0 14px
    }

    .bd-r_1px_solid_\{colors\.rule\.primary\} {
        border-right: 1px solid var(--colors-rule-primary)
    }

    .grid-area_eventInfo {
        grid-area: eventInfo
    }

    .grid-area_navChildren {
        grid-area: navChildren
    }

    .grid-area_eventOptions {
        grid-area: eventOptions
    }

    .c_accent\.secondary {
        color: var(--colors-accent-secondary)
    }

    .max-h_200 {
        max-height: 200px
    }

    .min-w_320 {
        min-width: 320px
    }

    .p_20px_20px_10px {
        padding: 20px 20px 10px
    }

    .p_16px_0_16px_10px {
        padding: 16px 0 16px 10px
    }

    .grid-g_16 {
        grid-gap: 16px
    }

    .grid-tc_1fr {
        grid-template-columns: 1fr
    }

    .grid-tr_80px_1fr {
        grid-template-rows: 80px 1fr
    }

    .grid-template-areas_\"navigation\"_\"content\" {
        grid-template-areas: "navigation" "content"
    }

    .flex-d_column {
        flex-direction: column
    }

    .jc_flex-start {
        justify-content: flex-start
    }

    .ai_flex-start {
        align-items: flex-start
    }

    .jc_center {
        justify-content: center
    }

    .ai_center {
        align-items: center
    }

    .ff_tungsten {
        font-family: var(--fonts-tungsten)
    }

    .fs_20 {
        font-size: var(--font-sizes-20)
    }

    .fw_400 {
        font-weight: 400
    }

    .ff_dinNextLtPro {
        font-family: var(--fonts-din-next-lt-pro)
    }

    .fs_16 {
        font-size: var(--font-sizes-16)
    }

    .fw_normal {
        font-weight: 400
    }

    .ff_colfax {
        font-family: var(--fonts-colfax)
    }

    .fs_18 {
        font-size: var(--font-sizes-18)
    }

    .fw_500 {
        font-weight: 500
    }

    .mt_38 {
        margin-top: 38px
    }

    .mb_16 {
        margin-bottom: 16px
    }

    .left_50\% {
        left: 50%
    }

    .top_50\% {
        top: 50%
    }

    .fw_bold {
        font-weight: 700
    }

    .bg-c_button\.primary\.bg {
        background-color: var(--colors-button-primary-bg)
    }

    .top_-300px {
        top: -300px
    }

    .left_-860px {
        left: -860px
    }

    .top_210 {
        top: 210px
    }

    .left_140 {
        left: 140px
    }

    .top_80 {
        top: 80px
    }

    .left_280 {
        left: 280px
    }

    .bg-c_page\.bg {
        background-color: var(--colors-page-bg)
    }

    .ov-y_auto {
        overflow-y: auto
    }

    .ov-x_hidden {
        overflow-x: hidden
    }

    .grid-template-areas_\"watch\"_\"footer\" {
        grid-template-areas: "watch" "footer"
    }

    .grid-tr_1fr_min-content {
        grid-template-rows: 1fr min-content
    }

    .grid-template-areas_\"video\"_\"toolbar\" {
        grid-template-areas: "video" "toolbar"
    }

    .grid-tr_max-content_min-content {
        grid-template-rows: max-content min-content
    }

    .grid-ar_min-content {
        grid-auto-rows: min-content
    }

    .top_0 {
        top: 0
    }

    .left_0 {
        left: 0
    }

    .mt_64 {
        margin-top: 64px
    }

    .pb_64 {
        padding-bottom: 64px
    }

    .jc_space-between {
        justify-content: space-between
    }

    .ov-y_scroll {
        overflow-y: scroll
    }

    .grid-template-areas_\"header\"_\"sidebar\"_\"table\" {
        grid-template-areas: "header" "sidebar" "table"
    }

    .grid-tr_auto_auto_1fr {
        grid-template-rows: auto auto 1fr
    }

    .cg_16 {
        column-gap: 16px
    }

    .mt_20 {
        margin-top: 20px
    }

    .mb_30 {
        margin-bottom: 30px
    }

    .lh_1 {
        line-height: 1
    }

    .grid-tr_max-content_auto {
        grid-template-rows: max-content auto
    }

    .justify-items_center {
        justify-items: center
    }

    .pb_24 {
        padding-bottom: 24px
    }

    .grid-ar_max-content {
        grid-auto-rows: max-content
    }

    .grid-template-areas_\"userBar\"_\"stages\"_\"tiers\"_\"leaderboards\" {
        grid-template-areas: "userBar" "stages" "tiers" "leaderboards"
    }

    .grid-template-areas_\"title\" {
        grid-template-areas: "title"
    }

    .grid-tr_1fr {
        grid-template-rows: 1fr
    }

    .mb_40 {
        margin-bottom: 40px
    }

    .mt_16 {
        margin-top: 16px
    }

    .pb_6 {
        padding-bottom: 6px
    }

    .grid-tr_max-content_auto_max-content {
        grid-template-rows: max-content auto max-content
    }

    .jc_start {
        justify-content: start
    }

    .mr_8 {
        margin-right: 8px
    }

    .jc_space-around {
        justify-content: space-around
    }

    .ai_start {
        align-items: start
    }

    .bg-s_200\%_100\% {
        background-size: 200% 100%
    }

    .flex-d_row {
        flex-direction: row
    }

    .flex-wrap_nowrap {
        flex-wrap: nowrap
    }

    .ov-x_auto {
        overflow-x: auto
    }

    .flex-b_calc\(50\%_-_17px\) {
        flex-basis: calc(50% - 17px)
    }

    .bdr-br_8 {
        border-bottom-right-radius: 8px
    }

    .bdr-bl_8 {
        border-bottom-left-radius: 8px
    }

    .bdr-tl_7 {
        border-top-left-radius: 7px
    }

    .bdr-tr_7 {
        border-top-right-radius: 7px
    }

    .mt_4 {
        margin-top: 4px
    }

    .pt_20 {
        padding-top: 20px
    }

    .fw_700 {
        font-weight: 700
    }

    .right_0 {
        right: 0
    }

    .mb_20 {
        margin-bottom: 20px
    }

    .pt_0 {
        padding-top: 0
    }

    .pl_40 {
        padding-left: 40px
    }

    .mb_10 {
        margin-bottom: 10px
    }

    .pb_4 {
        padding-bottom: 4px
    }

    .ml_4 {
        margin-left: 4px
    }

    .bg-c_surface\.level\.1 {
        background-color: var(--colors-surface-level-1)
    }

    .bd-w_0 {
        border-width: 0
    }

    .pt_24 {
        padding-top: 24px
    }

    .mb_12 {
        margin-bottom: 12px
    }

    .bg-c_neutral\.950 {
        background-color: var(--colors-neutral-950)
    }

    .bd-b-c_neutral\.850 {
        border-bottom-color: var(--colors-neutral-850)
    }

    .border-style_solid {
        border-style: solid
    }

    .bd-t-c_clear {
        border-top-color: var(--colors-clear)
    }

    .bd-w_1 {
        border-width: 1px
    }

    .bd-c_neutral\.850 {
        border-color: var(--colors-neutral-850)
    }

    .left_calc\(100\%_\+_8px\) {
        left: calc(100% + 8px)
    }

    .right_-100\% {
        right: -100%
    }

    .flex-sh_0 {
        flex-shrink: 0
    }

    .pl_16 {
        padding-left: 16px
    }

    .pr_32 {
        padding-right: 32px
    }

    .bg-c_clear {
        background-color: var(--colors-clear)
    }

    .flex-d_row-reverse {
        flex-direction: row-reverse
    }

    .bg-c_gray\.510 {
        background-color: var(--colors-gray-510)
    }

    .pb_16 {
        padding-bottom: 16px
    }

    .flex-g_1 {
        flex-grow: 1
    }

    .bd-c_stroke\.border\.primary {
        border-color: var(--colors-stroke-border-primary)
    }

    .ov-x_scroll {
        overflow-x: scroll
    }

    .jc_flex-end {
        justify-content: flex-end
    }

    .mt_150 {
        margin-top: var(--spacing-150)
    }

    .ac_center {
        align-content: center
    }

    .flex-d_column-reverse {
        flex-direction: column-reverse
    }

    .ai_stretch {
        align-items: stretch
    }

    .pt_8 {
        padding-top: 8px
    }

    .pr_64 {
        padding-right: 64px
    }

    .grid-template-areas_\"content\"_\"nav\" {
        grid-template-areas: "content" "nav"
    }

    .grid-tr_min-content_min-content {
        grid-template-rows: min-content min-content
    }

    .grid-template-areas_\"title\"_\"widget\" {
        grid-template-areas: "title" "widget"
    }

    .grid-tr_1fr_1fr {
        grid-template-rows: 1fr 1fr
    }

    .mt_25 {
        margin-top: 25px
    }

    .fs_12 {
        font-size: var(--font-sizes-12)
    }

    .mt_50 {
        margin-top: var(--spacing-50)
    }

    .mb_114 {
        margin-bottom: 114px
    }

    .pt_16px {
        padding-top: 16px
    }

    .fs_60 {
        font-size: 60px
    }

    .lh_68px {
        line-height: 68px
    }

    .top_30px {
        top: 30px
    }

    .bottom_-114px {
        bottom: -114px
    }

    .ml_auto {
        margin-left: auto
    }

    .flex-g_0 {
        flex-grow: 0
    }

    .ff_foundryGridnik {
        font-family: var(--fonts-foundry-gridnik)
    }

    .fw_800 {
        font-weight: 800
    }

    .mb_8 {
        margin-bottom: 8px
    }

    .ff_riotSans {
        font-family: var(--fonts-riot-sans)
    }

    .fw_600 {
        font-weight: 600
    }

    .lh_44px {
        line-height: 44px
    }

    .bd-w_2 {
        border-width: 2px
    }

    .bg-i_linear-gradient\(\{colors\.surface\.level\.3\}\,_\{colors\.surface\.level\.3\}\)\,_radial-gradient\(circle_at_top_left\,_\#FF2626_2\.44\%\,_\#FEC022_24\.44\%\,_\#65FD86_47\.41\%\,_\#293EFA_69\.4\%\,_\#FA13FF_100\.19\%\) {
        background-image: linear-gradient(var(--colors-surface-level-3),var(--colors-surface-level-3)),radial-gradient(circle at top left,#FF2626 2.44%,#FEC022 24.44%,#65FD86 47.41%,#293EFA 69.4%,#FA13FF 100.19%)
    }

    .bg-o_border-box {
        background-origin: border-box
    }

    .bg-cp_padding-box\,_border-box {
        background-clip: padding-box,border-box;
        -webkit-background-clip: padding-box,border-box
    }

    .mt_auto {
        margin-top: auto
    }

    .mr_4 {
        margin-right: 4px
    }

    .jc_end {
        justify-content: end
    }

    .ml_12 {
        margin-left: 12px
    }

    .mr_16 {
        margin-right: 16px
    }

    .mt_8 {
        margin-top: 8px
    }

    .bottom_0 {
        bottom: 0
    }

    .flex-wrap_wrap {
        flex-wrap: wrap
    }

    .bd-l-w_2px {
        border-left-width: 2px
    }

    .bd-l-c_surface\.level\.3 {
        border-left-color: var(--colors-surface-level-3)
    }

    .pb_120 {
        padding-bottom: 120px
    }

    .pt_16 {
        padding-top: 16px
    }

    .bg-c_black\.502\/70 {
        --mix-backgroundColor: color-mix(in srgb,var(--colors-black-502) 70%,transparent);
        background-color: var(--mix-backgroundColor,var(--colors-black-502))
    }

    .pl_200 {
        padding-left: var(--spacing-200)
    }

    .ml_72 {
        margin-left: 72px
    }

    .bg-c_neutral\.800 {
        background-color: var(--colors-neutral-800)
    }

    .bg-c_riotbar\.bg {
        background-color: var(--colors-riotbar-bg)
    }

    .bg-cp_padding-box {
        background-clip: padding-box;
        -webkit-background-clip: padding-box
    }

    .bg-c_icon\.primary {
        background-color: var(--colors-icon-primary)
    }

    .mr_auto {
        margin-right: auto
    }

    .bd-c_clear {
        border-color: var(--colors-clear)
    }

    .mt_70px\! {
        margin-top: 70px !important
    }

    .ml_5px {
        margin-left: 5px
    }

    .mr_5px {
        margin-right: 5px
    }

    .fv-num_tabular-nums {
        font-variant-numeric: tabular-nums
    }

    .grid-template-areas_\"imageGroup\"_\"metadata\"_\"title\"_\"description\" {
        grid-template-areas: "imageGroup" "metadata" "title" "description"
    }

    .mt_15 {
        margin-top: 15px
    }

    .bottom_-33px {
        bottom: -33px
    }

    .left_calc\(50\%_-_30px\) {
        left: calc(50% - 30px)
    }

    .mt_40 {
        margin-top: 40px
    }

    .mt_10 {
        margin-top: 10px
    }

    .mt_30 {
        margin-top: 30px
    }

    .mt_24 {
        margin-top: 24px
    }

    .bg-c_blue\.500 {
        background-color: var(--colors-blue-500)
    }

    .mb_5 {
        margin-bottom: 5px
    }

    .pb_20 {
        padding-bottom: 20px
    }

    .font-style_italic {
        font-style: italic
    }

    .pb_70 {
        padding-bottom: 70px
    }

    .pt_30 {
        padding-top: 30px
    }

    .pb_30 {
        padding-bottom: 30px
    }

    .justify-self_center {
        justify-self: center
    }

    .ml_-24px {
        margin-left: -24px
    }

    .mb_24 {
        margin-bottom: 24px
    }

    .mr_80 {
        margin-right: 80px
    }

    .pl_12 {
        padding-left: 12px
    }

    .pr_20 {
        padding-right: 20px
    }

    .mt_300 {
        margin-top: var(--spacing-300)
    }

    .content_\"\" {
        content: ""
    }

    .ml_8 {
        margin-left: 8px
    }

    .justify-self_end {
        justify-self: end
    }

    .as_end {
        align-self: end
    }

    .jc_space-evenly {
        justify-content: space-evenly
    }

    .ai_end {
        align-items: end
    }

    .grid-af_column {
        grid-auto-flow: column
    }

    .grid-tc_40px_40px_1fr_minmax\(32px\,_auto\) {
        grid-template-columns: 40px 40px 1fr minmax(32px,auto)
    }

    .grid-template-areas_\"teamA_teamB_details_extra\" {
        grid-template-areas: "teamA teamB details extra"
    }

    .grid-template-areas_\"team_team_details_extra\" {
        grid-template-areas: "team team details extra"
    }

    .lh_100\% {
        line-height: 100%
    }

    .mt_34 {
        margin-top: 34px
    }

    .left_16 {
        left: 16px
    }

    .bottom_16 {
        bottom: 16px
    }

    .grid-tc_1fr_auto_1fr {
        grid-template-columns: 1fr auto 1fr
    }

    .bg-c_rgba\(0\,_0\,_0\,_0\.2\) {
        background-color: rgba(0,0,0,.2)
    }

    .bg-c_gray\.506 {
        background-color: var(--colors-gray-506)
    }

    .bd-c_gray\.500 {
        border-color: var(--colors-gray-500)
    }

    .bd-w_1px {
        border-width: 1px
    }

    .bg-c_red\.500 {
        background-color: var(--colors-red-500)
    }

    .bg-c_black\.501 {
        background-color: var(--colors-black-501)
    }

    .bottom_1px {
        bottom: 1px
    }

    .bdr-bl_6 {
        border-bottom-left-radius: 6px
    }

    .bdr-br_6 {
        border-bottom-right-radius: 6px
    }

    .grid-tr_max-content_max-content {
        grid-template-rows: max-content max-content
    }

    .grid-template-areas_\"banner\"_\"filter\" {
        grid-template-areas: "banner" "filter"
    }

    .grid-tc_min-content_min-content_1fr_min-content {
        grid-template-columns: min-content min-content 1fr min-content
    }

    .grid-ar_54px_54px {
        grid-auto-rows: 54px 54px
    }

    .grid-template-areas_\"date_date_\._settings\"_\"navigate_filter_filter_filter\" {
        grid-template-areas: "date date . settings" "navigate filter filter filter"
    }

    .as_center {
        align-self: center
    }

    .grid-tc_44px_1fr_44px {
        grid-template-columns: 44px 1fr 44px
    }

    .bdr-tl_4 {
        border-top-left-radius: 4px
    }

    .bdr-bl_4 {
        border-bottom-left-radius: 4px
    }

    .bdr-tr_4 {
        border-top-right-radius: 4px
    }

    .bdr-br_4 {
        border-bottom-right-radius: 4px
    }

    .grid-template-areas_\"main\" {
        grid-template-areas: "main"
    }

    .mb_32 {
        margin-bottom: 32px
    }

    .bd-c_stroke\.border\.contrast\.inverse {
        border-color: var(--colors-stroke-border-contrast-inverse)
    }

    .mb_4 {
        margin-bottom: 4px
    }

    .bd-c_scoring\.correct {
        border-color: var(--colors-scoring-correct)
    }

    .bdr-tr_8 {
        border-top-right-radius: 8px
    }

    .grid-template-areas_\"image_team_score\" {
        grid-template-areas: "image team score"
    }

    .grid-tc_min-content_1fr_20\% {
        grid-template-columns: min-content 1fr 20%
    }

    .bdr-tl_8 {
        border-top-left-radius: 8px
    }

    .left_-28px {
        left: -28px
    }

    .bdr-tl_6 {
        border-top-left-radius: 6px
    }

    .grid-template-areas_\"hint\"_\"code\" {
        grid-template-areas: "hint" "code"
    }

    .ml_24 {
        margin-left: 24px
    }

    .mt_48 {
        margin-top: 48px
    }

    .pt_32 {
        padding-top: 32px
    }

    .border-image-slice_1 {
        border-image-slice: 1
    }

    .border-image-source_linear-gradient\(133\.15deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\) {
        border-image-source: linear-gradient(133.15deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%)
    }

    .grid-tc_repeat\(auto-fit\,_minmax\(222px\,_1fr\)\) {
        grid-template-columns: repeat(auto-fit,minmax(222px,1fr))
    }

    .grid-template-areas_\"bullet_tag\" {
        grid-template-areas: "bullet tag"
    }

    .grid-tc_20px_1fr {
        grid-template-columns: 20px 1fr
    }

    .pt_12 {
        padding-top: 12px
    }

    .pb_28 {
        padding-bottom: 28px
    }

    .bottom_unset {
        bottom: unset
    }

    .grid-template-areas_\"content\"_\"actionBar\" {
        grid-template-areas: "content" "actionBar"
    }

    .grid-tr_1fr_max-content {
        grid-template-rows: 1fr max-content
    }

    .grid-template-areas_\"heading\"_\"eventInfo\"_\"rewards\" {
        grid-template-areas: "heading" "eventInfo" "rewards"
    }

    .pb_94 {
        padding-bottom: 94px
    }

    .grid-template-areas_\"heading\"_\"eventInfo\" {
        grid-template-areas: "heading" "eventInfo"
    }

    .pb_36 {
        padding-bottom: 36px
    }

    .bg-i_linear-gradient\(\{colors\.surface\.level\.3\}\,_\{colors\.surface\.level\.3\}\)\,_radial-gradient\(circle_at_top_left\,_\{colors\.rainbow\.100\}_5\%\,_\{colors\.rainbow\.200\}_25\%\,_\{colors\.rainbow\.300\}_45\%\,_\{colors\.rainbow\.400\}_70\%\,_\{colors\.rainbow\.500\}_100\%\) {
        background-image: linear-gradient(var(--colors-surface-level-3),var(--colors-surface-level-3)),radial-gradient(circle at top left,var(--colors-rainbow-100) 5%,var(--colors-rainbow-200) 25%,var(--colors-rainbow-300) 45%,var(--colors-rainbow-400) 70%,var(--colors-rainbow-500) 100%)
    }

    .bd-c_pickems\.rewards\.tier1 {
        border-color: var(--colors-pickems-rewards-tier1)
    }

    .bd-c_pickems\.rewards\.tier2 {
        border-color: var(--colors-pickems-rewards-tier2)
    }

    .bd-c_pickems\.rewards\.tier3 {
        border-color: var(--colors-pickems-rewards-tier3)
    }

    .pt_6 {
        padding-top: 6px
    }

    .pl_1 {
        padding-left: 1px
    }

    .pr_6 {
        padding-right: 6px
    }

    .mr_12 {
        margin-right: 12px
    }

    .bd-b-c_stroke\.border\.primary {
        border-bottom-color: var(--colors-stroke-border-primary)
    }

    .grid-template-areas_\"rank_rPad_avatar_aPad_name\"_\"rank_rPad_avatar_aPad_points\" {
        grid-template-areas: "rank rPad avatar aPad name" "rank rPad avatar aPad points"
    }

    .grid-tc_72px_16px_32px_8px_1fr {
        grid-template-columns: 72px 16px 32px 8px 1fr
    }

    .top_16 {
        top: 16px
    }

    .right_16 {
        right: 16px
    }

    .bd-c_scoring\.partial {
        border-color: var(--colors-scoring-partial)
    }

    .as_start {
        align-self: start
    }

    .top_120 {
        top: 120px
    }

    .left_2vw {
        left: 2vw
    }

    .grid-tc_1fr_1fr {
        grid-template-columns: 1fr 1fr
    }

    .grid-cg_8 {
        grid-column-gap: 8px
    }

    .grid-rg_8 {
        grid-row-gap: 8px
    }

    .grid-tc_repeat\(2\,_1fr\) {
        grid-template-columns: repeat(2,1fr)
    }

    .grid-tr_repeat\(2\,_1fr\) {
        grid-template-rows: repeat(2,1fr)
    }

    .bd-c_pickems\.rewards\.tier4 {
        border-color: var(--colors-pickems-rewards-tier4)
    }

    .right_unset {
        right: unset
    }

    .bdr-bl_full {
        border-bottom-left-radius: var(--radii-full)
    }

    .bg-cp_content-box {
        background-clip: content-box;
        -webkit-background-clip: content-box
    }

    .grid-tc_repeat\(2\,_140px\) {
        grid-template-columns: repeat(2,140px)
    }

    .as_stretch {
        align-self: stretch
    }

    .bg-i_linear-gradient\(133\.15deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\) {
        background-image: linear-gradient(133.15deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%)
    }

    .bdr-tr_xs {
        border-top-right-radius: var(--radii-xs)
    }

    .bdr-bl_xs {
        border-bottom-left-radius: var(--radii-xs)
    }

    .lh_0 {
        line-height: 0
    }

    .mb_14 {
        margin-bottom: 14px
    }

    .mt_12 {
        margin-top: 12px
    }

    .grid-template-areas_\"\._header\" {
        grid-template-areas: ". header"
    }

    .fs_50 {
        font-size: 50px
    }

    .lh_50px {
        line-height: 50px
    }

    .pb_calc\(56\.25\%_\+_174px\) {
        padding-bottom: calc(56.25% + 174px)
    }

    .grid-template-areas_\"\.\"_\"content\" {
        grid-template-areas: "." "content"
    }

    .ml_32 {
        margin-left: 32px
    }

    .mr_32 {
        margin-right: 32px
    }

    .mb_0 {
        margin-bottom: 0
    }

    .pb_40 {
        padding-bottom: 40px
    }

    .as_flex-start {
        align-self: flex-start
    }

    .fs_13 {
        font-size: 13px
    }

    .fs_46 {
        font-size: var(--font-sizes-46)
    }

    .lh_46px {
        line-height: 46px
    }

    .grid-template-areas_\"content_content\"_\"riot_sport\" {
        grid-template-areas: "content content" "riot sport"
    }

    .grid-cg_30 {
        grid-column-gap: 30px
    }

    .justify-self_flex-end {
        justify-self: flex-end
    }

    .fs_14 {
        font-size: var(--font-sizes-14)
    }

    .ml_10 {
        margin-left: 10px
    }

    .top_8 {
        top: 8px
    }

    .right_8 {
        right: 8px
    }

    .mb_var\(--column-header-margin\) {
        margin-bottom: var(--column-header-margin)
    }

    .bottom_50\% {
        bottom: 50%
    }

    .left_var\(--vertical-edge-width\) {
        left: var(--vertical-edge-width)
    }

    .top_unset {
        top: unset
    }

    .bottom_calc\(50\%_\+_1px\) {
        bottom: calc(50% + 1px)
    }

    .left_100\% {
        left: 100%
    }

    .grid-template-areas_\"hero\"_\"title\"_\"details\" {
        grid-template-areas: "hero" "title" "details"
    }

    .grid-tr_1fr_auto_1fr {
        grid-template-rows: 1fr auto 1fr
    }

    .fw_400\! {
        font-weight: 400 !important
    }

    .top_80px {
        top: 80px
    }

    .mb_auto {
        margin-bottom: auto
    }

    .mb_2 {
        margin-bottom: 2px
    }

    .pb_32 {
        padding-bottom: 32px
    }

    .mt_32 {
        margin-top: 32px
    }

    .pr_24 {
        padding-right: 24px
    }

    .mr_24 {
        margin-right: 24px
    }

    .bottom_24 {
        bottom: 24px
    }

    .mt_100 {
        margin-top: var(--spacing-100)
    }

    .bg-c_gray\.502 {
        background-color: var(--colors-gray-502)
    }

    .ml_16 {
        margin-left: 16px
    }

    .grid-tc_repeat\(4\,_1fr\) {
        grid-template-columns: repeat(4,1fr)
    }

    .grid-ar_minmax\(70px\,_auto\) {
        grid-auto-rows: minmax(70px,auto)
    }

    .cg_4 {
        column-gap: 4px
    }

    .rg_8 {
        row-gap: 8px
    }

    .ml_16px {
        margin-left: 16px
    }

    .top_54 {
        top: 54px
    }

    .grid-tc_64px_auto {
        grid-template-columns: 64px auto
    }

    .mb_6 {
        margin-bottom: 6px
    }

    .pt_6px {
        padding-top: 6px
    }

    .grid-tr_56px_repeat\(auto-fill\,_80px\) {
        grid-template-rows: 56px repeat(auto-fill,80px)
    }

    .grid-af_row {
        grid-auto-flow: row
    }

    .pb_8 {
        padding-bottom: 8px
    }

    .grid-tr_20px_1fr_24px {
        grid-template-rows: 20px 1fr 24px
    }

    .justify-items_end {
        justify-items: end
    }

    .mr_14 {
        margin-right: 14px
    }

    .bg-i_linear-gradient\(\{colors\.surface\.level\.3\}\,_\{colors\.surface\.level\.3\}\)\,_radial-gradient\(circle_at_top_left\,_\#FF2626_5\%\,_\#FEC022_25\%\,_\#65FD86_45\%\,_\#293EFA_70\%\,_\#FA13FF_100\%\) {
        background-image: linear-gradient(var(--colors-surface-level-3),var(--colors-surface-level-3)),radial-gradient(circle at top left,#FF2626 5%,#FEC022 25%,#65FD86 45%,#293EFA 70%,#FA13FF 100%)
    }

    .bd-c_stroke\.rule {
        border-color: var(--colors-stroke-rule)
    }

    .grid-tc_\.25fr_1fr_\.25fr {
        grid-template-columns: .25fr 1fr .25fr
    }

    .top_120px {
        top: 120px
    }

    .grid-template-areas_\"title_link\"_\"rank_link\" {
        grid-template-areas: "title link" "rank link"
    }

    .grid-tc_1fr_max-content {
        grid-template-columns: 1fr max-content
    }

    .lh_18px {
        line-height: 18px
    }

    .grid-template-areas_\"rank_avatar_name\"_\"rank_avatar_points\" {
        grid-template-areas: "rank avatar name" "rank avatar points"
    }

    .grid-tc_36px_32px_1fr {
        grid-template-columns: 36px 32px 1fr
    }

    .grid-tr_auto_auto {
        grid-template-rows: auto auto
    }

    .cg_8 {
        column-gap: 8px
    }

    .rg_2 {
        row-gap: 2px
    }

    .bdr-tl_xs {
        border-top-left-radius: var(--radii-xs)
    }

    .bdr-br_xs {
        border-bottom-right-radius: var(--radii-xs)
    }

    .pl_56 {
        padding-left: 56px
    }

    .top_90px {
        top: 90px
    }

    .bg-c_surface\.level\.2 {
        background-color: var(--colors-surface-level-2)
    }

    .pb_80 {
        padding-bottom: 80px
    }

    .lh_64 {
        line-height: 64
    }

    .bg-c_surface\.inverse\.4 {
        background-color: var(--colors-surface-inverse-4)
    }

    .lh_16px {
        line-height: 16px
    }

    .bd-c_surface\.level\.3 {
        border-color: var(--colors-surface-level-3)
    }

    .pl_4 {
        padding-left: 4px
    }

    .mt_200 {
        margin-top: var(--spacing-200)
    }

    .ml_100 {
        margin-left: var(--spacing-100)
    }

    .pr_100 {
        padding-right: var(--spacing-100)
    }

    .pt_48 {
        padding-top: 48px
    }

    .pr_16 {
        padding-right: 16px
    }

    .lh_21px {
        line-height: 21px
    }

    .grid-tc_1fr_min-content_1fr {
        grid-template-columns: 1fr min-content 1fr
    }

    .lh_24px {
        line-height: 24px
    }

    .grid-template-areas_\"eventInfo_eventOptions\"_\"navChildren_navChildren\" {
        grid-template-areas: "eventInfo eventOptions" "navChildren navChildren"
    }

    .grid-tc_1fr_min-content {
        grid-template-columns: 1fr min-content
    }

    .lh_20px {
        line-height: 20px
    }

    .mr_10 {
        margin-right: 10px
    }

    .lh_normal {
        line-height: normal
    }

    .bd-c_rule\.primary {
        border-color: var(--colors-rule-primary)
    }

    .fw_699 {
        font-weight: 699
    }

    .grid-tc_24px_1fr {
        grid-template-columns: 24px 1fr
    }

    [lang=ko-KR] .\[\[lang\=ko-KR\]_\&\]\:wb_keep-all {
        word-break: keep-all
    }

    [data-lcu=true] .lcu\:d_flex {
        display: flex
    }

    [data-lcu=true] .lcu\:min-h_100dvh {
        min-height: 100dvh
    }

    .\[\&_\>_\*\]\:flex_none > * {
        flex: none
    }

    [data-lcu=true] .lcu\:h_auto {
        height: auto
    }

    .\[\&_path\]\:fill_icon\.primary path {
        fill: var(--colors-icon-primary)
    }

    [data-lcu=true] .lcu\:h_100dvh {
        height: 100dvh
    }

    [data-lcu=true] .lcu\:op_0\.5 {
        opacity: .5
    }

    .after\:pos_absolute:after {
        position: absolute
    }

    .after\:h_1:after {
        height: 1px
    }

    .after\:w_200vw:after {
        width: 200vw
    }

    .after\:bd-b_1px_solid_\{colors\.stroke\.rule\}:after {
        border-bottom: 1px solid var(--colors-stroke-rule)
    }

    .after\:z_zLayer:after {
        z-index: var(--z-index-z-layer)
    }

    .\[\&_\>_\:nth-child\(even\)\]\:bg_surface\.level\.1 > :nth-child(2n) {
        background: var(--colors-surface-level-1)
    }

    .\[\&_\>_\:nth-child\(even\)\]\:bg_surface\.level\.0\/25 > :nth-child(2n),
    .\[\&_\>_\:nth-child\(odd\)\]\:bg_surface\.level\.0\/25 > :nth-child(odd) {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent);
        background: var(--mix-background,var(--colors-surface-level-0))
    }

    .\[\&_\>_\:nth-child\(odd\)\]\:bg_surface\.level\.1 > :nth-child(odd) {
        background: var(--colors-surface-level-1)
    }

    .\[\&_\>_\:first-child\]\:px_20 > :first-child {
        padding-inline: 20px
    }

    .\[\&\[data-state\=\"open\"\]_\>_svg\]\:trf_rotate\(90deg\)[data-state=open] > svg {
        transform: rotate(90deg)
    }

    .\[\&\:\:-webkit-scrollbar\]\:d_none::-webkit-scrollbar {
        display: none
    }

    .\[\&_svg\]\:trf_rotate\(180deg\) svg {
        transform: rotate(180deg)
    }

    .currentPage\:bg_surface\.level\.2[aria-current=page] {
        background: var(--colors-surface-level-2)
    }

    [aria-current=page] .\[\[aria-current\=page\]_\&\]\:c_unifiedText\.primary {
        color: var(--colors-unified-text-primary)
    }

    .group:is([aria-expanded=true], [data-expanded], [data-state=expanded]) .groupExpanded\:vis_visible {
        visibility: visible
    }

    .\[\&\:is\(a\,button\)\]\:cursor_pointer:is(a, button) {
        cursor: pointer
    }

    [data-treatment] .\[\[data-treatment\]_\&\]\:c_treatment\.leagues\.accent\.primary\.1 {
        color: var(--colors-treatment-leagues-accent-primary-1)
    }

    .\[\&_\>_\[data-logo\=\"P\"\]\]\:ls_-0\.04em > [data-logo=P] {
        letter-spacing: -.04em
    }

    .\[\&_\>_\[data-logo\=\"I\"\]\]\:ls_-0\.08em > [data-logo=I] {
        letter-spacing: -.08em
    }

    .\[\&_\>_\[data-logo\=\"CK\"\]\]\:ls_-0\.07em > [data-logo=CK],
    .\[\&_\>_\[data-logo\=\"EMS\"\]\]\:ls_-0\.07em > [data-logo=EMS] {
        letter-spacing: -.07em
    }

    [data-lcu=true] .lcu\:pos_relative {
        position: relative
    }

    .\[\&\[data-rarity\=\"perfect\"\]\]\:bg_linear-gradient\(133deg\,_\{colors\.rainbow\.100\/15\}_2\.44\%\,_\{colors\.rainbow\.200\/15\}_24\.44\%\,_\{colors\.rainbow\.300\/15\}_47\.41\%\,_\{colors\.rainbow\.400\/15\}_69\.4\%\,_\{colors\.rainbow\.500\/15\}_100\.19\%\)\,_\{colors\.surface\.level\.3\}[data-rarity=perfect] {
        background: linear-gradient(133deg,color-mix(in srgb,var(--colors-rainbow-100) 15%,transparent) 2.44%,color-mix(in srgb,var(--colors-rainbow-200) 15%,transparent) 24.44%,color-mix(in srgb,var(--colors-rainbow-300) 15%,transparent) 47.41%,color-mix(in srgb,var(--colors-rainbow-400) 15%,transparent) 69.4%,color-mix(in srgb,var(--colors-rainbow-500) 15%,transparent) 100.19%),var(--colors-surface-level-3)
    }

    .\[\&_\>_path\]\:fill_icon\.subtle > path {
        fill: var(--colors-icon-subtle)
    }

    .\[\&_\>_path\]\:fill_stroke\.border\.contrast\.inverse > path {
        fill: var(--colors-stroke-border-contrast-inverse)
    }

    .\[\&_tr\:nth-child\(odd\)\]\:bg_surface\.level\.2 tr:nth-child(odd) {
        background: var(--colors-surface-level-2)
    }

    .\[\&_td\]\:c_unifiedText\.primary td {
        color: var(--colors-unified-text-primary)
    }

    .\[\&_td\]\:ta_center td {
        text-align: center
    }

    .\[\&_td\]\:bd_1px_solid_\{colors\.stroke\.border\.primary\} td {
        border: 1px solid var(--colors-stroke-border-primary)
    }

    .\[\&_td\]\:w_50\% td {
        width: 50%
    }

    .\[\&_td\]\:p_6px_0 td {
        padding: 6px 0
    }

    .\[\&_td\]\:bg_surface\.level\.3 td {
        background: var(--colors-surface-level-3)
    }

    .\[\&_td\]\:c_unifiedText\.secondary td {
        color: var(--colors-unified-text-secondary)
    }

    .\[\&_td\]\:p_8px_24px td {
        padding: 8px 24px
    }

    .\[\&_td\]\:p_20px_10px td {
        padding: 20px 10px
    }

    .\[\&_td\,_\&_th\]\:p_10px td,
    .\[\&_td\,_\&_th\]\:p_10px th {
        padding: 10px
    }

    .\[\&_tr\:nth-child\(odd\)\[data-row-type\=\"player\"\]\]\:bg_bg\.primary tr:nth-child(odd)[data-row-type=player] {
        background: var(--colors-bg-primary)
    }

    .\[\&\[data-disabled\=true\]\]\:pointer-events_none[data-disabled=true] {
        pointer-events: none
    }

    .\[\&\[data-disabled\=true\]\]\:op_0\.5[data-disabled=true],
    [data-disabled=true] .\[\[data-disabled\=true\]_\&\]\:op_0\.5 {
        opacity: .5
    }

    .\[\&_\>_p\]\:ov_hidden > p {
        overflow: hidden
    }

    .\[\&_\>_p\]\:tov_ellipsis > p {
        text-overflow: ellipsis
    }

    .\[\&_path\]\:fill_icon\.secondary path {
        fill: var(--colors-icon-secondary)
    }

    .\[\&_path\]\:stk_icon\.secondary path {
        stroke: var(--colors-icon-secondary)
    }

    .\[\&\[data-state\=\"checked\"\]\]\:bd_0px[data-state=checked] {
        border: 0
    }

    [data-state=checked] .\[\[data-state\=\"checked\"\]_\&\]\:trf_translateX\(18px\) {
        transform: translateX(18px)
    }

    .\[\&_svg\]\:w_16 svg {
        width: 16px
    }

    .\[\&_svg\]\:h_16 svg {
        height: 16px
    }

    .after\:d_block:after {
        display: block
    }

    .after\:w_100px:after {
        width: 100px
    }

    .after\:bg_gray\.103:after {
        background: var(--colors-gray-103)
    }

    .after\:mx_auto:after {
        margin-inline: auto
    }

    .after\:op_0\.4:after {
        opacity: .4
    }

    .after\:d_none:after {
        display: none
    }

    .after\:w_150:after {
        width: 150px
    }

    .after\:h_150:after {
        height: 150px
    }

    .after\:trf_translate\(-50\%\,_50\%\)_rotate\(45deg\):after {
        transform: translate(-50%,50%) rotate(45deg)
    }

    .after\:w_100\%:after {
        width: 100%
    }

    .after\:h_100\%:after {
        height: 100%
    }

    .after\:bg_black\.100:after {
        background: var(--colors-black-100)
    }

    .after\:op_0\.6:after {
        opacity: .6
    }

    .after\:w_1:after {
        width: 1px
    }

    .after\:h_40:after {
        height: 40px
    }

    .after\:bg_white\.100:after {
        background: var(--colors-white-100)
    }

    .after\:op_0\.2:after {
        opacity: .2
    }

    .before\:w_100:before {
        width: 100px
    }

    .before\:op_0\.4:before {
        opacity: .4
    }

    .before\:m_auto:before {
        margin: auto
    }

    .before\:bd-t_1px_solid_\{colors\.gray\.103\}:before {
        border-top: 1px solid var(--colors-gray-103)
    }

    .after\:w_100:after {
        width: 100px
    }

    .after\:m_auto:after {
        margin: auto
    }

    .after\:bd-b_1px_solid_\{colors\.gray\.103\}:after {
        border-bottom: 1px solid var(--colors-gray-103)
    }

    .\[\&_blockquote\]\:py_30 blockquote {
        padding-block: 30px
    }

    .\[\&_\*\]\:ov-wrap_break-word * {
        overflow-wrap: break-word
    }

    .\[\&_a\]\:td_underline a {
        text-decoration: underline
    }

    .\[\&_hr\]\:bg_black\.102 hr {
        background: var(--colors-black-102)
    }

    .\[\&_hr\]\:w_100\% hr {
        width: 100%
    }

    .\[\&_hr\]\:h_1 hr {
        height: 1px
    }

    .\[\&_img\]\:max-w_100\% img,
    .\[\&_video\]\:max-w_100\% video {
        max-width: 100%
    }

    .\[\&_video\]\:asp_16_\/_9 video {
        aspect-ratio: 16/9
    }

    .\[\&_ul_\>_li_\>_p\]\:d_inline ul > li > p {
        display: inline
    }

    .\[\&_ul_\>_li_\>_p\]\:p_0 ul > li > p {
        padding: 0
    }

    .\[\&_ul_\>_li\]\:pos_relative ul > li {
        position: relative
    }

    .\[\&_ol_\>_li_\>_p\]\:d_inline ol > li > p {
        display: inline
    }

    .\[\&_ol_\>_li_\>_p\]\:p_0 ol > li > p {
        padding: 0
    }

    .\[\&_ol_\>_li\]\:li-s_auto ol > li {
        list-style: auto
    }

    .\[\&_ol_\>_li_\>_ol_\>_li\]\:li-s_lower-alpha ol > li > ol > li {
        list-style: lower-alpha
    }

    .\[\&_table\]\:m_20px_0 table {
        margin: 20px 0
    }

    .\[\&_table\]\:w_100\% table {
        width: 100%
    }

    .\[\&_table\]\:d_grid table {
        display: grid
    }

    .\[\&_tbody\]\:d_table tbody {
        display: table
    }

    .\[\&_tbody\]\:bd-cl_collapse tbody {
        border-collapse: collapse
    }

    .\[\&_thead\]\:d_table thead {
        display: table
    }

    .\[\&_thead\]\:bd-cl_collapse thead {
        border-collapse: collapse
    }

    .\[\&_th\,_td\]\:bd_1px_solid_\{colors\.black\.102\} td,
    .\[\&_th\,_td\]\:bd_1px_solid_\{colors\.black\.102\} th {
        border: 1px solid var(--colors-black-102)
    }

    .\[\&_td\]\:p_16px td {
        padding: 16px
    }

    .\[\&_td\]\:w_177px td {
        width: 177px
    }

    .\[\&_blockquote\]\:pos_relative blockquote {
        position: relative
    }

    .\[\&_blockquote\]\:c_black\.101 blockquote {
        color: var(--colors-black-101)
    }

    .\[\&_a\]\:c_accent\.secondary a {
        color: var(--colors-accent-secondary)
    }

    .\[\&_a\]\:c_accent\.primary a {
        color: var(--colors-accent-primary)
    }

    .\[\&_iframe\]\:pos_absolute iframe {
        position: absolute
    }

    .\[\&_iframe\]\:w_100\% iframe {
        width: 100%
    }

    .\[\&_iframe\]\:h_100\% iframe {
        height: 100%
    }

    .after\:h_4:after {
        height: 4px
    }

    .after\:bdr_999:after {
        border-radius: 999px
    }

    .after\:bg_icon\.brand:after {
        background: var(--colors-icon-brand)
    }

    .\[\&_\[data-carousel-item\=\"true\"\]\]\:min-w_0 [data-carousel-item=true] {
        min-width: 0
    }

    .\[\&_\[data-carousel-item\=\"true\"\]\]\:flex_0_0_100\% [data-carousel-item=true] {
        flex: 0 0 100%
    }

    .\[\&_\>_\:last-child\]\:trf_rotate\(180deg\) > :last-child {
        transform: rotate(180deg)
    }

    .\[\&_\>_\:last-child\]\:bd-b_unset > :last-child {
        border-bottom: unset
    }

    .\[\&\[aria-current\=page\]\]\:bg_surface\.level\.4[aria-current=page] {
        background: var(--colors-surface-level-4)
    }

    .before\:pos_absolute:before {
        position: absolute
    }

    .before\:h_100\%:before {
        height: 100%
    }

    .before\:max-h_64:before {
        max-height: 64px
    }

    .before\:w_1:before {
        width: 1px
    }

    .before\:bg_home\.border:before {
        background: var(--colors-home-border)
    }

    .before\:d_block:before {
        display: block
    }

    .before\:bdr_99:before {
        border-radius: 99px
    }

    .before\:bg_text\.primary:before {
        background: var(--colors-text-primary)
    }

    .before\:w_6:before {
        width: 6px
    }

    .before\:h_6:before {
        height: 6px
    }

    .\[\&_\>_span\:first-child\]\:d_block > span:first-child {
        display: block
    }

    .\[\&_\>_span\:first-child\]\:w_100\% > span:first-child {
        width: 100%
    }

    .\[\&_\>_span\:first-child\]\:max-w_calc\(100vw_-_225px\) > span:first-child {
        max-width: calc(100vw - 225px)
    }

    .\[\&_\>_span\:first-child\]\:tov_ellipsis > span:first-child {
        text-overflow: ellipsis
    }

    .\[\&_\>_span\:first-child\]\:ov_hidden > span:first-child {
        overflow: hidden
    }

    .\[\&_\>_span\:first-child\]\:white-space_nowrap > span:first-child {
        white-space: nowrap
    }

    .\[\&_\>_span\:last-child\]\:d_block > span:last-child {
        display: block
    }

    .\[\&_\>_span\:last-child\]\:w_100\% > span:last-child {
        width: 100%
    }

    .\[\&_\>_span\:last-child\]\:max-w_calc\(100vw_-_225px\) > span:last-child {
        max-width: calc(100vw - 225px)
    }

    .\[\&_\>_span\:last-child\]\:c_home\.subtext > span:last-child {
        color: var(--colors-home-subtext)
    }

    .\[\&_\>_span\:last-child\]\:tov_ellipsis > span:last-child {
        text-overflow: ellipsis
    }

    .\[\&_\>_span\:last-child\]\:ov_hidden > span:last-child {
        overflow: hidden
    }

    .\[\&_\>_span\:last-child\]\:white-space_nowrap > span:last-child {
        white-space: nowrap
    }

    .before\:bg_home\.text:before {
        background: var(--colors-home-text)
    }

    .\[\&_\[data-tag\=long\]\]\:c_home\.spoiler\.text [data-tag=long] {
        color: var(--colors-home-spoiler-text)
    }

    .\[\&_\[data-tag\=long\]\]\:d_block [data-tag=long] {
        display: block
    }

    .\[\&_\[data-tag\=short\]\]\:c_home\.spoiler\.text [data-tag=short] {
        color: var(--colors-home-spoiler-text)
    }

    .\[\&_\[data-tag\=short\]\]\:d_none [data-tag=short] {
        display: none
    }

    .\[\&_\>_\*\]\:op_1 > * {
        opacity: 1
    }

    .\[\&_\>_\*\]\:op_var\(--scroll-start-active\,_1\) > * {
        opacity: var(--scroll-start-active,1)
    }

    .\[\&_\>_\*\]\:op_var\(--scroll-end-active\,_1\) > * {
        opacity: var(--scroll-end-active,1)
    }

    .\[\&_\>_section\[data-tag\=date\]_\+_div\[data-tag\=event\]\]\:bdr_0 > section[data-tag=date] + div[data-tag=event] {
        border-radius: 0
    }

    .\[\&_\>_section\[data-tag\=date\]_\+_div\[data-tag\=event\]\]\:py_2 > section[data-tag=date] + div[data-tag=event] {
        padding-block: 2px
    }

    .\[\&_\>_section\[data-tag\=media\]_\+_div\[data-tag\=event\]\]\:bdr_0 > section[data-tag=media] + div[data-tag=event] {
        border-radius: 0
    }

    .\[\&_\>_section\[data-tag\=media\]_\+_div\[data-tag\=event\]\]\:py_2 > section[data-tag=media] + div[data-tag=event] {
        padding-block: 2px
    }

    .\[\&_\>_div\[data-tag\=event\]_\+_div\[data-tag\=event\]\]\:bdr_0 > div[data-tag=event] + div[data-tag=event] {
        border-radius: 0
    }

    .\[\&_\>_div\[data-tag\=event\]_\+_div\[data-tag\=event\]\]\:py_2 > div[data-tag=event] + div[data-tag=event] {
        padding-block: 2px
    }

    .before\:w_100\%:before {
        width: 100%
    }

    .before\:h_auto:before {
        height: auto
    }

    .before\:asp_16\/9:before {
        aspect-ratio: 16/9
    }

    .before\:bg_accent\.primary:before {
        background: var(--colors-accent-primary)
    }

    .before\:trf_translateX\(-120\%\)_skewX\(-10deg\):before {
        transform: translateX(-120%) skewX(-10deg)
    }

    .before\:mix-bm_multiply:before {
        mix-blend-mode: multiply
    }

    .\[\&_\[data-bracket-element\=\"lowerBracket\"\]_\[data-bracket-element\=\"column\"\]\]\:bg_surface\.level\.1 [data-bracket-element=lowerBracket] [data-bracket-element=column] {
        background: var(--colors-surface-level-1)
    }

    .\[\&_\+_div_div\[data-bracket-element\=\"edge\"\]\]\:z_zLayer2 + div div[data-bracket-element=edge] {
        z-index: var(--z-index-z-layer2)
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:op_0\.5 > [data-tagline=separator] {
        opacity: .5
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:px_24 > [data-tagline=separator] {
        padding-inline: 24px
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:c_lolMSI\.lightGray > [data-tagline=separator] {
        color: var(--colors-lol-m-s-i-light-gray)
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:c_valPurple\.100 > [data-tagline=separator] {
        color: var(--colors-val-purple-100)
    }

    .\[\&_\>_svg\]\:w_20 > svg {
        width: 20px
    }

    .\[\&_\>_svg\]\:h_20 > svg {
        height: 20px
    }

    .disabled\:op_0\.4:is(:disabled, [disabled], [data-disabled]) {
        opacity: .4
    }

    .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
        cursor: not-allowed
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:c_unifiedAccent\.secondary\/50 > [data-tagline=separator] {
        --mix-color: color-mix(in srgb,var(--colors-unified-accent-secondary) 50%,transparent);
        color: var(--mix-color,var(--colors-unified-accent-secondary))
    }

    .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:d_none > [data-tagline=separator] {
        display: none
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:w_20 > [data-tagline=bullet] {
        width: 20px
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:h_20 > [data-tagline=bullet] {
        height: 20px
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:p_4px_7px > [data-tagline=bullet] {
        padding: 4px 7px
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:c_unifiedText\.primary\.inverse > [data-tagline=bullet] {
        color: var(--colors-unified-text-primary-inverse)
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:bg_unifiedAccent\.secondary > [data-tagline=bullet] {
        background: var(--colors-unified-accent-secondary)
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:bdr_100\% > [data-tagline=bullet] {
        border-radius: 100%
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:d_inline-flex > [data-tagline=bullet] {
        display: inline-flex
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:d_block > :not(:last-child):after {
        display: block
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:pos_absolute > :not(:last-child):after {
        position: absolute
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:bg_stroke\.brand > :not(:last-child):after {
        background: var(--colors-stroke-brand)
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:w_2 > :not(:last-child):after {
        width: 2px
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:h_26 > :not(:last-child):after {
        height: 26px
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:z_zBelow > :not(:last-child):after {
        z-index: var(--z-index-z-below)
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:trf_translateX\(-50\%\) > :not(:last-child):after {
        transform: translateX(-50%)
    }

    .\[\&\:after\]\:d_block:after {
        display: block
    }

    .\[\&\:after\]\:pos_absolute:after {
        position: absolute
    }

    .\[\&\:after\]\:w_100\%:after {
        width: 100%
    }

    .\[\&\:after\]\:h_100\%:after {
        height: 100%
    }

    .\[\&\:after\]\:bg_linear-gradient\(180deg\,_\#050505_-51\.49\%\,_rgba\(5\,_5\,_5\,_0\.927279\)_5\.26\%\,_rgba\(5\,_5\,_5\,_0\.756552\)_40\.97\%\,_rgba\(5\,_5\,_5\,_0\)_81\.14\%\)\,_linear-gradient\(90deg\,_rgba\(5\,_5\,_5\,_0\)_78\.64\%\,_\#050505_100\%\)\,_linear-gradient\(270deg\,_rgba\(5\,_5\,_5\,_0\)_80\.65\%\,_\#050505_100\%\):after {
        background: linear-gradient(180deg,#050505 -51.49%,rgba(5,5,5,.927279) 5.26%,rgba(5,5,5,.756552) 40.97%,rgba(5,5,5,0) 81.14%),linear-gradient(90deg,rgba(5,5,5,0) 78.64%,#050505),linear-gradient(270deg,rgba(5,5,5,0) 80.65%,#050505)
    }

    .\[\&_\.recharts-cartesian-axis-tick-value\]\:fill_unifiedText\.subtle .recharts-cartesian-axis-tick-value {
        fill: var(--colors-unified-text-subtle)
    }

    .\[\&_\.recharts-cartesian-axis-tick-value\]\:c_unifiedText\.subtle .recharts-cartesian-axis-tick-value {
        color: var(--colors-unified-text-subtle)
    }

    .disabled\:bg_surface\.level\.4:is(:disabled, [disabled], [data-disabled]) {
        background: var(--colors-surface-level-4)
    }

    .disabled\:c_unifiedText\.subtle:is(:disabled, [disabled], [data-disabled]) {
        color: var(--colors-unified-text-subtle)
    }

    .even\:bg_linear-gradient\(0deg\,_\{colors\.surface\.level\.0\/25\}_0\%\,_\{colors\.surface\.level\.0\/25\}_100\%\)\,_\{colors\.surface\.level\.1\}:nth-child(2n) {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 0,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 100%),var(--colors-surface-level-1)
    }

    .last\:bd-b_none:last-child {
        border-bottom: none
    }

    .\[\&\[data-active-player\=\"true\"\]\]\:bd-t_1px_solid[data-active-player=true] {
        border-top: 1px solid
    }

    .\[\&\[data-active-player\=\"true\"\]\]\:bd-b_1px_solid[data-active-player=true] {
        border-bottom: 1px solid
    }

    .\[\&\[data-active-player\=\"true\"\]\]\:bg_scoring\.partial\/10[data-active-player=true] {
        --mix-background: color-mix(in srgb,var(--colors-scoring-partial) 10%,transparent);
        background: var(--mix-background,var(--colors-scoring-partial))
    }

    [data-lcu=true] .lcu\:bg_surface\.level\.2 {
        background: var(--colors-surface-level-2)
    }

    .\[\&_\>_svg\]\:w_16 > svg {
        width: 16px
    }

    .\[\&_\>_svg\]\:h_16 > svg {
        height: 16px
    }

    .\[\&_\>_svg\]\:c_button\.tertiary\.icon > svg {
        color: var(--colors-button-tertiary-icon)
    }

    .\[\&\[data-undefeated\=true\]\]\:bd_1px_solid_\{colors\.scoring\.partial\}[data-undefeated=true] {
        border: 1px solid var(--colors-scoring-partial)
    }

    [data-lcu=true] .lcu\:bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier2\} {
        box-shadow: 0 0 16px 0 var(--colors-pickems-rewards-tier2)
    }

    [data-lcu=true] .lcu\:bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier3\} {
        box-shadow: 0 0 16px 0 var(--colors-pickems-rewards-tier3)
    }

    [data-lcu=true] .lcu\:bx-sh_0_0_16px_0_\{colors\.pickems\.rewards\.tier4\} {
        box-shadow: 0 0 16px 0 var(--colors-pickems-rewards-tier4)
    }

    button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:w_16,
    button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:w_16,
    button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:w_16 {
        width: 16px
    }

    button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:h_16,
    button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:h_16,
    button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:h_16 {
        height: 16px
    }

    .\[\&\:nth-child\(odd\)\:not\(\:last-child\)\]\:bd-r_1px_solid_\{colors\.stroke\.rule\}:nth-child(odd):not(:last-child) {
        border-right: 1px solid var(--colors-stroke-rule)
    }

    .\[\&\:nth-child\(1\)\]\:grid-c_1:first-child,
    .\[\&\:nth-child\(2\)\]\:grid-c_1:nth-child(2) {
        grid-column: span 1/span 1
    }

    .\[\&\:nth-child\(3\)\]\:grid-c_2:nth-child(3) {
        grid-column: span 2/span 2
    }

    .\[\&\:nth-child\(3\)\]\:bd-t_1px_solid_\{colors\.stroke\.rule\}:nth-child(3) {
        border-top: 1px solid var(--colors-stroke-rule)
    }

    .\[\&\:nth-child\(3\)\]\:px_24:nth-child(3) {
        padding-inline: 24px
    }

    .\[\&\:nth-child\(3\)\]\:py_12:nth-child(3) {
        padding-block: 12px
    }

    .\[\&\:nth-child\(3\)\[data-hide-stats\=\"true\"\]\]\:bd-t_none\!:nth-child(3)[data-hide-stats=true] {
        border-top: none !important
    }

    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:grid-c_2:first-child:last-child,
    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:grid-c_2:nth-child(2):last-child[data-hide-stats=true] {
        grid-column: span 2/span 2
    }

    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:px_24:first-child:last-child,
    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:px_24:nth-child(2):last-child[data-hide-stats=true] {
        padding-inline: 24px
    }

    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:py_12:first-child:last-child,
    .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:py_12:nth-child(2):last-child[data-hide-stats=true] {
        padding-block: 12px
    }

    .after\:d_flex:after {
        display: flex
    }

    .after\:bg_linear-gradient\(0deg\,_\{colors\.bg\.primary\}_0\%\,_rgba\(15\,_21\,_25\,_0\)_75\%\):after {
        background: linear-gradient(0deg,var(--colors-bg-primary) 0,rgba(15,21,25,0) 75%)
    }

    .after\:z_zBase:after {
        z-index: var(--z-index-z-base)
    }

    .before\:d_inline-flex:before {
        display: inline-flex
    }

    .before\:w_13:before {
        width: 13px
    }

    .before\:h_13:before {
        height: 13px
    }

    .before\:bdr_999:before {
        border-radius: 999px
    }

    .\[\&_img\]\:asp_auto img {
        aspect-ratio: auto
    }

    .\[\&_img\]\:w_83 img {
        width: 83px
    }

    .\[\&_img\]\:h_32 img {
        height: 32px
    }

    .\[\&_img\]\:asp_auto_\{aspectRatios\.5\:1\} img {
        aspect-ratio: auto var(--aspect-ratios-5\:1)
    }

    .\[\&_img\]\:w_120 img {
        width: 120px
    }

    .\[\&_img\]\:h_24 img {
        height: 24px
    }

    .\[\&_img\]\:w_102 img {
        width: 102px
    }

    .\[\&_\>_\:last-child\]\:bd-l_unset > :last-child {
        border-left: unset
    }

    .\[\&_\>_\:last-child_\>_svg\]\:trf_rotate\(180deg\) > :last-child > svg {
        transform: rotate(180deg)
    }

    .disabled\:c_icon\.subtle:is(:disabled, [disabled], [data-disabled]) {
        color: var(--colors-icon-subtle)
    }

    .\[\&\:has\(\+section\)\]\:bdr-b_8px:has(+section) {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .before\:mx_auto:before {
        margin-inline: auto
    }

    .before\:trf_rotate\(30deg\):before {
        transform: rotate(30deg)
    }

    .before\:w_1px:before {
        width: 1px
    }

    .\[\&\[data-filter\=selected\]\]\:bg_home\.filter\.activeBg[data-filter=selected] {
        background: var(--colors-home-filter-active-bg)
    }

    .\[\&\[data-state\=\"active\"\]\]\:bg_home\.filter\.toggleBgActive[data-state=active] {
        background: var(--colors-home-filter-toggle-bg-active)
    }

    [data-filter=selected] .filterSelected\:op_1 {
        opacity: 1
    }

    .\[\&\[data-state\=open\]\]\:bg_home\.settings\.dropdownBg[data-state=open] {
        background: var(--colors-home-settings-dropdown-bg)
    }

    .\[\&\[data-state\=closed\]\]\:bg_transparent[data-state=closed] {
        background: transparent
    }

    .\[\&\[data-state\=closed\]_svg\]\:op_0\.4[data-state=closed] svg {
        opacity: .4
    }

    .\[\&_span\]\:c_accent\.primary span {
        color: var(--colors-accent-primary)
    }

    [data-lcu=true] .lcu\:bg_linear-gradient\(180deg\,_transparent_0\%\,_\{colors\.surface\.level\.0\}_68\.14\%\,_\{colors\.surface\.level\.0\}_100\%\) {
        background: linear-gradient(180deg,transparent 0,var(--colors-surface-level-0) 68.14%,var(--colors-surface-level-0) 100%)
    }

    [data-lcu=true] .lcu\:op_0\.84 {
        opacity: .84
    }

    [data-lcu=true] .lcu\:bg_surface\.level\.4 {
        background: var(--colors-surface-level-4)
    }

    .before\:w_64:before {
        width: 64px
    }

    .before\:py_16:before {
        padding-block: 16px
    }

    .before\:bg_surface\.level\.1:before {
        background: var(--colors-surface-level-1)
    }

    .before\:c_surface\.level\.1:before {
        color: var(--colors-surface-level-1)
    }

    .before\:z_zLayer:before {
        z-index: var(--z-index-z-layer)
    }

    .before\:bdr_4:before {
        border-radius: 4px
    }

    .before\:bd_1px_solid_\{colors\.stroke\.border\.primary\}:before {
        border: 1px solid var(--colors-stroke-border-primary)
    }

    .before\:bd_2px_dashed_\{colors\.stroke\.border\.primary\}:before {
        border: 2px dashed var(--colors-stroke-border-primary)
    }

    .after\:h_2:after {
        height: 2px
    }

    .after\:bg_stroke\.rule:after {
        background: var(--colors-stroke-rule)
    }

    [data-lcu=true] .lcu\:max-h_calc\(100dvh_-_232px\) {
        max-height: calc(100dvh - 232px)
    }

    .disabled\:bd_none:is(:disabled, [disabled], [data-disabled]) {
        border: none
    }

    .first\:bd_1px_solid_\{colors\.unifiedAccent\.secondary\}:first-child {
        border: 1px solid var(--colors-unified-accent-secondary)
    }

    .\[\&\[data-highlighted\]\]\:bg_surface\.level\.3[data-highlighted],
    .\[\&\[data-state\=\"checked\"\]\]\:bg_surface\.level\.3[data-state=checked] {
        background: var(--colors-surface-level-3)
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:d_block {
        display: block
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:w_0 {
        width: 0
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:h_0 {
        height: 0
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bd-t_6px_solid_transparent {
        border-top: 6px solid transparent
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bd-b_6px_solid_transparent {
        border-bottom: 6px solid transparent
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bd-r_8 {
        border-right: 8px
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bd-l_0 {
        border-left: 0
    }

    .\[\&_\>_svg\]\:c_unifiedText\.primary > svg {
        color: var(--colors-unified-text-primary)
    }

    .\[\&\[data-outcome\=\"loss\"\]\]\:c_unifiedText\.secondary[data-outcome=loss] {
        color: var(--colors-unified-text-secondary)
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bg_valGold\.300 {
        background: var(--colors-val-gold-300)
    }

    .\[\&_th\]\:w_max-content th {
        width: max-content
    }

    .\[\&_th\]\:tbl_fixed th {
        table-layout: fixed
    }

    .\[\&_th\]\:p_\{spacing\.150\}_\{spacing\.300\} th {
        padding: var(--spacing-150) var(--spacing-300)
    }

    .\[\&_th\]\:ta_left th {
        text-align: left
    }

    .\[\&_th\]\:c_unifiedText\.secondary th {
        color: var(--colors-unified-text-secondary)
    }

    .\[\&_th\]\:tov_ellipsis th {
        text-overflow: ellipsis
    }

    .\[\&_th\]\:tw_nowrap th {
        text-wrap: nowrap
    }

    .\[\&\:not\(\:nth-child\(2\)\)_td\]\:bd-t_1px_solid_\{colors\.stroke\.border\.primary\}:not(:nth-child(2)) td {
        border-top: 1px solid var(--colors-stroke-border-primary)
    }

    .\[\&\:not\(\:first-child\)\]\:ta_center:not(:first-child) {
        text-align: center
    }

    .\[\&\:not\(\:first-child\)\]\:c_text\.primary:not(:first-child) {
        color: var(--colors-text-primary)
    }

    .\[\&\:not\(\:first-child\)\]\:bd-l_1px_solid_\{colors\.stroke\.border\.primary\}:not(:first-child) {
        border-left: 1px solid var(--colors-stroke-border-primary)
    }

    .\[\&\[data-game-type\=\"win\"\]\]\:bg_valGreen\.300[data-game-type=win] {
        background: var(--colors-val-green-300)
    }

    .\[\&\[data-game-type\=\"loss\"\]\]\:bg_lolRed\.200[data-game-type=loss] {
        background: var(--colors-lol-red-200)
    }

    [data-outcome=win] .\[\[data-outcome\=\'win\'\]_\&\]\:c_unifiedText\.primary {
        color: var(--colors-unified-text-primary)
    }

    .before\:bd-b_7px_solid_\{colors\.clear\}:before {
        border-bottom: 7px solid var(--colors-clear)
    }

    .before\:bd-l_7px_solid_\{colors\.accent\.primary\}:before {
        border-left: 7px solid var(--colors-accent-primary)
    }

    .before\:bd-t_7px_solid_\{colors\.clear\}:before {
        border-top: 7px solid var(--colors-clear)
    }

    .before\:h_0:before {
        height: 0
    }

    .before\:pos_relative:before {
        position: relative
    }

    .before\:w_0:before {
        width: 0
    }

    [data-state=open] > .radixStateOpen\:trf_rotate\(-180deg\) {
        transform: rotate(-180deg)
    }

    [lang=vi-VN] .\[\[lang\=vi-VN\]_\&\]\:ff_sans-serif {
        font-family: sans-serif
    }

    [data-lcu=true] .lcu\:flex-d_column {
        flex-direction: column
    }

    [data-lcu=true] .lcu\:bg-c_black\.502 {
        background-color: var(--colors-black-502)
    }

    .after\:content_\"\":after {
        content: ""
    }

    .after\:bottom_-1px:after {
        bottom: -1px
    }

    .after\:left_-50\%:after {
        left: -50%
    }

    .\[\&_\>_\:last-child\]\:bdr-bl_8 > :last-child {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_\:last-child\]\:bdr-br_8 > :last-child {
        border-bottom-right-radius: 8px
    }

    .\[\&\.events\]\:pl_40.events {
        padding-left: 40px
    }

    .currentPage\:bd-c_surface\.level\.2[aria-current=page] {
        border-color: var(--colors-surface-level-2)
    }

    .\[\&\[data-horizontal-grid-flow\=\"true\"\]\]\:grid-template-areas_\"title_widget\"[data-horizontal-grid-flow=true] {
        grid-template-areas: "title widget"
    }

    .\[\&\[data-horizontal-grid-flow\=\"true\"\]\]\:grid-tc_auto_1fr[data-horizontal-grid-flow=true] {
        grid-template-columns: auto 1fr
    }

    .\[\&\[data-horizontal-grid-flow\=\"true\"\]\]\:grid-tr_unset[data-horizontal-grid-flow=true] {
        grid-template-rows: unset
    }

    [data-treatment=lol-msi] .lolMsiTreatment\:fs_18 {
        font-size: var(--font-sizes-18)
    }

    [data-treatment=lol-msi] .lolMsiTreatment\:lh_12px {
        line-height: 12px
    }

    [data-treatment=val-vct_masters] .valMastersTreatment\:fs_22 {
        font-size: var(--font-sizes-22)
    }

    [data-treatment=val-vct_masters] .valMastersTreatment\:lh_14px {
        line-height: 14px
    }

    .\[\&\[data-rarity\=\"tier4\"\]\]\:bd-c_pickems\.rewards\.tier4[data-rarity=tier4] {
        border-color: var(--colors-pickems-rewards-tier4)
    }

    .\[\&\[data-rarity\=\"tier3\"\]\]\:bd-c_pickems\.rewards\.tier3[data-rarity=tier3] {
        border-color: var(--colors-pickems-rewards-tier3)
    }

    .\[\&\[data-rarity\=\"perfect\"\]\]\:border-image-slice_1[data-rarity=perfect] {
        border-image-slice: 1
    }

    .\[\&\[data-rarity\=\"perfect\"\]\]\:border-image-source_linear-gradient\(133\.15deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\)[data-rarity=perfect] {
        border-image-source: linear-gradient(133.15deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%)
    }

    .\[\&\[data-rarity\=\"tier2\"\]\]\:bd-c_pickems\.rewards\.tier2[data-rarity=tier2] {
        border-color: var(--colors-pickems-rewards-tier2)
    }

    .\[\&\[data-rarity\=\"tier1\"\]\]\:bd-c_pickems\.rewards\.tier1[data-rarity=tier1] {
        border-color: var(--colors-pickems-rewards-tier1)
    }

    .\[\&\[data-rarity\=\"tier4\"\]\]\:bg-c_pickems\.rewards\.tier4\/15[data-rarity=tier4] {
        --mix-backgroundColor: color-mix(in srgb,var(--colors-pickems-rewards-tier4) 15%,transparent);
        background-color: var(--mix-backgroundColor,var(--colors-pickems-rewards-tier4))
    }

    .\[\&\[data-rarity\=\"tier3\"\]\]\:bg-c_pickems\.rewards\.tier3\/15[data-rarity=tier3] {
        --mix-backgroundColor: color-mix(in srgb,var(--colors-pickems-rewards-tier3) 15%,transparent);
        background-color: var(--mix-backgroundColor,var(--colors-pickems-rewards-tier3))
    }

    .\[\&\[data-rarity\=\"tier2\"\]\]\:bg-c_pickems\.rewards\.tier2\/15[data-rarity=tier2] {
        --mix-backgroundColor: color-mix(in srgb,var(--colors-pickems-rewards-tier2) 15%,transparent);
        background-color: var(--mix-backgroundColor,var(--colors-pickems-rewards-tier2))
    }

    .\[\&\[data-rarity\=\"tier1\"\]\]\:bg-c_pickems\.rewards\.tier1\/15[data-rarity=tier1] {
        --mix-backgroundColor: color-mix(in srgb,var(--colors-pickems-rewards-tier1) 15%,transparent);
        background-color: var(--mix-backgroundColor,var(--colors-pickems-rewards-tier1))
    }

    .\[\&_td\]\:fw_bold td {
        font-weight: 700
    }

    .\[\&\[data-group-id\=\"1\"\]\]\:bg-c_unifiedAccent\.primary[data-group-id="1"] {
        background-color: var(--colors-unified-accent-primary)
    }

    .\[\&\[data-group-id\=\"1\"\]\]\:bd-l-c_unifiedAccent\.primary[data-group-id="1"] {
        border-left-color: var(--colors-unified-accent-primary)
    }

    .\[\&\[data-group-id\=\"2\"\]\]\:bg-c_unifiedAccent\.secondary[data-group-id="2"] {
        background-color: var(--colors-unified-accent-secondary)
    }

    .\[\&\[data-group-id\=\"2\"\]\]\:bd-l-c_unifiedAccent\.secondary[data-group-id="2"] {
        border-left-color: var(--colors-unified-accent-secondary)
    }

    .\[\&\[data-group-id\=\"3\"\]\]\:bg-c_unifiedText\.secondary[data-group-id="3"] {
        background-color: var(--colors-unified-text-secondary)
    }

    .\[\&\[data-group-id\=\"3\"\]\]\:bd-l-c_unifiedText\.secondary[data-group-id="3"] {
        border-left-color: var(--colors-unified-text-secondary)
    }

    .\[\&\[data-group-id\=\"default\"\]\]\:bg-c_unifiedText\.secondary[data-group-id=default] {
        background-color: var(--colors-unified-text-secondary)
    }

    .\[\&\[data-group-id\=\"default\"\]\]\:bd-l-c_unifiedText\.secondary[data-group-id=default] {
        border-left-color: var(--colors-unified-text-secondary)
    }

    .\[\&_td\,_\&_th\]\:bd-w_0_0_1px_0 td,
    .\[\&_td\,_\&_th\]\:bd-w_0_0_1px_0 th {
        border-width: 0 0 1px
    }

    .\[\&_td\,_\&_th\]\:bd-c_stroke\.border\.primary td,
    .\[\&_td\,_\&_th\]\:bd-c_stroke\.border\.primary th {
        border-color: var(--colors-stroke-border-primary)
    }

    [aria-current=page] .\[\[aria-current\=page\]_\&\]\:bd-l-c_neutral\.white {
        border-left-color: var(--colors-neutral-white)
    }

    .\[\&\[data-state\=\"checked\"\]\]\:bg-c_surface\.brand[data-state=checked] {
        background-color: var(--colors-surface-brand)
    }

    [data-lcu=true] .lcu\:mt_0px\! {
        margin-top: 0 !important
    }

    .after\:mt_30:after {
        margin-top: 30px
    }

    .after\:bottom_0:after {
        bottom: 0
    }

    .after\:left_0:after {
        left: 0
    }

    .after\:top_0:after {
        top: 0
    }

    .after\:mt_10:after {
        margin-top: 10px
    }

    .after\:left_calc\(50\%_-_1px\):after {
        left: calc(50% - 1px)
    }

    .after\:bottom_66:after {
        bottom: 66px
    }

    .before\:content_\"\":before {
        content: ""
    }

    .\[\&_\*\]\:pb_16 * {
        padding-bottom: 16px
    }

    .\[\&_hr\]\:mb_20 hr {
        margin-bottom: 20px
    }

    .\[\&_img\]\:mt_30 img {
        margin-top: 30px
    }

    .\[\&_img\]\:mb_15 img {
        margin-bottom: 15px
    }

    .\[\&_video\]\:mt_30 video {
        margin-top: 30px
    }

    .\[\&_video\]\:mb_15 video {
        margin-bottom: 15px
    }

    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pb_16 h2,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pb_16 h3,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pb_16 h4,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pb_16 h5,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pb_16 h6 {
        padding-bottom: 16px
    }

    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pt_16 h2,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pt_16 h3,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pt_16 h4,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pt_16 h5,
    .\[\&_h2\,h3\,h4\,h5\,h6\]\:pt_16 h6 {
        padding-top: 16px
    }

    .\[\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\]\:pl_20 ul > li > ol,
    .\[\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\]\:pl_20 ul > li > ul {
        padding-left: 20px
    }

    .\[\&_ul_\>_li\]\:mt_0px\! ul > li {
        margin-top: 0 !important
    }

    .\[\&_ol_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\]\:pl_20 ol > li > ol,
    .\[\&_ol_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\]\:pl_20 ol > li > ul {
        padding-left: 20px
    }

    .\[\&_ol_\>_li\]\:ml_20 ol > li {
        margin-left: 20px
    }

    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ol > li:last-child,
    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ol > li > ol,
    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ol > li > ul,
    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ul > li:last-child,
    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ul > li > ol,
    .\[\&_ul_\>_li\:last-child\,_\&_ol_\>_li\:last-child\,_\&_ul_\>_li_\>_ul\,_\&_ul_\>_li_\>_ol\,_\&_ol_\>_li_\>_ul\,_\&_ol_\>_li_\>_ol\]\:pb_0 ul > li > ul {
        padding-bottom: 0
    }

    .\[\&_table\]\:ov-x_auto table {
        overflow-x: auto
    }

    .\[\&_blockquote\]\:font-style_italic blockquote {
        font-style: italic
    }

    .\[\&_iframe\]\:top_0 iframe {
        top: 0
    }

    .\[\&_iframe\]\:left_0 iframe {
        left: 0
    }

    .after\:bottom_-10px:after {
        bottom: -10px
    }

    .\[\&_\[data-carousel-item\=\"true\"\]\]\:pl_24 [data-carousel-item=true] {
        padding-left: 24px
    }

    .\[\&_\>_\:first-child\]\:pl_16 > :first-child {
        padding-left: 16px
    }

    .\[\&_\>_\:last-child\]\:pr_16 > :last-child {
        padding-right: 16px
    }

    .\[\&_\>_\:last-child_\>_\:first-child\]\:bdr-bl_8 > :last-child > :first-child {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_\:last-child_\>_\:last-child\]\:bdr-br_8 > :last-child > :last-child {
        border-bottom-right-radius: 8px
    }

    .before\:left_0:before {
        left: 0
    }

    .lastOfType\:bdr-bl_8px\!:last-of-type {
        border-bottom-left-radius: 8px !important
    }

    .lastOfType\:bdr-br_8px\!:last-of-type {
        border-bottom-right-radius: 8px !important
    }

    .lastOfType\:pb_8px\!:last-of-type {
        padding-bottom: 8px !important
    }

    .before\:mr_4:before {
        margin-right: 4px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=date\]\)\]\:pb_8 > div[data-tag=event]:has(+section[data-tag=date]) {
        padding-bottom: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=date\]\)\]\:bdr-bl_8 > div[data-tag=event]:has(+section[data-tag=date]) {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=date\]\)\]\:bdr-br_8 > div[data-tag=event]:has(+section[data-tag=date]) {
        border-bottom-right-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=media\]\)\]\:pb_8 > div[data-tag=event]:has(+section[data-tag=media]) {
        padding-bottom: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=media\]\)\]\:mb_24 > div[data-tag=event]:has(+section[data-tag=media]) {
        margin-bottom: 24px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=media\]\)\]\:bdr-bl_8 > div[data-tag=event]:has(+section[data-tag=media]) {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=media\]\)\]\:bdr-br_8 > div[data-tag=event]:has(+section[data-tag=media]) {
        border-bottom-right-radius: 8px
    }

    .\[\&_\>_section\[data-tag\=media\]\:has\(\+_div\[data-tag\=event\]\)\]\:mb_24 > section[data-tag=media]:has(+div[data-tag=event]) {
        margin-bottom: 24px
    }

    .\[\&_\>_div\[data-tag\=event\]\:is\(\:\:last\)\]\:pb_8 > div[data-tag=event]:is(::last) {
        padding-bottom: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:is\(\:\:last\)\]\:bdr-bl_8 > div[data-tag=event]:is(::last) {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:is\(\:\:last\)\]\:bdr-br_8 > div[data-tag=event]:is(::last) {
        border-bottom-right-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=empty\]\)\]\:pb_8 > div[data-tag=event]:has(+section[data-tag=empty]) {
        padding-bottom: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=empty\]\)\]\:bdr-bl_8 > div[data-tag=event]:has(+section[data-tag=empty]) {
        border-bottom-left-radius: 8px
    }

    .\[\&_\>_div\[data-tag\=event\]\:has\(\+_section\[data-tag\=empty\]\)\]\:bdr-br_8 > div[data-tag=event]:has(+section[data-tag=empty]) {
        border-bottom-right-radius: 8px
    }

    .before\:top_0:before {
        top: 0
    }

    .\[\&_\[data-bracket-element\=\"lowerBracket\"\]_\[data-bracket-first-column\=\"true\"\]\]\:bdr-tl_8 [data-bracket-element=lowerBracket] [data-bracket-first-column=true] {
        border-top-left-radius: 8px
    }

    .\[\&_\[data-bracket-element\=\"lowerBracket\"\]_\[data-bracket-first-column\=\"true\"\]\]\:bdr-bl_8 [data-bracket-element=lowerBracket] [data-bracket-first-column=true] {
        border-bottom-left-radius: 8px
    }

    .\[\&_\[data-bracket-element\=\"lowerBracket\"\]_\[data-bracket-last-column\=\"true\"\]\]\:bdr-tr_8 [data-bracket-element=lowerBracket] [data-bracket-last-column=true] {
        border-top-right-radius: 8px
    }

    .\[\&_\[data-bracket-element\=\"lowerBracket\"\]_\[data-bracket-last-column\=\"true\"\]\]\:bdr-br_8 [data-bracket-element=lowerBracket] [data-bracket-last-column=true] {
        border-bottom-right-radius: 8px
    }

    .\[\&_\+_div_div\[data-bracket-element\=\"edge\"\]\]\:bd-c_stroke\.border\.primary + div div[data-bracket-element=edge] {
        border-color: var(--colors-stroke-border-primary)
    }

    .\[\&_\+_div_div\[data-bracket-element\=\"edge\"\]\]\:bd-c_stroke\.border\.contrast\.inverse + div div[data-bracket-element=edge] {
        border-color: var(--colors-stroke-border-contrast-inverse)
    }

    .\[\&_\+_div_div\[data-bracket-element\=\"edge\"\]\]\:bd-c_scoring\.correct + div div[data-bracket-element=edge] {
        border-color: var(--colors-scoring-correct)
    }

    .\[\&_\>_\:first-child\]\:mb_16 > :first-child {
        margin-bottom: 16px
    }

    .\[\&_\>_\:last-child\]\:ml_4 > :last-child {
        margin-left: 4px
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:jc_center > [data-tagline=bullet] {
        justify-content: center
    }

    .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:ai_center > [data-tagline=bullet] {
        align-items: center
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:content_\"\" > :not(:last-child):after {
        content: ""
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:bottom_-25px > :not(:last-child):after {
        bottom: -25px
    }

    .\[\&_\>_\*\:not\(\:last-child\)\:after\]\:left_50\% > :not(:last-child):after {
        left: 50%
    }

    .\[\&\:after\]\:content_\"\":after {
        content: ""
    }

    .\[\&\:after\]\:top_0:after {
        top: 0
    }

    .\[\&\:after\]\:left_0:after {
        left: 0
    }

    .\[\&_\>_\:first-child\]\:mr_8 > :first-child {
        margin-right: 8px
    }

    .\[\&\[data-active-player\=\"true\"\]\]\:bd-t-c_scoring\.partial[data-active-player=true] {
        border-top-color: var(--colors-scoring-partial)
    }

    .\[\&\[data-active-player\=\"true\"\]\]\:bd-b-c_scoring\.partial[data-active-player=true] {
        border-bottom-color: var(--colors-scoring-partial)
    }

    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:flex-d_row:first-child:last-child,
    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:flex-d_row:nth-child(2):last-child[data-hide-stats=true],
    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:flex-d_row:nth-child(3) {
        flex-direction: row
    }

    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:jc_center:first-child:last-child,
    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:jc_center:nth-child(2):last-child[data-hide-stats=true],
    .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:jc_center:nth-child(3) {
        justify-content: center
    }

    button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mb_unset,
    button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mb_unset,
    button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mb_unset {
        margin-bottom: unset
    }

    button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mr_8,
    button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mr_8,
    button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:mr_8 {
        margin-right: 8px
    }

    .before\:flex-sh_0:before {
        flex-shrink: 0
    }

    .before\:mr_11:before {
        margin-right: 11px
    }

    .\[\&_\>_\:first-child\]\:bdr-tl_999 > :first-child {
        border-top-left-radius: 999px
    }

    .\[\&_\>_\:first-child\]\:bdr-bl_999 > :first-child {
        border-bottom-left-radius: 999px
    }

    .\[\&_\>_\:last-child\]\:bdr-tr_999 > :last-child {
        border-top-right-radius: 999px
    }

    .\[\&_\>_\:last-child\]\:bdr-br_999 > :last-child {
        border-bottom-right-radius: 999px
    }

    .\[\&_\>_\:last-child\]\:pb_0 > :last-child {
        padding-bottom: 0
    }

    .\[\&_\>_\:last-child\]\:mb_0 > :last-child {
        margin-bottom: 0
    }

    .\[\&\:has\(\+section\)\]\:pb_200:has(+section) {
        padding-bottom: var(--spacing-200)
    }

    .before\:bg-c_gray\.504:before {
        background-color: var(--colors-gray-504)
    }

    .first\:jc_center:first-child {
        justify-content: center
    }

    .first\:ai_center:first-child {
        align-items: center
    }

    .\[\&_\>_svg\]\:mr_8 > svg {
        margin-right: 8px
    }

    .after\:top_50\%:after {
        top: 50%
    }

    [data-lcu=true] .lcu\:top_60 {
        top: 60px
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:right_0 {
        right: 0
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:top_18 {
        top: 18px
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:border-style_solid {
        border-style: solid
    }

    [data-outcome=win] .\[\[data-outcome\=\"win\"\]_\&\]\:bd-r-c_valGold\.300 {
        border-right-color: var(--colors-val-gold-300)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:bg-c_surface\.level\.4[data-hovered=true] {
        background-color: var(--colors-surface-level-4)
    }

    [data-last-team=true] .\[\[data-last-team\=\"true\"\]_\&\]\:bd-t-w_1 {
        border-top-width: 1px
    }

    [data-last-team=true] .\[\[data-last-team\=\"true\"\]_\&\]\:bd-t-c_surface\.level\.3 {
        border-top-color: var(--colors-surface-level-3)
    }

    [data-last-team=true] .\[\[data-last-team\=\"true\"\]_\&\]\:bdr-bl_xs {
        border-bottom-left-radius: var(--radii-xs)
    }

    [data-last-team=false] .\[\[data-last-team\=\"false\"\]_\&\]\:bdr-tl_xs {
        border-top-left-radius: var(--radii-xs)
    }

    [data-pickems-modal] .\[\[data-pickems-modal\]_\&\]\:pt_0 {
        padding-top: 0
    }

    [data-pickems-modal] .\[\[data-pickems-modal\]_\&\]\:pb_0 {
        padding-bottom: 0
    }

    .\[\&\[data-with-mt\=\"true\"\]\]\:mt_8[data-with-mt=true] {
        margin-top: 8px
    }

    .before\:mr_10:before {
        margin-right: 10px
    }

    .first\:justify-self_end:first-child {
        justify-self: end
    }

    .last\:justify-self_start:last-child {
        justify-self: start
    }

    .focusVisible\:bg_surface\.level\.2:is(:focus-visible, [data-focus-visible]) {
        background: var(--colors-surface-level-2)
    }

    .focusVisible\:ring-o_-2px:is(:focus-visible, [data-focus-visible]) {
        outline-offset: -2px
    }

    .focusVisible\:bg_neutral\.900:is(:focus-visible, [data-focus-visible]) {
        background: var(--colors-neutral-900)
    }

    .group:is(:focus-visible, [data-focus-visible]) .groupFocusVisible\:vis_visible {
        visibility: visible
    }

    .focusVisible\:ring_none:is(:focus-visible, [data-focus-visible]) {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .focus\:bg_surface\.level\.3:is(:focus, [data-focus]) {
        background: var(--colors-surface-level-3)
    }

    .focusVisible\:ring-o_0:is(:focus-visible, [data-focus-visible]) {
        outline-offset: 0
    }

    .focus\:ring_none:is(:focus, [data-focus]) {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .focus\:bx-sh_none:is(:focus, [data-focus]) {
        box-shadow: none
    }

    .focusVisible\:ring-c_clear:is(:focus-visible, [data-focus-visible]) {
        outline-color: var(--colors-clear)
    }

    .focusVisible\:outline-style_auto:is(:focus-visible, [data-focus-visible]) {
        outline-style: auto
    }

    .focusVisible\:ring-w_1px:is(:focus-visible, [data-focus-visible]) {
        outline-width: 1px
    }

    .focusVisible\:bd-c_gray\.505:is(:focus-visible, [data-focus-visible]) {
        border-color: var(--colors-gray-505)
    }

    .focusVisible\:ring-c_gray\.505:is(:focus-visible, [data-focus-visible]) {
        outline-color: var(--colors-gray-505)
    }

    .focusVisible\:outline-style_solid:is(:focus-visible, [data-focus-visible]) {
        outline-style: solid
    }

    .focusVisible\:ring-w_3px:is(:focus-visible, [data-focus-visible]) {
        outline-width: 3px
    }

    .focus\:bd-c_stroke\.border\.contrast\.inverse:is(:focus, [data-focus]) {
        border-color: var(--colors-stroke-border-contrast-inverse)
    }

    .group:is(:focus-visible, [data-focus-visible]) .groupFocusVisible\:bg-c_gray\.500 {
        background-color: var(--colors-gray-500)
    }

    .focusVisible\:bg-c_gray\.500:is(:focus-visible, [data-focus-visible]) {
        background-color: var(--colors-gray-500)
    }

    .\[\&_a\:hover\]\:bg_unset a:hover {
        background: unset
    }

    .hover\:bg_surface\.level\.2:is(:hover, [data-hover]) {
        background: var(--colors-surface-level-2)
    }

    .hover\:bdr_4:is(:hover, [data-hover]) {
        border-radius: 4px
    }

    .hover\:bg_neutral\.900:is(:hover, [data-hover]) {
        background: var(--colors-neutral-900)
    }

    .hover\:c_icon\.primary:is(:hover, [data-hover]) {
        color: var(--colors-icon-primary)
    }

    .group:is(:hover, [data-hover]) .groupHover\:vis_visible {
        visibility: visible
    }

    .hover\:bg_button\.primary\.bgHover:is(:hover, [data-hover]) {
        background: var(--colors-button-primary-bg-hover)
    }

    .hover\:bg_surface\.level\.3:is(:hover, [data-hover]) {
        background: var(--colors-surface-level-3)
    }

    .hover\:bg_button\.tertiary\.bgHover:is(:hover, [data-hover]) {
        background: var(--colors-button-tertiary-bg-hover)
    }

    .hover\:bg_home\.card\.actionHover:is(:hover, [data-hover]) {
        background: var(--colors-home-card-action-hover)
    }

    .hover\:bg_home\.card\.playHover:is(:hover, [data-hover]) {
        background: var(--colors-home-card-play-hover)
    }

    [data-tag=card]:hover .\[\[data-tag\=card\]\:hover_\&\]\:bg_home\.card\.playHover {
        background: var(--colors-home-card-play-hover)
    }

    .hover\:bg_home\.card\.hoverBg:is(:hover, [data-hover]) {
        background: var(--colors-home-card-hover-bg)
    }

    .hover\:bg_home\.feed\.loadMoreHoverBg:is(:hover, [data-hover]) {
        background: var(--colors-home-feed-load-more-hover-bg)
    }

    .group:is(:hover, [data-hover]) .groupHover\:op_1 {
        opacity: 1
    }

    .hover\:cursor_pointer:is(:hover, [data-hover]) {
        cursor: pointer
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg_home\.spoiler\.winsBgHover {
        background: var(--colors-home-spoiler-wins-bg-hover)
    }

    .hover\:bg_home\.navigate\.hoverBg:is(:hover, [data-hover]) {
        background: var(--colors-home-navigate-hover-bg)
    }

    .hover\:bx-sh_inset_0_0_0px_1px_\{colors\.stroke\.border\.contrast\.inverse\}:is(:hover, [data-hover]) {
        box-shadow: inset 0 0 0 1px var(--colors-stroke-border-contrast-inverse)
    }

    .hover\:z_zLayer:is(:hover, [data-hover]) {
        z-index: var(--z-index-z-layer)
    }

    .hover\:bg_linear-gradient\(0deg\,_rgba\(255\,255\,255\,0\.15\)_0\%\,_rgba\(255\,255\,255\,0\.15\)_100\%\)\,_\{colors\.lolMSI\.darkGray\}:is(:hover, [data-hover]) {
        background: linear-gradient(0deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 100%),var(--colors-lol-m-s-i-dark-gray)
    }

    .hover\:bg_linear-gradient\(0deg\,_rgba\(255\,255\,255\,0\.15\)_0\%\,_rgba\(255\,255\,255\,0\.15\)_100\%\)\,_\{colors\.valRed\.300\}:is(:hover, [data-hover]) {
        background: linear-gradient(0deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 100%),var(--colors-val-red-300)
    }

    .hover\:bg_button\.secondary\.bgHover:is(:hover, [data-hover]) {
        background: var(--colors-button-secondary-bg-hover)
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg_surface\.level\.4 {
        background: var(--colors-surface-level-4)
    }

    .hover\:c_unifiedText\.primary:is(:hover, [data-hover]) {
        color: var(--colors-unified-text-primary)
    }

    .\[\&\:hover\]\:bg_button\.primary\.bgHover:hover {
        background: var(--colors-button-primary-bg-hover)
    }

    .hover\:bg_surface\.level\.3\/60:is(:hover, [data-hover]) {
        --mix-background: color-mix(in srgb,var(--colors-surface-level-3) 60%,transparent);
        background: var(--mix-background,var(--colors-surface-level-3))
    }

    .hover\:bkdp_blur\(8px\):is(:hover, [data-hover]) {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px)
    }

    .group:is(:hover, [data-hover]) .groupHover\:c_text\.primary {
        color: var(--colors-text-primary)
    }

    .group:is(:hover, [data-hover]) .groupHover\:c_accent\.primary {
        color: var(--colors-accent-primary)
    }

    .hover\:c_text\.primary:is(:hover, [data-hover]) {
        color: var(--colors-text-primary)
    }

    .hover\:td_underline:is(:hover, [data-hover]) {
        text-decoration: underline
    }

    .hover\:bg_home\.filter\.hoverBg:is(:hover, [data-hover]) {
        background: var(--colors-home-filter-hover-bg)
    }

    .hover\:bg_home\.filter\.activeBg:is(:hover, [data-hover]) {
        background: var(--colors-home-filter-active-bg)
    }

    .hover\:bg_home\.filter\.toggleBgHover:is(:hover, [data-hover]) {
        background: var(--colors-home-filter-toggle-bg-hover)
    }

    .hover\:bg_home\.settings\.dropdownBg:is(:hover, [data-hover]) {
        background: var(--colors-home-settings-dropdown-bg)
    }

    .hover\:bg_home\.news\.hoverBg:is(:hover, [data-hover]) {
        background: var(--colors-home-news-hover-bg)
    }

    .hover\:bdr_8:is(:hover, [data-hover]) {
        border-radius: 8px
    }

    .group:is(:hover, [data-hover]) .groupHover\:c_home\.news\.hoverTitle {
        color: var(--colors-home-news-hover-title)
    }

    .group:is(:hover, [data-hover]) .groupHover\:c_home\.news\.hoverSubtext {
        color: var(--colors-home-news-hover-subtext)
    }

    .hover\:op_0\.8:is(:hover, [data-hover]) {
        opacity: .8
    }

    .hover\:bg_linear-gradient\(0deg\,_\{colors\.surface\.level\.0\/25\}_0\%\,_\{colors\.surface\.level\.0\/25\}_100\%\)\,_\{colors\.surface\.level\.3\}\!:is(:hover, [data-hover]) {
        background: linear-gradient(0deg,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 0,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 100%),var(--colors-surface-level-3) !important
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg_surface\.level\.0 {
        background: var(--colors-surface-level-0)
    }

    .hover\:c_accent\.primary:is(:hover, [data-hover]) {
        color: var(--colors-accent-primary)
    }

    .hover\:c_accent\.secondary:is(:hover, [data-hover]) {
        color: var(--colors-accent-secondary)
    }

    .hover\:bd-c_neutral\.600:is(:hover, [data-hover]) {
        border-color: var(--colors-neutral-600)
    }

    .hover\:bd-c_border\.secondary:is(:hover, [data-hover]) {
        border-color: var(--colors-border-secondary)
    }

    .hover\:bd-c_gray\.505:is(:hover, [data-hover]) {
        border-color: var(--colors-gray-505)
    }

    .hover\:bd-c_stroke\.border\.contrast\.inverse:is(:hover, [data-hover]) {
        border-color: var(--colors-stroke-border-contrast-inverse)
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg-c_gray\.500 {
        background-color: var(--colors-gray-500)
    }

    .hover\:bg-c_gray\.500:is(:hover, [data-hover]) {
        background-color: var(--colors-gray-500)
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg-i_linear-gradient\(\{colors\.surface\.level\.3\}\,_\{colors\.surface\.level\.3\}\)\,_radial-gradient\(circle_at_top_left\,_\#FF2626_2\.44\%\,_\#FEC022_24\.44\%\,_\#65FD86_47\.41\%\,_\#293EFA_69\.4\%\,_\#FA13FF_100\.19\%\) {
        background-image: linear-gradient(var(--colors-surface-level-3),var(--colors-surface-level-3)),radial-gradient(circle at top left,#FF2626 2.44%,#FEC022 24.44%,#65FD86 47.41%,#293EFA 69.4%,#FA13FF 100.19%)
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg-o_border-box {
        background-origin: border-box
    }

    .group:is(:hover, [data-hover]) .groupHover\:bg-cp_padding-box\,_border-box {
        background-clip: padding-box,border-box;
        -webkit-background-clip: padding-box,border-box
    }

    .active\:c_accent\.primary:is(:active, [data-active]) {
        color: var(--colors-accent-primary)
    }

    .active\:c_accent\.secondary:is(:active, [data-active]) {
        color: var(--colors-accent-secondary)
    }

    .active\:cursor_default:is(:active, [data-active]) {
        cursor: default
    }

    .last\:\[\&_\.split__timeline-connector\]\:d_none:last-child .split__timeline-connector {
        display: none
    }

    .\[\&\:is\(a\,button\)\]\:expanded\:bg_neutral\.900:is(a, button):is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
        background: var(--colors-neutral-900)
    }

    .\[\&\:is\(a\,button\)\]\:expanded\:bdr_4:is(a, button):is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
        border-radius: 4px
    }

    .\[\&\:is\(a\,button\)\]\:focusVisible\:bg_neutral\.900:is(a, button):is(:focus-visible, [data-focus-visible]) {
        background: var(--colors-neutral-900)
    }

    .\[\&\:is\(a\,button\)\]\:focusVisible\:ring-o_-2px:is(a, button):is(:focus-visible, [data-focus-visible]) {
        outline-offset: -2px
    }

    .\[\&\:is\(a\,button\)\]\:hover\:bg_neutral\.900:is(a, button):is(:hover, [data-hover]) {
        background: var(--colors-neutral-900)
    }

    .\[\&\:is\(a\,button\)\]\:hover\:bdr_4:is(a, button):is(:hover, [data-hover]) {
        border-radius: 4px
    }

    [data-lcu=true] .lcu\:\[\&_\>_\*\]\:z_zLayer > * {
        z-index: var(--z-index-z-layer)
    }

    [data-lcu=true] .lcu\:after\:inset_0:after {
        inset: 0
    }

    [data-lcu=true] .lcu\:after\:pointer-events_none:after {
        pointer-events: none
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:pos_absolute > :not(:last-child):after,
    [data-lcu=true] .lcu\:after\:pos_absolute:after {
        position: absolute
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:w_1 > :not(:last-child):after {
        width: 1px
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:h_70\% > :not(:last-child):after {
        height: 70%
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:bg_stroke\.border\.primary > :not(:last-child):after {
        background: var(--colors-stroke-border-primary)
    }

    .\[\&\[data-disabled\=true\]\]\:hover\:bg_clear[data-disabled=true]:is(:hover, [data-hover]) {
        background: var(--colors-clear)
    }

    .currentPage\:\[\&_\.handbook-navigation__subtitle\]\:c_unifiedText\.primary[aria-current=page] .handbook-navigation__subtitle {
        color: var(--colors-unified-text-primary)
    }

    .\[\&\[data-state\=\"checked\"\]\]\:\[\&_\.unchecked\]\:d_none[data-state=checked] .unchecked,
    .\[\&\[data-state\=\"unchecked\"\]\]\:\[\&_\.checked\]\:d_none[data-state=unchecked] .checked {
        display: none
    }

    .\[\&_ul_\>_li\]\:before\:d_inline-block ul > li:before {
        display: inline-block
    }

    .\[\&_blockquote\]\:before\:pos_absolute blockquote:before {
        position: absolute
    }

    .\[\&_blockquote\]\:before\:w_15 blockquote:before {
        width: 15px
    }

    .\[\&_blockquote\]\:before\:h_11 blockquote:before {
        height: 11px
    }

    .\[\&_blockquote\]\:before\:c_gray\.103 blockquote:before {
        color: var(--colors-gray-103)
    }

    .\[\&_\>_\*\]\:before\:pos_absolute > :before {
        position: absolute
    }

    .\[\&_\>_\*\]\:before\:w_100\% > :before {
        width: 100%
    }

    .\[\&_\>_\*\]\:before\:bd-t_1px_solid_\{colors\.stroke\.border\.primary\} > :before {
        border-top: 1px solid var(--colors-stroke-border-primary)
    }

    .\[\&_\>_\:last-child\]\:after\:pos_absolute > :last-child:after {
        position: absolute
    }

    .\[\&_\>_\:last-child\]\:after\:w_100\% > :last-child:after {
        width: 100%
    }

    .\[\&_\>_\:last-child\]\:after\:bd-t_1px_solid_\{colors\.stroke\.border\.primary\} > :last-child:after {
        border-top: 1px solid var(--colors-stroke-border-primary)
    }

    .\[\&_\>_td\:first-child\]\:before\:pos_absolute > td:first-child:before {
        position: absolute
    }

    .\[\&_\>_td\:first-child\]\:before\:h_100\% > td:first-child:before {
        height: 100%
    }

    .\[\&_\>_td\:first-child\]\:before\:w_4 > td:first-child:before {
        width: 4px
    }

    .\[\&_\>_td\:first-child\]\:before\:bg_surface\.inverse\.0 > td:first-child:before {
        background: var(--colors-surface-inverse-0)
    }

    .group:is(:hover, [data-hover]) .groupHover\:before\:trf_translateX\(0\)_skewX\(-10deg\)_scale\(1\.25\):before {
        transform: translateX(0) skewX(-10deg) scale(1.25)
    }

    .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:w_62[data-icon=play] svg {
        width: 62px
    }

    .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:h_62[data-icon=play] svg {
        height: 62px
    }

    .disabled\:hover\:bg_button\.primary\.bg:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
        background: var(--colors-button-primary-bg)
    }

    .disabled\:hover\:bg_surface\.level\.4:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
        background: var(--colors-surface-level-4)
    }

    [data-lcu=true] .lcu\:after\:op_0\.9:after {
        opacity: .9
    }

    [data-lcu=true] .lcu\:before\:bg_scoring\.partial:before {
        background: var(--colors-scoring-partial)
    }

    [data-lcu=true] .lcu\:before\:bdr-t_radius\.container:before {
        border-top-left-radius: var(--radii-radius-container);
        border-top-right-radius: var(--radii-radius-container)
    }

    [data-lcu=true] .lcu\:before\:inset_0:before {
        inset: 0
    }

    [data-lcu=true] .lcu\:before\:op_0\.1:before {
        opacity: .1
    }

    [data-lcu=true] .lcu\:before\:pointer-events_none:before {
        pointer-events: none
    }

    [data-lcu=true] .lcu\:before\:pos_absolute:before {
        position: absolute
    }

    [data-lcu=true] .lcu\:after\:op_0\.75:after {
        opacity: .75
    }

    [data-lcu=true] .lcu\:after\:bdr_sm:after {
        border-radius: var(--radii-sm)
    }

    [data-lcu=true] .lcu\:after\:bg_pickems\.rewards\.tier1:after {
        background: var(--colors-pickems-rewards-tier1)
    }

    [data-lcu=true] .lcu\:after\:op_0\.15:after {
        opacity: .15
    }

    [data-lcu=true] .lcu\:after\:bg_pickems\.rewards\.tier2:after {
        background: var(--colors-pickems-rewards-tier2)
    }

    [data-lcu=true] .lcu\:after\:bg_pickems\.rewards\.tier3:after {
        background: var(--colors-pickems-rewards-tier3)
    }

    [data-lcu=true] .lcu\:after\:bg_pickems\.rewards\.tier4:after {
        background: var(--colors-pickems-rewards-tier4)
    }

    [data-lcu=true] .lcu\:after\:bg_linear-gradient\(133deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\)\,_\{colors\.surface\.level\.3\}:after {
        background: linear-gradient(133deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%),var(--colors-surface-level-3)
    }

    [data-lcu=true] .lcu\:after\:bg_surface\.level\.1:after {
        background: var(--colors-surface-level-1)
    }

    [data-lcu=true] .lcu\:after\:bdr_xs:after {
        border-radius: var(--radii-xs)
    }

    [data-lcu=true] .lcu\:after\:op_0\.6:after {
        opacity: .6
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:bd-l_1px_solid_\{colors\.stroke\.border\.secondary\} > :not(:last-child):after {
        border-left: 1px solid var(--colors-stroke-border-secondary)
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:trf_translateY\(-50\%\) > :not(:last-child):after {
        transform: translateY(-50%)
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:h_100\% > :not(:last-child):after {
        height: 100%
    }

    [data-lcu=true] .even\:lcu\:pos_relative:nth-child(2n) {
        position: relative
    }

    [data-lcu=true] .lcu\:after\:op_0\.65:after {
        opacity: .65
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:pos_absolute[data-hovered=true]:after {
        position: absolute
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:z_zLayer2[data-hovered=true]:after {
        z-index: var(--z-index-z-layer2)
    }

    .\[\&_th\]\:\[\&\:not\(\:first-child\)\]\:ta_center th:not(:first-child) {
        text-align: center
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:bdr_sm[data-hovered=true]:after {
        border-radius: var(--radii-sm)
    }

    .\[\&\:is\(a\,button\)\]\:focusVisible\:ring-c_clear:is(a, button):is(:focus-visible, [data-focus-visible]) {
        outline-color: var(--colors-clear)
    }

    .\[\&\:is\(a\,button\)\]\:focusVisible\:outline-style_auto:is(a, button):is(:focus-visible, [data-focus-visible]) {
        outline-style: auto
    }

    .\[\&\:is\(a\,button\)\]\:focusVisible\:ring-w_1px:is(a, button):is(:focus-visible, [data-focus-visible]) {
        outline-width: 1px
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:content_\"\" > :not(:last-child):after,
    [data-lcu=true] .lcu\:after\:content_\"\":after {
        content: ""
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:top_15\% > :not(:last-child):after {
        top: 15%
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:bottom_15\% > :not(:last-child):after {
        bottom: 15%
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:right_0 > :not(:last-child):after {
        right: 0
    }

    .\[\&\[data-disabled\=true\]\]\:hover\:bd-c_clear[data-disabled=true]:is(:hover, [data-hover]) {
        border-color: var(--colors-clear)
    }

    .\[\&_ul_\>_li\]\:before\:content_\"•\" ul > li:before {
        content: "•"
    }

    .\[\&_ul_\>_li\]\:before\:mr_5 ul > li:before {
        margin-right: 5px
    }

    .\[\&_blockquote\]\:before\:content_open-quote blockquote:before {
        content: open-quote
    }

    .\[\&_blockquote\]\:before\:top_12 blockquote:before {
        top: 12px
    }

    .\[\&_blockquote\]\:before\:left_-32px blockquote:before {
        left: -32px
    }

    .\[\&_blockquote\]\:before\:fs_64 blockquote:before {
        font-size: var(--font-sizes-64)
    }

    .\[\&_\>_\*\]\:before\:content_\"\" > :before {
        content: ""
    }

    .\[\&_\>_\*\]\:before\:top_0 > :before {
        top: 0
    }

    .\[\&_\>_\*\]\:before\:left_0 > :before {
        left: 0
    }

    .\[\&_\>_\:last-child\]\:after\:content_\"\" > :last-child:after {
        content: ""
    }

    .\[\&_\>_\:last-child\]\:after\:bottom_0 > :last-child:after {
        bottom: 0
    }

    .\[\&_\>_\:last-child\]\:after\:left_0 > :last-child:after {
        left: 0
    }

    .\[\&_\>_td\:first-child\]\:before\:content_\"\" > td:first-child:before {
        content: ""
    }

    .\[\&_\>_td\:first-child\]\:before\:top_0 > td:first-child:before {
        top: 0
    }

    .\[\&_\>_td\:first-child\]\:before\:left_0 > td:first-child:before {
        left: 0
    }

    [data-lcu=true] .lcu\:after\:bg-c_surface\.level\.0:after {
        background-color: var(--colors-surface-level-0)
    }

    [data-lcu=true] .lcu\:before\:content_\"\":before {
        content: ""
    }

    [data-lcu=true] .lcu\:after\:bg-c_black\.100:after {
        background-color: var(--colors-black-100)
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:top_50\% > :not(:last-child):after {
        top: 50%
    }

    .\[\&_\>_\*\:not\(\:last-child\)\]\:after\:right_-16px > :not(:last-child):after {
        right: -16px
    }

    [data-lcu=true] .lcu\:after\:bg-c_black\.502:after {
        background-color: var(--colors-black-502)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:content_\"\"[data-hovered=true]:after {
        content: ""
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:top_0[data-hovered=true]:after {
        top: 0
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:left_-1px[data-hovered=true]:after {
        left: -1px
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:right_-1px[data-hovered=true]:after {
        right: -1px
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:bottom_0[data-hovered=true]:after {
        bottom: 0
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:bd-w_1[data-hovered=true]:after {
        border-width: 1px
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:border-style_solid[data-hovered=true]:after {
        border-style: solid
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:bd-c_stroke\.border\.secondary[data-hovered=true]:after {
        border-color: var(--colors-stroke-border-secondary)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\[data-last-team\=\"true\"\]\:after\]\:bdr-bl_xs[data-hovered=true][data-last-team=true]:after {
        border-bottom-left-radius: var(--radii-xs)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\[data-last-team\=\"true\"\]\:after\]\:bdr-br_xs[data-hovered=true][data-last-team=true]:after {
        border-bottom-right-radius: var(--radii-xs)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\[data-last-team\=\"false\"\]\:after\]\:bdr-tl_xs[data-hovered=true][data-last-team=false]:after {
        border-top-left-radius: var(--radii-xs)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\[data-last-team\=\"false\"\]\:after\]\:bdr-tr_xs[data-hovered=true][data-last-team=false]:after {
        border-top-right-radius: var(--radii-xs)
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\[data-last-team\=\"false\"\]\:after\]\:bottom_-1px[data-hovered=true][data-last-team=false]:after {
        bottom: -1px
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:left_0[data-hovered=true]:after {
        left: 0
    }

    .\[\&\[data-hovered\=\"true\"\]\]\:\[\&\:after\]\:right_0[data-hovered=true]:after {
        right: 0
    }

    .focusVisible\:\[\&_\[data-focus-visible\=\"true\"\]\]\:bg_surface\.level\.2:is(:focus-visible, [data-focus-visible]) [data-focus-visible=true] {
        background: var(--colors-surface-level-2)
    }

    .focusVisible\:\[\&_\[data-focus-visible\=\"true\"\]\]\:ring-o_-2px:is(:focus-visible, [data-focus-visible]) [data-focus-visible=true] {
        outline-offset: -2px
    }

    .focus\:hover\:bx-sh_0_0_0_2px_\{colors\.surface\.level\.2\}:is(:focus, [data-focus]):is(:hover, [data-hover]) {
        box-shadow: 0 0 0 2px var(--colors-surface-level-2)
    }

    .focusVisible\:\[\&_circle\]\:c_text\.primary:is(:focus-visible, [data-focus-visible]) circle {
        color: var(--colors-text-primary)
    }

    .focusVisible\:\[\&_path\]\:c_accent\.primary:is(:focus-visible, [data-focus-visible]) path {
        color: var(--colors-accent-primary)
    }

    .focusVisible\:\[\&_\[data-focus-visible\=\"true\"\]\]\:outline-style_auto:is(:focus-visible, [data-focus-visible]) [data-focus-visible=true] {
        outline-style: auto
    }

    .focusVisible\:\[\&_\[data-focus-visible\=\"true\"\]\]\:ring-w_1px:is(:focus-visible, [data-focus-visible]) [data-focus-visible=true] {
        outline-width: 1px
    }

    .hover\:\[\&_\>_svg\]\:c_icon\.primary:is(:hover, [data-hover]) > svg {
        color: var(--colors-icon-primary)
    }

    .hover\:disabled\:bg_surface\.level\.4:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
        background: var(--colors-surface-level-4)
    }

    .hover\:disabled\:cursor_not-allowed:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
        cursor: not-allowed
    }

    .hover\:\[\&\[data-state\=active\]\]\:bg_home\.filter\.toggleBgActive:is(:hover, [data-hover])[data-state=active] {
        background: var(--colors-home-filter-toggle-bg-active)
    }

    .hover\:\[\&_svg\]\:op_1:is(:hover, [data-hover]) svg {
        opacity: 1
    }

    .hover\:\[\&_\>_img\]\:trf_scale\(1\.1\):is(:hover, [data-hover]) > img {
        transform: scale(1.1)
    }

    .hover\:\[\&_\>_img\]\:op_0\.4:is(:hover, [data-hover]) > img {
        opacity: .4
    }

    [data-lcu=true] .hover\:lcu\:bg_\{colors\.surface\.level\.3\}\!:is(:hover, [data-hover]) {
        background: var(--colors-surface-level-3) !important
    }

    [data-lcu=true] .hover\:lcu\:pos_relative:is(:hover, [data-hover]) {
        position: relative
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"tier3\"\]\]\:lcu\:after\:op_0\.15[data-rarity=tier3]:after,
    [data-lcu=true] .\[\&\[data-rarity\=\"tier4\"\]\]\:lcu\:after\:op_0\.15[data-rarity=tier4]:after {
        opacity: .15
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"perfect\"\]\]\:lcu\:after\:bg_linear-gradient\(133deg\,_\{colors\.rainbow\.100\}_2\.44\%\,_\{colors\.rainbow\.200\}_24\.44\%\,_\{colors\.rainbow\.300\}_47\.41\%\,_\{colors\.rainbow\.400\}_69\.4\%\,_\{colors\.rainbow\.500\}_100\.19\%\)\,_\{colors\.surface\.level\.3\}[data-rarity=perfect]:after {
        background: linear-gradient(133deg,var(--colors-rainbow-100) 2.44%,var(--colors-rainbow-200) 24.44%,var(--colors-rainbow-300) 47.41%,var(--colors-rainbow-400) 69.4%,var(--colors-rainbow-500) 100.19%),var(--colors-surface-level-3)
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"perfect\"\]\]\:lcu\:after\:op_0\.15[data-rarity=perfect]:after,
    [data-lcu=true] .\[\&\[data-rarity\=\"tier1\"\]\]\:lcu\:after\:op_0\.15[data-rarity=tier1]:after,
    [data-lcu=true] .\[\&\[data-rarity\=\"tier2\"\]\]\:lcu\:after\:op_0\.15[data-rarity=tier2]:after {
        opacity: .15
    }

    .\[\&\[data-state\=\"checked\"\]\]\:hover\:focus\:bx-sh_0_0_0_2px_\{colors\.stroke\.rule\}[data-state=checked]:is(:hover, [data-hover]):is(:focus, [data-focus]) {
        box-shadow: 0 0 0 2px var(--colors-stroke-rule)
    }

    .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_circle\]\:fill_accent\.primary[data-icon=play] svg circle {
        fill: var(--colors-accent-primary)
    }

    .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_path\]\:stk_white\.100[data-icon=play] svg path {
        stroke: var(--colors-white-100)
    }

    [data-lcu=true] .even\:lcu\:after\:bg_surface\.level\.0:nth-child(2n):after {
        background: var(--colors-surface-level-0)
    }

    [data-lcu=true] .even\:lcu\:after\:op_0\.25:nth-child(2n):after {
        opacity: .25
    }

    [data-lcu=true] .\[\&\[data-active-player\=\"true\"\]\]\:lcu\:after\:bg_scoring\.partial[data-active-player=true]:after {
        background: var(--colors-scoring-partial)
    }

    [data-lcu=true] .\[\&\[data-active-player\=\"true\"\]\]\:lcu\:after\:op_0\.1[data-active-player=true]:after {
        opacity: .1
    }

    [data-lcu=true] .even\:lcu\:after\:inset_0:nth-child(2n):after {
        inset: 0
    }

    [data-lcu=true] .even\:lcu\:after\:pointer-events_none:nth-child(2n):after {
        pointer-events: none
    }

    [data-lcu=true] .even\:lcu\:after\:pos_absolute:nth-child(2n):after {
        position: absolute
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"tier4\"\]\]\:lcu\:after\:bg-c_pickems\.rewards\.tier4[data-rarity=tier4]:after {
        background-color: var(--colors-pickems-rewards-tier4)
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"tier3\"\]\]\:lcu\:after\:bg-c_pickems\.rewards\.tier3[data-rarity=tier3]:after {
        background-color: var(--colors-pickems-rewards-tier3)
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"tier2\"\]\]\:lcu\:after\:bg-c_pickems\.rewards\.tier2[data-rarity=tier2]:after {
        background-color: var(--colors-pickems-rewards-tier2)
    }

    [data-lcu=true] .\[\&\[data-rarity\=\"tier1\"\]\]\:lcu\:after\:bg-c_pickems\.rewards\.tier1[data-rarity=tier1]:after {
        background-color: var(--colors-pickems-rewards-tier1)
    }

    [data-lcu=true] .even\:lcu\:after\:content_\"\":nth-child(2n):after {
        content: ""
    }

    [data-lcu=true] .hover\:lcu\:after\:bg_surface\.level\.3:is(:hover, [data-hover]):after {
        background: var(--colors-surface-level-3)
    }

    [data-lcu=true] .hover\:lcu\:after\:inset_0:is(:hover, [data-hover]):after {
        inset: 0
    }

    [data-lcu=true] .hover\:lcu\:after\:op_0\.6:is(:hover, [data-hover]):after {
        opacity: .6
    }

    [data-lcu=true] .hover\:lcu\:after\:pointer-events_none:is(:hover, [data-hover]):after {
        pointer-events: none
    }

    [data-lcu=true] .hover\:lcu\:after\:pos_absolute:is(:hover, [data-hover]):after {
        position: absolute
    }

    [data-lcu=true] .hover\:lcu\:after\:bg_surface\.level\.0:is(:hover, [data-hover]):after {
        background: var(--colors-surface-level-0)
    }

    [data-lcu=true] .hover\:lcu\:after\:op_0\.25:is(:hover, [data-hover]):after {
        opacity: .25
    }

    [data-lcu=true] .hover\:lcu\:after\:content_\"\":is(:hover, [data-hover]):after {
        content: ""
    }

    .group:is(:hover, [data-hover]) .groupHover\:\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_circle\]\:fill_white\.100[data-icon=play] svg circle {
        fill: var(--colors-white-100)
    }

    .group:is(:hover, [data-hover]) .groupHover\:\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_path\]\:fill_accent\.primary[data-icon=play] svg path {
        fill: var(--colors-accent-primary)
    }

    .group:is(:hover, [data-hover]) .groupHover\:\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_path\]\:stk_accent\.primary[data-icon=play] svg path {
        stroke: var(--colors-accent-primary)
    }

    @media screen and (min-width:0rem) {
        .xs\:h_650 {
            height: 650px
        }

        .xs\:w_100\% {
            width: 100%
        }

        .xs\:m_10px_10px {
            margin: 10px
        }

        .xs\:px_16 {
            padding-inline: 16px
        }
    }

    @media screen and (min-width:0rem) and (max-width:39.9975rem) {
        .xsToSm\:d_none {
            display: none
        }

        .xsToSm\:ai_center {
            align-items: center
        }

        .xsToSm\:grid-tc_40px_40px_1fr {
            grid-template-columns: 40px 40px 1fr
        }

        .xsToSm\:grid-tr_1fr_auto {
            grid-template-rows: 1fr auto
        }

        .xsToSm\:grid-template-areas_\"teamA_teamB_details\"_\"extra_extra_extra\" {
            grid-template-areas: "teamA teamB details" "extra extra extra"
        }

        .xsOnly\:fs_12 {
            font-size: var(--font-sizes-12)
        }

        .xsOnly\:fs_24 {
            font-size: var(--font-sizes-24)
        }

        .xsOnly\:lh_120\% {
            line-height: 120%
        }

        .\[\&_\[data-tag\=long\]\]\:xsToSm\:d_none [data-tag=long] {
            display: none
        }

        .\[\&_\[data-tag\=short\]\]\:xsToSm\:d_block [data-tag=short] {
            display: block
        }
    }

    @media screen and (min-width:0rem) and (max-width:47.9975rem) {
        .xsToMd\:bg_bg\.secondary {
            background: var(--colors-bg-secondary)
        }

        .xsToMd\:bd-t_1px_solid_\{colors\.rule\.primary\} {
            border-top: 1px solid var(--colors-rule-primary)
        }

        .xsToMd\:bd-b_none {
            border-bottom: none
        }

        .xsToMd\:bd-r_none {
            border-right: none
        }
    }

    @media screen and (min-width:40rem) {
        .hide_sm {
            display: none
        }

        .sm\:min-h_calc\(100vh_-_374px\) {
            min-height: calc(100vh - 374px)
        }

        .sm\:w_calc\(100\%_-_48px\) {
            width: calc(100% - 48px)
        }

        .sm\:mx_24 {
            margin-inline: 24px
        }

        .sm\:my_35px_30px {
            margin-block: 35px 30px
        }

        .sm\:h_550 {
            height: 550px
        }

        .sm\:w_680 {
            width: 680px
        }

        .sm\:w_260 {
            width: 260px
        }

        .sm\:w_100\% {
            width: 100%
        }

        .sm\:max-w_464 {
            max-width: 464px
        }

        .sm\:h_32 {
            height: 32px
        }

        .sm\:h_118 {
            height: 118px
        }

        .sm\:p_24 {
            padding: 24px
        }

        .sm\:w_484 {
            width: 484px
        }

        .sm\:px_16 {
            padding-inline: 16px
        }

        .sm\:h_40 {
            height: 40px
        }

        .sm\:w_40 {
            width: 40px
        }

        .sm\:h_24 {
            height: 24px
        }

        .sm\:p_12px_16px {
            padding: 12px 16px
        }

        .sm\:h_16 {
            height: 16px
        }

        .sm\:px_24 {
            padding-inline: 24px
        }

        .sm\:min-w_150 {
            min-width: 150px
        }

        .sm\:py_0 {
            padding-block: 0
        }

        .sm\:px_0 {
            padding-inline: 0
        }

        .sm\:w_56 {
            width: 56px
        }

        .sm\:h_56 {
            height: 56px
        }

        .sm\:bdr_99 {
            border-radius: 99px
        }

        .sm\:max-w_calc\(100vw_-_32px\) {
            max-width: calc(100vw - 32px)
        }

        .sm\:h_80 {
            height: 80px
        }

        .sm\:w_max-content {
            width: max-content
        }

        .sm\:mx_auto {
            margin-inline: auto
        }

        .sm\:w_163 {
            width: 163px
        }

        .sm\:d_unset {
            display: unset
        }

        .sm\:bg_surface\.level\.1 {
            background: var(--colors-surface-level-1)
        }

        .sm\:bdr_8 {
            border-radius: 8px
        }

        .sm\:bd_1px_solid_\{colors\.stroke\.border\.primary\} {
            border: 1px solid var(--colors-stroke-border-primary)
        }

        .sm\:w_min\(100\%\,_681px\) {
            width: min(100%,681px)
        }

        .sm\:bg_unset {
            background: unset
        }

        .sm\:bdr_unset {
            border-radius: unset
        }

        .sm\:bd_unset {
            border: unset
        }

        .sm\:gap_32 {
            gap: 32px
        }

        .sm\:d_none {
            display: none
        }

        .sm\:py_12 {
            padding-block: 12px
        }

        .sm\:gap_28 {
            gap: 28px
        }

        .sm\:white-space_nowrap {
            white-space: nowrap
        }

        .sm\:w_508 {
            width: 508px
        }

        .sm\:trf_translate\(-50\%\,_-50\%\) {
            transform: translate(-50%,-50%)
        }

        .sm\:max-h_calc\(90dvh_-_40px\) {
            max-height: calc(90dvh - 40px)
        }

        .sm\:max-h_100\% {
            max-height: 100%
        }

        .sm\:w_min-content {
            width: min-content
        }

        .sm\:h_min-content {
            height: min-content
        }

        .sm\:py_16 {
            padding-block: 16px
        }

        .sm\:w_32 {
            width: 32px
        }

        .sm\:max-h_min\(420px\,_calc\(100dvh_-_248px_-_100px\)\) {
            max-height: min(420px,calc(100dvh - 248px - 100px))
        }

        .sm\:w_128 {
            width: 128px
        }

        .sm\:h_128 {
            height: 128px
        }

        .sm\:max-h_calc\(100dvh_-_80px\) {
            max-height: calc(100dvh - 80px)
        }

        .sm\:w_470 {
            width: 470px
        }

        .sm\:max-h_min\(672px\,_calc\(100dvh_-_100px\)\) {
            max-height: min(672px,calc(100dvh - 100px))
        }

        .sm\:p_32 {
            padding: 32px
        }

        .sm\:min-w_max-content {
            min-width: max-content
        }

        .sm\:h_100 {
            height: 100px
        }

        .sm\:asp_16\:9 {
            aspect-ratio: var(--aspect-ratios-16\:9)
        }

        .sm\:h_auto {
            height: auto
        }

        .sm\:bd-b_none {
            border-bottom: none
        }

        .sm\:w_calc\(100\%_-_64px\) {
            width: calc(100% - 64px)
        }

        .sm\:p_6px_17px_6px_8px {
            padding: 6px 17px 6px 8px
        }

        .sm\:pos_absolute {
            position: absolute
        }

        .sm\:inset_0 {
            inset: 0
        }

        .sm\:p_20px_20px_40px_20px {
            padding: 20px 20px 40px
        }

        .sm\:min-w_280 {
            min-width: 280px
        }

        .sm\:max-w_350 {
            max-width: 350px
        }

        .sm\:gap_6 {
            gap: 6px
        }

        .sm\:p_16 {
            padding: 16px
        }

        .sm\:mx_48 {
            margin-inline: 48px
        }

        .sm\:gap_16 {
            gap: 16px
        }

        .sm\:p_8px_24px_10px_24px {
            padding: 8px 24px 10px
        }

        .sm\:flex_unset {
            flex: unset
        }

        .sm\:h_48 {
            height: 48px
        }

        .sm\:w_48 {
            width: 48px
        }

        .sm\:p_15px_8px {
            padding: 15px 8px
        }

        .sm\:min-h_80 {
            min-height: 80px
        }

        .sm\:min-h_178 {
            min-height: 178px
        }

        .sm\:h_72 {
            height: 72px
        }

        .sm\:w_72 {
            width: 72px
        }

        .sm\:p_21px_0 {
            padding: 21px 0
        }

        .sm\:w_fit-content {
            width: fit-content
        }

        .sm\:min-w_300 {
            min-width: 300px
        }

        .sm\:w_300 {
            width: 300px
        }

        .sm\:d_block {
            display: block
        }

        .sm\:w_auto {
            width: auto
        }

        .sm\:min-w_340 {
            min-width: 340px
        }

        .sm\:w_340 {
            width: 340px
        }

        .sm\:jc_flex-start {
            justify-content: flex-start
        }

        .sm\:ai_flex-start {
            align-items: flex-start
        }

        .sm\:fs_24 {
            font-size: var(--font-sizes-24)
        }

        .sm\:mt_48 {
            margin-top: 48px
        }

        .sm\:flex-d_row {
            flex-direction: row
        }

        .sm\:jc_space-evenly {
            justify-content: space-evenly
        }

        .sm\:mb_12 {
            margin-bottom: 12px
        }

        .sm\:fs_96 {
            font-size: 96px
        }

        .sm\:fs_100 {
            font-size: 100px
        }

        .sm\:lh_72px {
            line-height: 72px
        }

        .sm\:fs_64 {
            font-size: var(--font-sizes-64)
        }

        .sm\:lh_48px {
            line-height: 48px
        }

        .sm\:jc_center {
            justify-content: center
        }

        .sm\:flex-d_column {
            flex-direction: column
        }

        .sm\:mr_8 {
            margin-right: 8px
        }

        .sm\:grid-tc_1fr_min-content_min-content_min-content {
            grid-template-columns: 1fr min-content min-content min-content
        }

        .sm\:grid-ar_1fr {
            grid-auto-rows: 1fr
        }

        .sm\:grid-template-areas_\"date_navigate_filter_settings\" {
            grid-template-areas: "date navigate filter settings"
        }

        .sm\:pt_24 {
            padding-top: 24px
        }

        .sm\:pt_unset {
            padding-top: unset
        }

        .sm\:grid-template-areas_\"tag_separator_tag_separator_tag\" {
            grid-template-areas: "tag separator tag separator tag"
        }

        .sm\:grid-tc_repeat\(5\,_max-content\) {
            grid-template-columns: repeat(5,max-content)
        }

        .sm\:pb_8 {
            padding-bottom: 8px
        }

        .sm\:ai_stretch {
            align-items: stretch
        }

        .sm\:jc_space-between {
            justify-content: space-between
        }

        .sm\:grid-ar_max-content {
            grid-auto-rows: max-content
        }

        .sm\:pt_48 {
            padding-top: 48px
        }

        .sm\:top_calc\(50\%_\+_40px\) {
            top: calc(50% + 40px)
        }

        .sm\:left_50\% {
            left: 50%
        }

        .sm\:ov-y_auto {
            overflow-y: auto
        }

        .sm\:flex-g_1 {
            flex-grow: 1
        }

        .sm\:ai_center {
            align-items: center
        }

        .sm\:mt_80 {
            margin-top: 80px
        }

        .sm\:grid-tc_40px_1fr {
            grid-template-columns: 40px 1fr
        }

        .sm\:fs_80 {
            font-size: 80px
        }

        .sm\:lh_80px {
            line-height: 80px
        }

        .sm\:pb_unset {
            padding-bottom: unset
        }

        .sm\:pb_0 {
            padding-bottom: 0
        }

        .sm\:mb_60 {
            margin-bottom: 60px
        }

        .sm\:mt_0 {
            margin-top: 0
        }

        .sm\:top_50\% {
            top: 50%
        }

        .sm\:grid-tc_repeat\(5\,_1fr\) {
            grid-template-columns: repeat(5,1fr)
        }

        .sm\:jc_start {
            justify-content: start
        }

        .sm\:\[\&_\>_\[data-logo\=\"P\"\]\]\:ls_-0\.04em > [data-logo=P] {
            letter-spacing: -.04em
        }

        .sm\:\[\&_\>_\[data-logo\=\"I\"\]\]\:ls_-0\.08em > [data-logo=I] {
            letter-spacing: -.08em
        }

        .sm\:\[\&_\>_\[data-logo\=\"CK\"\]\]\:ls_-0\.07em > [data-logo=CK],
        .sm\:\[\&_\>_\[data-logo\=\"EMS\"\]\]\:ls_-0\.07em > [data-logo=EMS] {
            letter-spacing: -.07em
        }

        .\[\&_\[data-carousel-item\=\"true\"\]\]\:sm\:flex_0_0_50\% [data-carousel-item=true] {
            flex: 0 0 50%
        }

        .\[\&_\>_\[data-tagline\=\"separator\"\]\]\:sm\:d_unset > [data-tagline=separator] {
            display: unset
        }

        .\[\&_\>_\[data-tagline\=\"bullet\"\]\]\:sm\:d_none > [data-tagline=bullet],
        .sm\:\[\&_\>_\*\:not\(\:last-child\)\:after\]\:d_none > :not(:last-child):after {
            display: none
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:d_block > :last-child:after {
            display: block
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:pos_absolute > :last-child:after {
            position: absolute
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:bg_stroke\.brand > :last-child:after {
            background: var(--colors-stroke-brand)
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:w_64 > :last-child:after {
            width: 64px
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:h_2 > :last-child:after {
            height: 2px
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:z_zBelow > :last-child:after {
            z-index: var(--z-index-z-below)
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:trf_translateY\(-50\%\) > :last-child:after {
            transform: translateY(-50%)
        }

        [data-lcu=true] .sm\:lcu\:trf_translate\(-50\%\,_-50\%\)_scale\(0\.8\) {
            transform: translate(-50%,-50%) scale(.8)
        }

        .sm\:after\:d_flex:after {
            display: flex
        }

        .sm\:before\:w_18:before {
            width: 18px
        }

        .sm\:before\:h_18:before {
            height: 18px
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:sm\:fs_28 {
            font-size: var(--font-sizes-28)
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:sm\:lh_20px {
            line-height: 20px
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:sm\:fs_36 {
            font-size: var(--font-sizes-36)
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:sm\:lh_24px {
            line-height: 24px
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:sm\:fs_18 {
            font-size: var(--font-sizes-18)
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:sm\:fs_24 {
            font-size: var(--font-sizes-24)
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:sm\:lh_16px {
            line-height: 16px
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:content_\"\" > :last-child:after {
            content: ""
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:left_-65px > :last-child:after {
            left: -65px
        }

        .sm\:\[\&_\>_\*\:last-child\:after\]\:top_50\% > :last-child:after {
            top: 50%
        }

        [data-lcu=true] .sm\:lcu\:top_calc\(50\%_-_40px\) {
            top: calc(50% - 40px)
        }
    }

    @media screen and (min-width:48rem) {
        .md\:min-h_calc\(100vh_-_335px\) {
            min-height: calc(100vh - 335px)
        }

        .md\:w_calc\(100\%_-_64px\) {
            width: calc(100% - 64px)
        }

        .md\:mx_32 {
            margin-inline: 32px
        }

        .md\:my_55px_16px {
            margin-block: 55px 16px
        }

        .md\:h_550 {
            height: 550px
        }

        .md\:w_680 {
            width: 680px
        }

        .md\:bdr_8 {
            border-radius: 8px
        }

        .md\:bg_linear-gradient\(to_right\,_\{colors\.black\.104\}_0\%\,_\{colors\.black\.104\}_5\%\,_\{colors\.black\.104\/90\}_15\%\,_\{colors\.black\.104\/40\}_35\%\,_\{colors\.black\.104\/10\}_50\%\,_\{colors\.black\.104\/40\}_70\%\,_\{colors\.black\.104\/90\}_90\%\,_\{colors\.black\.104\}_98\%\,_\{colors\.black\.104\}_100\%\) {
            background: linear-gradient(to right,var(--colors-black-104) 0,var(--colors-black-104) 5%,color-mix(in srgb,var(--colors-black-104) 90%,transparent) 15%,color-mix(in srgb,var(--colors-black-104) 40%,transparent) 35%,color-mix(in srgb,var(--colors-black-104) 10%,transparent) 50%,color-mix(in srgb,var(--colors-black-104) 40%,transparent) 70%,color-mix(in srgb,var(--colors-black-104) 90%,transparent) 90%,var(--colors-black-104) 98%,var(--colors-black-104) 100%)
        }

        .md\:px_30 {
            padding-inline: 30px
        }

        .md\:min-h_calc\(100dvh_-_80px_-_100px\) {
            min-height: calc(100dvh - 80px - 100px)
        }

        .md\:px_20 {
            padding-inline: 20px
        }

        .md\:py_24 {
            padding-block: 24px
        }

        .md\:py_48 {
            padding-block: 48px
        }

        .md\:mx_70 {
            margin-inline: 70px
        }

        .md\:w_fit-content {
            width: fit-content
        }

        .md\:bd_none {
            border: none
        }

        .md\:h_60 {
            height: 60px
        }

        .md\:gap_70 {
            gap: 70px
        }

        .md\:px_24 {
            padding-inline: 24px
        }

        .md\:d_inline {
            display: inline
        }

        .md\:w_40\% {
            width: 40%
        }

        .md\:w_min\(calc\(100\%_-_32px\)\,_2040px\) {
            width: min(calc(100% - 32px),2040px)
        }

        .md\:min-h_calc\(100vh_-_200px_-_103px_-_80px_-_100px_-_16px\) {
            min-height: calc(100vh - 200px - 103px - 80px - 100px - 16px)
        }

        .md\:px_500 {
            padding-inline: var(--spacing-500)
        }

        .md\:px_70 {
            padding-inline: 70px
        }

        .md\:w_75 {
            width: 75px
        }

        .md\:h_75 {
            height: 75px
        }

        .md\:w_270 {
            width: 270px
        }

        .md\:w_296 {
            width: 296px
        }

        .md\:max-w_630 {
            max-width: 630px
        }

        .md\:d_block {
            display: block
        }

        .md\:h_300 {
            height: 300px
        }

        .md\:max-w_calc\(100vw_-_250px\) {
            max-width: calc(100vw - 250px)
        }

        .md\:w_32 {
            width: 32px
        }

        .md\:h_32 {
            height: 32px
        }

        .md\:min-h_38 {
            min-height: 38px
        }

        .md\:min-w_150 {
            min-width: 150px
        }

        .md\:py_8 {
            padding-block: 8px
        }

        .md\:px_16 {
            padding-inline: 16px
        }

        .md\:max-w_calc\(100vw_-_48px\) {
            max-width: calc(100vw - 48px)
        }

        .md\:min-h_100 {
            min-height: 100px
        }

        .md\:gap_8 {
            gap: 8px
        }

        .md\:w_40 {
            width: 40px
        }

        .md\:h_40 {
            height: 40px
        }

        .md\:w_48 {
            width: 48px
        }

        .md\:h_48 {
            height: 48px
        }

        .md\:h_20 {
            height: 20px
        }

        .md\:h_102 {
            height: 102px
        }

        .md\:p_24 {
            padding: 24px
        }

        .md\:h_16 {
            height: 16px
        }

        .md\:w_16 {
            width: 16px
        }

        .md\:px_32 {
            padding-inline: 32px
        }

        .md\:gap_32 {
            gap: 32px
        }

        .md\:obj-p_center {
            object-position: center
        }

        .md\:p_10 {
            padding: 10px
        }

        .md\:bg_white\.100\/60 {
            --mix-background: color-mix(in srgb,var(--colors-white-100) 60%,transparent);
            background: var(--mix-background,var(--colors-white-100))
        }

        .md\:bg_valMasters\.black\/20 {
            --mix-background: color-mix(in srgb,var(--colors-val-masters-black) 20%,transparent);
            background: var(--mix-background,var(--colors-val-masters-black))
        }

        .md\:w_681 {
            width: 681px
        }

        .md\:px_unset {
            padding-inline: unset
        }

        .md\:px_8 {
            padding-inline: 8px
        }

        .md\:h_288 {
            height: 288px
        }

        .md\:my_32 {
            margin-block: 32px
        }

        .md\:py_16 {
            padding-block: 16px
        }

        .md\:px_48 {
            padding-inline: 48px
        }

        .md\:py_10 {
            padding-block: 10px
        }

        .md\:py_12 {
            padding-block: 12px
        }

        .md\:w_20 {
            width: 20px
        }

        .md\:px_72 {
            padding-inline: 72px
        }

        .md\:bg_surface\.level\.1 {
            background: var(--colors-surface-level-1)
        }

        .md\:py_32 {
            padding-block: 32px
        }

        .md\:gap_16 {
            gap: 16px
        }

        .md\:max-w_unset {
            max-width: unset
        }

        .md\:bd-x_1px_solid_\{colors\.stroke\.border\.primary\} {
            border-inline: 1px solid var(--colors-stroke-border-primary)
        }

        .md\:d_unset {
            display: unset
        }

        .md\:flex_none {
            flex: none
        }

        .md\:d_none {
            display: none
        }

        .md\:d_flex {
            display: flex
        }

        .md\:min-h_98 {
            min-height: 98px
        }

        .md\:w_100\% {
            width: 100%
        }

        .md\:mx_unset {
            margin-inline: unset
        }

        .md\:w_unset {
            width: unset
        }

        .md\:d_unset\! {
            display: unset !important
        }

        .md\:h_auto {
            height: auto
        }

        .md\:asp_auto {
            aspect-ratio: auto
        }

        .md\:h_100\% {
            height: 100%
        }

        .md\:p_20px_20px_35px_20px {
            padding: 20px 20px 35px
        }

        .md\:w_540 {
            width: 540px
        }

        .md\:flex_1_1_100\% {
            flex: 1 1 100%
        }

        .md\:w_60 {
            width: 60px
        }

        .md\:px_4 {
            padding-inline: 4px
        }

        .md\:w_390 {
            width: 390px
        }

        .md\:max-h_calc\(100dvh_-_270px\) {
            max-height: calc(100dvh - 270px)
        }

        .md\:ta_unset {
            text-align: unset
        }

        .md\:p_8px_20px_10px_20px {
            padding: 8px 20px 10px
        }

        .md\:min-w_372 {
            min-width: 372px
        }

        .md\:max-w_372 {
            max-width: 372px
        }

        .md\:gap_80 {
            gap: 80px
        }

        .md\:min-w_310 {
            min-width: 310px
        }

        .md\:max-w_310 {
            max-width: 310px
        }

        .md\:w_308 {
            width: 308px
        }

        .md\:h_min-content {
            height: min-content
        }

        .md\:min-w_260 {
            min-width: 260px
        }

        .md\:w_260 {
            width: 260px
        }

        .md\:bd-r_1px_solid_\{colors\.rule\.primary\} {
            border-right: 1px solid var(--colors-rule-primary)
        }

        .md\:max-w_400 {
            max-width: 400px
        }

        .md\:w_400 {
            width: 400px
        }

        .md\:bd-t_none {
            border-top: none
        }

        .md\:max-h_350 {
            max-height: 350px
        }

        .md\:fs_28 {
            font-size: var(--font-sizes-28)
        }

        .md\:grid-tr_max-content_60px {
            grid-template-rows: max-content 60px
        }

        .md\:jc_end {
            justify-content: end
        }

        .md\:mr_16 {
            margin-right: 16px
        }

        .md\:jc_start {
            justify-content: start
        }

        .md\:grid-template-areas_\"title_widget\" {
            grid-template-areas: "title widget"
        }

        .md\:grid-tc_auto_1fr {
            grid-template-columns: auto 1fr
        }

        .md\:grid-tr_unset {
            grid-template-rows: unset
        }

        .md\:pt_24px {
            padding-top: 24px
        }

        .md\:fs_100 {
            font-size: 100px
        }

        .md\:lh_100px {
            line-height: 100px
        }

        .md\:grid-tc_repeat\(2\,_1fr\) {
            grid-template-columns: repeat(2,1fr)
        }

        .md\:mt_60px\! {
            margin-top: 60px !important
        }

        .md\:mt_50 {
            margin-top: var(--spacing-50)
        }

        .md\:mt_15 {
            margin-top: 15px
        }

        .md\:flex-d_row {
            flex-direction: row
        }

        .md\:jc_space-between {
            justify-content: space-between
        }

        .md\:ai_center {
            align-items: center
        }

        .md\:pl_16 {
            padding-left: 16px
        }

        .md\:pr_8 {
            padding-right: 8px
        }

        .md\:grid-tc_50px_50px_1fr_minmax\(32px\,_auto\) {
            grid-template-columns: 50px 50px 1fr minmax(32px,auto)
        }

        .md\:grid-tc_50px_50px_1fr_max-content {
            grid-template-columns: 50px 50px 1fr max-content
        }

        .md\:left_40 {
            left: 40px
        }

        .md\:bottom_40 {
            bottom: 40px
        }

        .md\:bottom_10px {
            bottom: 10px
        }

        .md\:grid-tr_max-content_max-content {
            grid-template-rows: max-content max-content
        }

        .md\:pt_15 {
            padding-top: 15px
        }

        .md\:pl_12 {
            padding-left: 12px
        }

        .md\:pr_13 {
            padding-right: 13px
        }

        .md\:grid-template-areas_\"rank_rPad_avatar_aPad_name_pPad_points\" {
            grid-template-areas: "rank rPad avatar aPad name pPad points"
        }

        .md\:grid-tc_112px_32px_40px_12px_1fr_8px_80px {
            grid-template-columns: 112px 32px 40px 12px 1fr 8px 80px
        }

        .md\:ml_8 {
            margin-left: 8px
        }

        .md\:justify-self_end {
            justify-self: end
        }

        .md\:mb_unset {
            margin-bottom: unset
        }

        .md\:mt_12 {
            margin-top: 12px
        }

        .md\:mb_0 {
            margin-bottom: 0
        }

        .md\:ai_end {
            align-items: end
        }

        .md\:pb_unset {
            padding-bottom: unset
        }

        .md\:mb_8 {
            margin-bottom: 8px
        }

        .md\:mb_10 {
            margin-bottom: 10px
        }

        .md\:mr_unset {
            margin-right: unset
        }

        .md\:grid-tc_max-content_max-content_1fr {
            grid-template-columns: max-content max-content 1fr
        }

        .md\:grid-tr_1fr {
            grid-template-rows: 1fr
        }

        .md\:grid-template-areas_\"riot_sport_content\" {
            grid-template-areas: "riot sport content"
        }

        .md\:grid-cg_0 {
            grid-column-gap: 0
        }

        .md\:justify-self_flex-start {
            justify-self: flex-start
        }

        .md\:jc_flex-end {
            justify-content: flex-end
        }

        .md\:ai_flex-end {
            align-items: flex-end
        }

        .md\:as_center {
            align-self: center
        }

        .md\:mr_30 {
            margin-right: 30px
        }

        .md\:grid-tc_repeat\(6\,_1fr\) {
            grid-template-columns: repeat(6,1fr)
        }

        .md\:right_-24px {
            right: -24px
        }

        .md\:grid-tc_minmax\(250px\,_1fr\)_minmax\(250px\,_1fr\) {
            grid-template-columns: minmax(250px,1fr) minmax(250px,1fr)
        }

        .md\:flex-g_unset {
            flex-grow: unset
        }

        .md\:grid-template-areas_\"eventInfo_navChildren_eventOptions\" {
            grid-template-areas: "eventInfo navChildren eventOptions"
        }

        .md\:grid-tc_min-content_1fr_min-content {
            grid-template-columns: min-content 1fr min-content
        }

        .md\:grid-tr_60 {
            grid-template-rows: 60px
        }

        .md\:after\:d_none:after {
            display: none
        }

        .\[\&_\>_span\:first-child\]\:md\:max-w_calc\(100vw_-_250px\) > span:first-child,
        .\[\&_\>_span\:last-child\]\:md\:max-w_calc\(100vw_-_250px\) > span:last-child {
            max-width: calc(100vw - 250px)
        }

        button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:w_24,
        button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:w_24,
        button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:w_24 {
            width: 24px
        }

        button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:h_24,
        button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:h_24,
        button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:h_24 {
            height: 24px
        }

        .\[\&\:nth-child\(3\)\]\:md\:bd-l_1px_solid_\{colors\.stroke\.rule\}:nth-child(3) {
            border-left: 1px solid var(--colors-stroke-rule)
        }

        .\[\&\:nth-child\(3\)\]\:md\:bd-t_unset:nth-child(3) {
            border-top: unset
        }

        .\[\&\:nth-child\(3\)\]\:md\:px_16:nth-child(3) {
            padding-inline: 16px
        }

        .\[\&\:nth-child\(3\)\]\:md\:py_12:nth-child(3) {
            padding-block: 12px
        }

        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:px_16:first-child:last-child,
        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:px_16:nth-child(2):last-child[data-hide-stats=true] {
            padding-inline: 16px
        }

        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:py_12:first-child:last-child,
        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:py_12:nth-child(2):last-child[data-hide-stats=true] {
            padding-block: 12px
        }

        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:flex-d_column:first-child:last-child,
        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:flex-d_column:nth-child(2):last-child[data-hide-stats=true],
        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:flex-d_column:nth-child(3) {
            flex-direction: column
        }

        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:jc_end:first-child:last-child,
        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:jc_end:nth-child(2):last-child[data-hide-stats=true],
        .\[\&\:nth-child\(3\)\,_\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:md\:jc_end:nth-child(3) {
            justify-content: end
        }

        button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mb_10,
        button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mb_10,
        button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mb_10 {
            margin-bottom: 10px
        }

        button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mr_unset,
        button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mr_unset,
        button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:md\:mr_unset {
            margin-right: unset
        }

        [data-pickems-modal] .\[\[data-pickems-modal\]_\&\]\:md\:pb_16 {
            padding-bottom: 16px
        }
    }

    @media screen and (min-width:48rem) {
        .md\:hover\:bg_lolMSI\.darkGray\/60:is(:hover, [data-hover]) {
            --mix-background: color-mix(in srgb,var(--colors-lol-m-s-i-dark-gray) 60%,transparent);
            background: var(--mix-background,var(--colors-lol-m-s-i-dark-gray))
        }
    }

    @media screen and (min-width:48rem) {
        .md\:hover\:c_neutral\.100:is(:hover, [data-hover]) {
            color: var(--colors-neutral-100)
        }
    }

    @media screen and (min-width:48rem) {
        .md\:hover\:bg_valMasters\.black\/60:is(:hover, [data-hover]) {
            --mix-background: color-mix(in srgb,var(--colors-val-masters-black) 60%,transparent);
            background: var(--mix-background,var(--colors-val-masters-black))
        }
    }

    @media screen and (min-width:64rem) {
        .hide_lg {
            display: none
        }

        .lg\:px_70 {
            padding-inline: 70px
        }

        .lg\:op_0\.85 {
            opacity: .85
        }

        .lg\:px_32 {
            padding-inline: 32px
        }

        .lg\:py_48 {
            padding-block: 48px
        }

        .lg\:min-h_calc\(100vh_-_200px_-_103px_-_80px_-_100px_-_40px\) {
            min-height: calc(100vh - 200px - 103px - 80px - 100px - 40px)
        }

        .lg\:gap_16 {
            gap: 16px
        }

        .lg\:mx_auto {
            margin-inline: auto
        }

        .lg\:bg_linear-gradient\(0deg\,_\{colors\.black\.502\/40\}_0\%\,_\{colors\.black\.502\/40\}_100\%\)\,_linear-gradient\(90deg\,_\{colors\.black\.502\}_1\%\,_\{colors\.black\.502\/1\}_50\%\)\,_linear-gradient\(90deg\,_\{colors\.black\.502\/1\}_50\%\,_\{colors\.black\.502\}_100\%\) {
            background: linear-gradient(0deg,color-mix(in srgb,var(--colors-black-502) 40%,transparent) 0,color-mix(in srgb,var(--colors-black-502) 40%,transparent) 100%),linear-gradient(90deg,var(--colors-black-502) 1%,color-mix(in srgb,var(--colors-black-502) 1%,transparent) 50%),linear-gradient(90deg,color-mix(in srgb,var(--colors-black-502) 1%,transparent) 50%,var(--colors-black-502) 100%)
        }

        .lg\:min-h_calc\(100vh_-_200px_-_103px_-_80px_-_100px_-_20px\) {
            min-height: calc(100vh - 200px - 103px - 80px - 100px - 20px)
        }

        .lg\:d_flex {
            display: flex
        }

        .lg\:bdr_sm {
            border-radius: var(--radii-sm)
        }

        .lg\:w_100\% {
            width: 100%
        }

        .lg\:h_103 {
            height: 103px
        }

        .lg\:max-w_2040 {
            max-width: 2040px
        }

        .lg\:h_80 {
            height: 80px
        }

        .lg\:h_56 {
            height: 56px
        }

        .lg\:w_56 {
            width: 56px
        }

        .lg\:h_32 {
            height: 32px
        }

        .lg\:w_32 {
            width: 32px
        }

        .lg\:h_20 {
            height: 20px
        }

        .lg\:w_fit-content {
            width: fit-content
        }

        .lg\:w_max-content {
            width: max-content
        }

        .lg\:max-w_528 {
            max-width: 528px
        }

        .lg\:px_300 {
            padding-inline: var(--spacing-300)
        }

        .lg\:py_200 {
            padding-block: var(--spacing-200)
        }

        .lg\:w_50 {
            width: 50px
        }

        .lg\:h_30 {
            height: 30px
        }

        .lg\:w_24 {
            width: 24px
        }

        .lg\:h_24 {
            height: 24px
        }

        .lg\:w_12 {
            width: 12px
        }

        .lg\:h_12 {
            height: 12px
        }

        .lg\:px_105 {
            padding-inline: 105px
        }

        .lg\:max-w_1440 {
            max-width: 1440px
        }

        .lg\:w_75 {
            width: 75px
        }

        .lg\:h_75 {
            height: 75px
        }

        .lg\:w_230 {
            width: 230px
        }

        .lg\:w_33\% {
            width: 33%
        }

        .lg\:p_12px_8px {
            padding: 12px 8px
        }

        .lg\:d_inline-block {
            display: inline-block
        }

        .lg\:d_none {
            display: none
        }

        .lg\:ov_hidden {
            overflow: hidden
        }

        .lg\:tbl_fixed {
            table-layout: fixed
        }

        .lg\:w_96 {
            width: 96px
        }

        .lg\:w_148 {
            width: 148px
        }

        .lg\:w_260 {
            width: 260px
        }

        .lg\:w_196 {
            width: 196px
        }

        .lg\:w_auto {
            width: auto
        }

        .lg\:h_46 {
            height: 46px
        }

        .lg\:bdr_8 {
            border-radius: 8px
        }

        .lg\:max-w_calc\(100vw_-_350px\) {
            max-width: calc(100vw - 350px)
        }

        .lg\:min-w_175 {
            min-width: 175px
        }

        .lg\:h_102 {
            height: 102px
        }

        .lg\:px_24 {
            padding-inline: 24px
        }

        .lg\:p_32px_32px_12px_32px {
            padding: 32px 32px 12px
        }

        .lg\:mx_unset {
            margin-inline: unset
        }

        .lg\:p_24 {
            padding: 24px
        }

        .lg\:bg_surface\.level\.1 {
            background: var(--colors-surface-level-1)
        }

        .lg\:w_min\(100\%\,_1024px\) {
            width: min(100%,1024px)
        }

        .lg\:py_16 {
            padding-block: 16px
        }

        .lg\:px_40 {
            padding-inline: 40px
        }

        .lg\:py_24 {
            padding-block: 24px
        }

        .lg\:place-items_center {
            place-items: center
        }

        .lg\:px_96 {
            padding-inline: 96px
        }

        .lg\:h_324 {
            height: 324px
        }

        .lg\:gap_0 {
            gap: 0
        }

        .lg\:my_24 {
            margin-block: 24px
        }

        .lg\:px_48 {
            padding-inline: 48px
        }

        .lg\:w_470 {
            width: 470px
        }

        .lg\:p_32 {
            padding: 32px
        }

        .lg\:w_20 {
            width: 20px
        }

        .lg\:px_20 {
            padding-inline: 20px
        }

        .lg\:my_0 {
            margin-block: 0
        }

        .lg\:max-w_470 {
            max-width: 470px
        }

        .lg\:p_16 {
            padding: 16px
        }

        .lg\:gap_8 {
            gap: 8px
        }

        .lg\:py_10 {
            padding-block: 10px
        }

        .lg\:w_106 {
            width: 106px
        }

        .lg\:py_20 {
            padding-block: 20px
        }

        .lg\:op_unset {
            opacity: unset
        }

        .lg\:mx_6 {
            margin-inline: 6px
        }

        .lg\:w_168 {
            width: 168px
        }

        .lg\:h_168 {
            height: 168px
        }

        .lg\:m_6 {
            margin: 6px
        }

        .lg\:w_80 {
            width: 80px
        }

        .lg\:mx_32 {
            margin-inline: 32px
        }

        .lg\:gap_32 {
            gap: 32px
        }

        .lg\:p_8px_24px {
            padding: 8px 24px
        }

        .lg\:max-w_336 {
            max-width: 336px
        }

        .lg\:p_12 {
            padding: 12px
        }

        .lg\:gap_4 {
            gap: 4px
        }

        .lg\:c_unifiedText\.primary {
            color: var(--colors-unified-text-primary)
        }

        .lg\:p_48 {
            padding: 48px
        }

        .lg\:h_155 {
            height: 155px
        }

        .lg\:h_100\% {
            height: 100%
        }

        .lg\:asp_unset {
            aspect-ratio: unset
        }

        .lg\:max-h_768 {
            max-height: 768px
        }

        .lg\:w_127 {
            width: 127px
        }

        .lg\:h_127 {
            height: 127px
        }

        .lg\:w_125\% {
            width: 125%
        }

        .lg\:h_auto {
            height: auto
        }

        .lg\:h_22 {
            height: 22px
        }

        .lg\:w_22 {
            width: 22px
        }

        .lg\:w_52 {
            width: 52px
        }

        .lg\:h_48 {
            height: 48px
        }

        .lg\:w_48 {
            width: 48px
        }

        .lg\:w_540 {
            width: 540px
        }

        .lg\:p_24px_32px {
            padding: 24px 32px
        }

        .lg\:gap_24 {
            gap: 24px
        }

        .lg\:bd-b_unset {
            border-bottom: unset
        }

        .lg\:bd_1px_solid_\{colors\.stroke\.rule\} {
            border: 1px solid var(--colors-stroke-rule)
        }

        .lg\:p_8 {
            padding: 8px
        }

        .lg\:mx_40 {
            margin-inline: 40px
        }

        .lg\:px_16 {
            padding-inline: 16px
        }

        .lg\:py_8 {
            padding-block: 8px
        }

        .lg\:p_8px_32px_10px_32px {
            padding: 8px 32px 10px
        }

        .lg\:p_\{spacing\.200\}_\{spacing\.300\} {
            padding: var(--spacing-200) var(--spacing-300)
        }

        .lg\:bdr_radius\.container {
            border-radius: var(--radii-radius-container)
        }

        .lg\:max-h_400 {
            max-height: 400px
        }

        .lg\:grid-template-areas_\"title_widget\" {
            grid-template-areas: "title widget"
        }

        .lg\:grid-tc_auto_1fr {
            grid-template-columns: auto 1fr
        }

        .lg\:grid-tr_unset {
            grid-template-rows: unset
        }

        .lg\:ai_flex-start {
            align-items: flex-start
        }

        .lg\:jc_center {
            justify-content: center
        }

        .lg\:ac_flex-start {
            align-content: flex-start
        }

        .lg\:flex-d_row {
            flex-direction: row
        }

        .lg\:flex-wrap_wrap {
            flex-wrap: wrap
        }

        .lg\:fs_160 {
            font-size: 160px
        }

        .lg\:lh_160px {
            line-height: 160px
        }

        .lg\:grid-tc_repeat\(4\,_1fr\) {
            grid-template-columns: repeat(4,1fr)
        }

        .lg\:grid-tc_repeat\(3\,_1fr\) {
            grid-template-columns: repeat(3,1fr)
        }

        .lg\:ai_start {
            align-items: start
        }

        .lg\:mb_16 {
            margin-bottom: 16px
        }

        .lg\:mb_12 {
            margin-bottom: 12px
        }

        .lg\:as_end {
            align-self: end
        }

        .lg\:fs_136 {
            font-size: 136px
        }

        .lg\:lh_104px {
            line-height: 104px
        }

        .lg\:fs_68 {
            font-size: 68px
        }

        .lg\:lh_48px {
            line-height: 48px
        }

        .lg\:flex-wrap_nowrap {
            flex-wrap: nowrap
        }

        .lg\:mt_70 {
            margin-top: 70px
        }

        .lg\:grid-template-areas_\"imageGroup_imageGroup\"_\"metadata_title\"_\"metadata_description\" {
            grid-template-areas: "imageGroup imageGroup" "metadata title" "metadata description"
        }

        .lg\:grid-tc_min-content_1fr {
            grid-template-columns: min-content 1fr
        }

        .lg\:pr_40 {
            padding-right: 40px
        }

        .lg\:flex-d_column-reverse {
            flex-direction: column-reverse
        }

        .lg\:as_flex-start {
            align-self: flex-start
        }

        .lg\:fs_30 {
            font-size: 30px
        }

        .lg\:mr_64 {
            margin-right: 64px
        }

        .lg\:pl_24 {
            padding-left: 24px
        }

        .lg\:pt_32 {
            padding-top: 32px
        }

        .lg\:pt_unset {
            padding-top: unset
        }

        .lg\:grid-tc_100\% {
            grid-template-columns: 100%
        }

        .lg\:pt_128 {
            padding-top: 128px
        }

        .lg\:grid-tc_1fr_1fr {
            grid-template-columns: 1fr 1fr
        }

        .lg\:mb_0 {
            margin-bottom: 0
        }

        .lg\:mb_24 {
            margin-bottom: 24px
        }

        .lg\:jc_space-between {
            justify-content: space-between
        }

        .lg\:jc_flex-end {
            justify-content: flex-end
        }

        .lg\:top_24 {
            top: 24px
        }

        .lg\:right_24 {
            right: 24px
        }

        .lg\:mt_24 {
            margin-top: 24px
        }

        .lg\:jc_unset {
            justify-content: unset
        }

        .lg\:ai_center {
            align-items: center
        }

        .lg\:mt_0 {
            margin-top: 0
        }

        .lg\:ml_12 {
            margin-left: 12px
        }

        .lg\:grid-tc_minmax\(320px\,_25vw\)_1fr {
            grid-template-columns: minmax(320px,25vw) 1fr
        }

        .lg\:fs_100 {
            font-size: 100px
        }

        .lg\:pl_32 {
            padding-left: 32px
        }

        .lg\:lh_100\% {
            line-height: 100%
        }

        .lg\:lh_85px {
            line-height: 85px
        }

        .lg\:pb_0 {
            padding-bottom: 0
        }

        .lg\:grid-tc_repeat\(7\,_1fr\) {
            grid-template-columns: repeat(7,1fr)
        }

        .lg\:right_-24px {
            right: -24px
        }

        .lg\:pt_24 {
            padding-top: 24px
        }

        .lg\:grid-tc_2fr_1fr {
            grid-template-columns: 2fr 1fr
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:gap_16[data-contains-groups=true] {
            gap: 16px
        }

        [data-lcu=true] .lg\:lcu\:op_0\.5 {
            opacity: .5
        }

        .lg\:\[\&_\>_\[data-logo\=\"P\"\]\]\:ls_-0\.04em > [data-logo=P] {
            letter-spacing: -.04em
        }

        .lg\:\[\&_\>_\[data-logo\=\"I\"\]\]\:ls_-0\.08em > [data-logo=I] {
            letter-spacing: -.08em
        }

        .lg\:\[\&_\>_\[data-logo\=\"CK\"\]\]\:ls_-0\.07em > [data-logo=CK],
        .lg\:\[\&_\>_\[data-logo\=\"EMS\"\]\]\:ls_-0\.07em > [data-logo=EMS] {
            letter-spacing: -.07em
        }

        [data-state=checked] .lg\:\[\[data-state\=\"checked\"\]_\&\]\:trf_translateX\(22px\) {
            transform: translateX(22px)
        }

        .lg\:after\:d_block:after {
            display: block
        }

        .lg\:after\:bg_white\.101:after {
            background: var(--colors-white-101)
        }

        .\[\&_blockquote\]\:lg\:w_66\% blockquote {
            width: 66%
        }

        .\[\&_\[data-carousel-item\=\"true\"\]\]\:lg\:flex_0_0_33\.33\% [data-carousel-item=true] {
            flex: 0 0 33.33%
        }

        .\[\&_\>_span\:first-child\]\:lg\:max-w_calc\(100vw_-_350px\) > span:first-child,
        .\[\&_\>_span\:last-child\]\:lg\:max-w_calc\(100vw_-_350px\) > span:last-child {
            max-width: calc(100vw - 350px)
        }

        .lg\:\[\&_\>_\:last-child\]\:bd-b_1px_solid_\{colors\.stroke\.rule\} > :last-child {
            border-bottom: 1px solid var(--colors-stroke-rule)
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:ai_flex-start[data-contains-groups=true] {
            align-items: flex-start
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:jc_center[data-contains-groups=true] {
            justify-content: center
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:ac_flex-start[data-contains-groups=true] {
            align-content: flex-start
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:flex-d_row[data-contains-groups=true] {
            flex-direction: row
        }

        .lg\:\[\&\[data-contains-groups\=\"true\"\]\]\:flex-wrap_wrap[data-contains-groups=true] {
            flex-wrap: wrap
        }

        [data-lcu=true] .lg\:lcu\:bg-c_black\.502 {
            background-color: var(--colors-black-502)
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:lg\:fs_40 {
            font-size: var(--font-sizes-40)
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:lg\:fs_50 {
            font-size: 50px
        }

        [data-treatment=val-vct_masters] .valMastersTreatment\:lg\:lh_32px {
            line-height: 32px
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:lg\:fs_20 {
            font-size: var(--font-sizes-20)
        }

        [data-treatment=lol-msi] .lolMsiTreatment\:lg\:lh_12px {
            line-height: 12px
        }

        .\[\&_\>_\:first-child\]\:lg\:pl_24 > :first-child {
            padding-left: 24px
        }

        .\[\&_\>_\:last-child\]\:lg\:pr_24 > :last-child {
            padding-right: 24px
        }

        .lg\:\[\&_\>_\:first-child\]\:mb_unset > :first-child {
            margin-bottom: unset
        }
    }

    @media screen and (width > 1024px) {
        .\[\@media_screen_and_\(width_\>_token\(breakpoints\.lg\)\)\]\:d_none {
            display: none
        }
    }

    @media screen and (min-width:80rem) {
        .hide_xl {
            display: none
        }

        .xl\:w_calc\(100\%_-_10vw\) {
            width: calc(100% - 10vw)
        }

        .xl\:mx_5vw {
            margin-inline: 5vw
        }

        .xl\:px_48 {
            padding-inline: 48px
        }

        .xl\:p_48 {
            padding: 48px
        }

        .xl\:w_100\% {
            width: 100%
        }

        .xl\:max-w_1216 {
            max-width: 1216px
        }

        .xl\:mx_auto {
            margin-inline: auto
        }

        .xl\:px_0 {
            padding-inline: 0
        }

        .xl\:d_block {
            display: block
        }

        .xl\:h_64 {
            height: 64px
        }

        .xl\:w_64 {
            width: 64px
        }

        .xl\:h_164 {
            height: 164px
        }

        .xl\:w_164 {
            width: 164px
        }

        .xl\:px_24 {
            padding-inline: 24px
        }

        .xl\:max-w_1016 {
            max-width: 1016px
        }

        .xl\:d_none {
            display: none
        }

        .xl\:d_flex {
            display: flex
        }

        .xl\:flex_3 {
            flex: 3
        }

        .xl\:max-w_100\% {
            max-width: 100%
        }

        .xl\:flex_2 {
            flex: 2
        }

        .xl\:w_1696 {
            width: 1696px
        }

        .xl\:d_inline-block {
            display: inline-block
        }

        .xl\:p_10px_8px {
            padding: 10px 8px
        }

        .xl\:w_940 {
            width: 940px
        }

        .xl\:w_100 {
            width: 100px
        }

        .xl\:w_220 {
            width: 220px
        }

        .xl\:w_148 {
            width: 148px
        }

        .xl\:h_36 {
            height: 36px
        }

        .xl\:max-w_calc\(100vw_-_1000px\) {
            max-width: calc(100vw - 1000px)
        }

        .xl\:min-w_200 {
            min-width: 200px
        }

        .xl\:h_102 {
            height: 102px
        }

        .xl\:d_grid {
            display: grid
        }

        .xl\:gap_32 {
            gap: 32px
        }

        .xl\:w_auto {
            width: auto
        }

        .xl\:h_max-content {
            height: max-content
        }

        .xl\:mx_0 {
            margin-inline: 0
        }

        .xl\:grid-area_left {
            grid-area: left
        }

        .xl\:pos_sticky {
            position: sticky
        }

        .xl\:grid-area_right {
            grid-area: right
        }

        .xl\:h_16 {
            height: 16px
        }

        .xl\:w_16 {
            width: 16px
        }

        .xl\:h_20 {
            height: 20px
        }

        .xl\:w_20 {
            width: 20px
        }

        .xl\:my_30 {
            margin-block: 30px
        }

        .xl\:h_60 {
            height: 60px
        }

        .xl\:h_32 {
            height: 32px
        }

        .xl\:w_32 {
            width: 32px
        }

        .xl\:h_40 {
            height: 40px
        }

        .xl\:w_40 {
            width: 40px
        }

        .xl\:p_6px_12px {
            padding: 6px 12px
        }

        .xl\:gap_28 {
            gap: 28px
        }

        .xl\:max-w_800 {
            max-width: 800px
        }

        .xl\:m_12px_auto_0_auto {
            margin: 12px auto 0
        }

        .xl\:gap_24 {
            gap: 24px
        }

        .xl\:py_16 {
            padding-block: 16px
        }

        .xl\:px_16 {
            padding-inline: 16px
        }

        .xl\:h_100\% {
            height: 100%
        }

        .xl\:d_unset {
            display: unset
        }

        .xl\:px_32 {
            padding-inline: 32px
        }

        .xl\:py_32 {
            padding-block: 32px
        }

        .xl\:mx_4 {
            margin-inline: 4px
        }

        .xl\:m_4 {
            margin: 4px
        }

        .xl\:w_132 {
            width: 132px
        }

        .xl\:h_132 {
            height: 132px
        }

        .xl\:w_60 {
            width: 60px
        }

        .xl\:mx_16 {
            margin-inline: 16px
        }

        .xl\:gap_16 {
            gap: 16px
        }

        .xl\:max-h_1051 {
            max-height: 1051px
        }

        .xl\:min-w_260 {
            min-width: 260px
        }

        .xl\:max-w_260 {
            max-width: 260px
        }

        .xl\:h_28 {
            height: 28px
        }

        .xl\:w_28 {
            width: 28px
        }

        .xl\:w_650 {
            width: 650px
        }

        .xl\:p_8 {
            padding: 8px
        }

        .xl\:h_200 {
            height: 200px
        }

        .xl\:h_72 {
            height: 72px
        }

        .xl\:p_20px_16px {
            padding: 20px 16px
        }

        .xl\:p_12px_8px {
            padding: 12px 8px
        }

        .xl\:h_24 {
            height: 24px
        }

        .xl\:w_24 {
            width: 24px
        }

        .xl\:w_496 {
            width: 496px
        }

        .xl\:w_180 {
            width: 180px
        }

        .xl\:h_74 {
            height: 74px
        }

        .xl\:px_18 {
            padding-inline: 18px
        }

        .xl\:w_184 {
            width: 184px
        }

        .xl\:h_78 {
            height: 78px
        }

        .xl\:p_12 {
            padding: 12px
        }

        .xl\:h_48 {
            height: 48px
        }

        .xl\:w_48 {
            width: 48px
        }

        .xl\:p_24 {
            padding: 24px
        }

        .xl\:bdr_4 {
            border-radius: 4px
        }

        .xl\:bg_surface\.level\.2 {
            background: var(--colors-surface-level-2)
        }

        .xl\:py_8 {
            padding-block: 8px
        }

        .xl\:p_8px_48px_10px_48px {
            padding: 8px 48px 10px
        }

        .xl\:cg_24 {
            column-gap: 24px
        }

        .xl\:grid-template-areas_\"header_header\"_\"table_sidebar\" {
            grid-template-areas: "header header" "table sidebar"
        }

        .xl\:grid-tc_auto_1fr {
            grid-template-columns: auto 1fr
        }

        .xl\:grid-tr_auto_auto_1fr {
            grid-template-rows: auto auto 1fr
        }

        .xl\:grid-ar_unset {
            grid-auto-rows: unset
        }

        .xl\:grid-tr_max-content_max-content_1fr {
            grid-template-rows: max-content max-content 1fr
        }

        .xl\:grid-tc_auto_440px {
            grid-template-columns: auto 440px
        }

        .xl\:grid-template-areas_\"userBar_leaderboards\"_\"stages_leaderboards\"_\"tiers_leaderboards\" {
            grid-template-areas: "userBar leaderboards" "stages leaderboards" "tiers leaderboards"
        }

        .xl\:flex-d_column {
            flex-direction: column
        }

        .xl\:pt_50px {
            padding-top: 50px
        }

        .xl\:jc_center {
            justify-content: center
        }

        .xl\:ai_center {
            align-items: center
        }

        .xl\:pl_16 {
            padding-left: 16px
        }

        .xl\:justify-self_center {
            justify-self: center
        }

        .xl\:grid-tc_270px_minmax\(0\,_840px\)_270px {
            grid-template-columns: 270px minmax(0,840px) 270px
        }

        .xl\:grid-tr_1fr {
            grid-template-rows: 1fr
        }

        .xl\:grid-template-areas_\"left_main_right\" {
            grid-template-areas: "left main right"
        }

        .xl\:top_0 {
            top: 0
        }

        .xl\:mb_0 {
            margin-bottom: 0
        }

        .xl\:left_-32px {
            left: -32px
        }

        .xl\:flex-d_row {
            flex-direction: row
        }

        .xl\:pb_24 {
            padding-bottom: 24px
        }

        .xl\:pl_5vw {
            padding-left: 5vw
        }

        .xl\:grid-tc_repeat\(7\,_1fr\) {
            grid-template-columns: repeat(7,1fr)
        }

        .xl\:right_-24px {
            right: -24px
        }

        .xl\:pt_16 {
            padding-top: 16px
        }

        .xl\:grid-template-areas_\"title_rank_link\" {
            grid-template-areas: "title rank link"
        }

        .xl\:grid-tr_max-content {
            grid-template-rows: max-content
        }

        .xl\:grid-tc_2fr_1fr_1fr {
            grid-template-columns: 2fr 1fr 1fr
        }

        .xl\:grid-template-areas_\"rank_avatar_name_points\" {
            grid-template-areas: "rank avatar name points"
        }

        .xl\:grid-tr_auto {
            grid-template-rows: auto
        }

        .xl\:grid-tc_44px_24px_1fr_max-content {
            grid-template-columns: 44px 24px 1fr max-content
        }

        .xl\:mr_16 {
            margin-right: 16px
        }

        .\[\&_\[data-carousel-item\=\"true\"\]\]\:xl\:flex_0_0_25\% [data-carousel-item=true] {
            flex: 0 0 25%
        }

        .\[\&_\>_span\:first-child\]\:xl\:max-w_calc\(100vw_-_1000px\) > span:first-child,
        .\[\&_\>_span\:last-child\]\:xl\:max-w_calc\(100vw_-_1000px\) > span:last-child {
            max-width: calc(100vw - 1000px)
        }

        .before\:xl\:py_20:before {
            padding-block: 20px
        }

        .xl\:even\:bg_linear-gradient\(0deg\,_\{colors\.surface\.level\.0\/25\}_0\%\,_\{colors\.surface\.level\.0\/25\}_100\%\)\,_\{colors\.surface\.level\.2\}:nth-child(2n) {
            background: linear-gradient(0deg,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 0,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 100%),var(--colors-surface-level-2)
        }

        .\[\&_\>_\:first-child\]\:xl\:pl_16 > :first-child {
            padding-left: 16px
        }

        .\[\&_\>_\:last-child\]\:xl\:pr_16 > :last-child {
            padding-right: 16px
        }
    }

    @media screen and (min-width:80rem) {
        .xl\:hover\:bg_surface\.level\.3:is(:hover, [data-hover]) {
            background: var(--colors-surface-level-3)
        }
    }

    @media screen and (min-width:80rem) {
        .xl\:hover\:bg_linear-gradient\(0deg\,_\{colors\.surface\.level\.0\/25\}_0\%\,_\{colors\.surface\.level\.0\/25\}_100\%\)\,_\{colors\.surface\.level\.4\}\!:is(:hover, [data-hover]) {
            background: linear-gradient(0deg,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 0,color-mix(in srgb,var(--colors-surface-level-0) 25%,transparent) 100%),var(--colors-surface-level-4) !important
        }
    }

    @media screen and (min-width:80rem) and (max-width:95.9975rem) {
        .xlOnly\:d_none {
            display: none
        }

        .xlOnly\:flex-d_column {
            flex-direction: column
        }

        .xlOnly\:flex-wrap_wrap {
            flex-wrap: wrap
        }
    }

    @media screen and (min-width:96rem) {
        .xxl\:mx_5vw_10vw {
            margin-inline: 5vw 10vw
        }

        .xxl\:gap_24 {
            gap: 24px
        }

        .xxl\:max-w_1280 {
            max-width: 1280px
        }

        .xxl\:d_inline-block {
            display: inline-block
        }

        .xxl\:d_none {
            display: none
        }

        .xxl\:p_12px_8px {
            padding: 12px 8px
        }

        .xxl\:w_1156 {
            width: 1156px
        }

        .xxl\:w_96 {
            width: 96px
        }

        .xxl\:w_148 {
            width: 148px
        }

        .xxl\:w_320 {
            width: 320px
        }

        .xxl\:w_196 {
            width: 196px
        }

        .xxl\:h_46 {
            height: 46px
        }

        .xxl\:h_102 {
            height: 102px
        }

        .xxl\:mx_auto {
            margin-inline: auto
        }

        .xxl\:p_32px_48px_12px_48px {
            padding: 32px 48px 12px
        }

        .xxl\:px_48 {
            padding-inline: 48px
        }

        .xxl\:h_374 {
            height: 374px
        }

        .xxl\:py_16 {
            padding-block: 16px
        }

        .xxl\:px_24 {
            padding-inline: 24px
        }

        .xxl\:gap_16 {
            gap: 16px
        }

        .xxl\:h_68 {
            height: 68px
        }

        .xxl\:mx_6 {
            margin-inline: 6px
        }

        .xxl\:w_168 {
            width: 168px
        }

        .xxl\:h_168 {
            height: 168px
        }

        .xxl\:m_6 {
            margin: 6px
        }

        .xxl\:w_80 {
            width: 80px
        }

        .xxl\:h_80 {
            height: 80px
        }

        .xxl\:w_20 {
            width: 20px
        }

        .xxl\:h_20 {
            height: 20px
        }

        .xxl\:mx_64 {
            margin-inline: 64px
        }

        .xxl\:gap_64 {
            gap: 64px
        }

        .xxl\:min-h_128 {
            min-height: 128px
        }

        .xxl\:h_48 {
            height: 48px
        }

        .xxl\:w_48 {
            width: 48px
        }

        .xxl\:w_650 {
            width: 650px
        }

        .xxl\:p_8 {
            padding: 8px
        }

        .xxl\:py_10 {
            padding-block: 10px
        }

        .xxl\:px_20 {
            padding-inline: 20px
        }

        .xxl\:w_200 {
            width: 200px
        }

        .xxl\:grid-tc_2fr_1fr {
            grid-template-columns: 2fr 1fr
        }

        .xxl\:mb_48 {
            margin-bottom: 48px
        }

        .xxl\:pl_24 {
            padding-left: 24px
        }

        .xxl\:jc_space-between {
            justify-content: space-between
        }

        .xxl\:mb_12 {
            margin-bottom: 12px
        }

        .xxl\:mb_16 {
            margin-bottom: 16px
        }

        .xxl\:mt_8 {
            margin-top: 8px
        }

        .xxl\:pt_24 {
            padding-top: 24px
        }

        .xxl\:grid-tc_repeat\(7\,_1fr\) {
            grid-template-columns: repeat(7,1fr)
        }

        .xxl\:right_-24px {
            right: -24px
        }

        .\[\&_\[data-carousel-item\=\"true\"\]\]\:xxl\:flex_1_0_20\% [data-carousel-item=true] {
            flex: 1 0 20%
        }

        .\[\&\:nth-child\(3\)\]\:xxl\:px_24:nth-child(3) {
            padding-inline: 24px
        }

        .\[\&\:nth-child\(3\)\]\:xxl\:py_16:nth-child(3) {
            padding-block: 16px
        }

        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:px_24:first-child:last-child,
        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:px_24:nth-child(2):last-child[data-hide-stats=true] {
            padding-inline: 24px
        }

        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:py_16:first-child:last-child,
        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:py_16:nth-child(2):last-child[data-hide-stats=true] {
            padding-block: 16px
        }

        .\[\&_\>_\:first-child\]\:xxl\:pl_24 > :first-child {
            padding-left: 24px
        }

        .\[\&_\>_\:last-child\]\:xxl\:pr_24 > :last-child {
            padding-right: 24px
        }

        button:first-child:last-child > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:xxl\:mb_16,
        button:nth-child(2):last-child[data-hide-stats=true] > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:xxl\:mb_16,
        button:nth-child(3) > .\[button\:nth-child\(3\)_\>_\&\,_button\:nth-child\(1\)\:last-child_\>_\&\,_button\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]_\>_\&\]\:xxl\:mb_16 {
            margin-bottom: 16px
        }

        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:pt_24:first-child:last-child,
        .\[\&\:nth-child\(1\)\:last-child\,_\&\:nth-child\(2\)\:last-child\[data-hide-stats\=\"true\"\]\]\:xxl\:pt_24:nth-child(2):last-child[data-hide-stats=true],
        .\[\&\:nth-child\(3\)\]\:xxl\:pt_24:nth-child(3) {
            padding-top: 24px
        }
    }

    @media screen and (min-width:127.5rem) {
        .p-xxxl\:px_48 {
            padding-inline: 48px
        }

        .p-xxxl\:w_468 {
            width: 468px
        }

        .p-xxxl\:grid-tc_1fr_1fr_1fr_1fr {
            grid-template-columns: 1fr 1fr 1fr 1fr
        }
    }

    @media screen and (max-width:79.9975rem) {
        .show_xl {
            display: none
        }

        .xlDown\:mb_16 {
            margin-bottom: 16px
        }
    }

    @media screen and (max-width:63.9975rem) {
        .show_lg {
            display: none
        }
    }

    @media screen and (max-width:47.9975rem) {
        .show_md {
            display: none
        }

        .mdDown\:place-items_center {
            place-items: center
        }

        .mdDown\:grid-tc_100\% {
            grid-template-columns: 100%
        }
    }

    @media screen and (max-width:39.9975rem) {
        .show_sm,
        .smDown\:d_none {
            display: none
        }

        .smDown\:p_0 {
            padding: 0
        }

        .smDown\:gap_0 {
            gap: 0
        }

        .smDown\:d_block {
            display: block
        }

        .smDown\:c_unifiedText\.secondary {
            color: var(--colors-unified-text-secondary)
        }

        .smDown\:max-w_calc\(100vw_-_32px\) {
            max-width: calc(100vw - 32px)
        }

        .smDown\:p_16 {
            padding: 16px
        }

        .smDown\:gap_16 {
            gap: 16px
        }

        .smDown\:m_20px_0_16px_10px {
            margin: 20px 0 16px 10px
        }

        .smDown\:h_18 {
            height: 18px
        }

        .smDown\:w_200 {
            width: 200px
        }

        .smDown\:w_90\% {
            width: 90%
        }

        .smDown\:m_0_16px {
            margin: 0 16px
        }

        .smDown\:max-w_100vw {
            max-width: 100vw
        }

        .smDown\:bdr_0 {
            border-radius: 0
        }

        .smDown\:p_20px_16px {
            padding: 20px 16px
        }

        .smDown\:bdr-t_0 {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .smDown\:py_0 {
            padding-block: 0
        }

        .smDown\:px_10px {
            padding-inline: 10px
        }

        .smDown\:gap_100 {
            gap: var(--spacing-100)
        }

        .smDown\:w_min\(100\%\,_681px\) {
            width: min(100%,681px)
        }

        .smDown\:gap_200 {
            gap: var(--spacing-200)
        }

        .smDown\:p_10px {
            padding: 10px
        }

        .smDown\:grid-c_1_\/_1 {
            grid-column: 1/1
        }

        .smDown\:d_flex {
            display: flex
        }

        .smDown\:h_36px {
            height: 36px
        }

        .smDown\:w_36px {
            width: 36px
        }

        .smDown\:grid-template-areas_none {
            grid-template-areas: none
        }

        .smDown\:mb_8 {
            margin-bottom: 8px
        }

        .smDown\:grid-tc_auto_1fr {
            grid-template-columns: auto 1fr
        }

        .smDown\:jc_start {
            justify-content: start
        }
    }

    @media screen and (width >= 2040px) {
        .\[\@media_screen_and_\(width_\>\=_2040px\)\]\:trf_translateX\(calc\(\(2040px_-_100vw\)_\/_2\)\) {
            transform: translateX(calc((2040px - 100vw) / 2))
        }
    }

    @media screen and (max-width:39.9975rem) {
        .smDown\:grid-tc_auto_auto {
            grid-template-columns: auto auto
        }

        .smDown\:grid-tc_auto {
            grid-template-columns: auto
        }

        .smDown\:ov-y_auto {
            overflow-y: auto
        }
    }

    @media screen and (max-width:39.9975rem) {
        .\[\&\:has\(\+section\)\]\:smDown\:bdr-b_0:has(+section) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }
    }

    @media (prefers-reduced-motion:no-preference) {
        .motionSafe\:trs_color_0\.25s_ease-out {
            transition: color .25s ease-out
        }

        .motionSafe\:trs_background_0\.5s_ease {
            transition: background .5s ease
        }

        .motionSafe\:trs_opacity_1s_ease {
            transition: opacity 1s ease
        }

        .motionSafe\:trs_bg_0\.25s_ease-out {
            transition: bg .25s ease-out
        }

        .motionSafe\:trs_color_0\.3s_ease {
            transition: color .3s ease
        }

        .motionSafe\:trs_background_0\.25s_ease {
            transition: background .25s ease
        }

        .motionSafe\:trs_opacity_0\.25s_ease {
            transition: opacity .25s ease
        }

        .motionSafe\:trs_color_0\.5s_ease {
            transition: color .5s ease
        }

        .\[\&_\>_\*\]\:motionSafe\:trs_opacity_0\.5s_ease > * {
            transition: opacity .5s ease
        }

        .before\:motionSafe\:trs_transform_300ms_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\):before {
            transition: transform .3s cubic-bezier(.215,.61,.355,1)
        }

        .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_circle\]\:motionSafe\:trs_fill_250ms[data-icon=play] svg circle {
            transition: fill .25s
        }

        .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_path\]\:motionSafe\:trs_stroke_250ms[data-icon=play] svg path {
            transition: stroke .25s
        }
    }

    @media (prefers-reduced-motion:no-preference) {
        .hover\:\[\&_svg\]\:motionSafe\:trs_opacity_0\.5s_ease:is(:hover, [data-hover]) svg {
            transition: opacity .5s ease
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .motionReduce\:trs_none {
            transition: none
        }

        .motionReduce\:trs_unset {
            transition: unset
        }

        .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_circle\]\:motionReduce\:trs_none[data-icon=play] svg circle,
        .\[\&\[data-icon\=play\]\]\:\[\&_svg\]\:\[\&_path\]\:motionReduce\:trs_none[data-icon=play] svg path,
        .\[\&_\>_\*\]\:motionReduce\:trs_none > *,
        .before\:motionReduce\:trs_none:before {
            transition: none
        }
    }
}