
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--red-50: #FEF2F2;
--red-100: #FEE2E2;
--red-200: #FECACA;
--red-300: #FCA5A5;
--red-400: #F87171;
--red-500: #EF4444;
--red-600: #DC2626;
--red-700: #B91C1C;
--red-800: #991B1B;
--red-900: #7F1D1D;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-Instrument Serif: 'Instrument Serif',serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .bUEfxm {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:100vh;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      background-color:#191A1F;
    }

    .evYpWd {
      color:inherit;
      display:flex;
      flex-grow:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fnBNgE {
      color:#c9cbd3;
      width:100%;
      display:flex;
      padding:48px 24px 24px;
      overflow:hidden;
      font-size:inherit;
      background:#0b0c10;
      border-top:1px solid #1f2027;
      box-sizing:border-box;
      font-family:Inter, system-ui, sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .bwfOOS {
      color:inherit;
      width:100%;
      display:flex;
      row-gap:36px;
      flex-wrap:wrap;
      font-size:inherit;
      min-width:0px;
      column-gap:40px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ciZJzb {
      flex:1 1 240px;
      color:inherit;
      display:flex;
      row-gap:16px;
      font-size:inherit;
      max-width:340px;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .byDngt {
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      row-gap:32px;
      font-size:inherit;
      max-width:1200px;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bLLPXi {
      color:#6b6f7d;
      width:100%;
      display:flex;
      row-gap:12px;
      flex-wrap:wrap;
      font-size:12px;
      min-width:0px;
      column-gap:24px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fvjpJE {
      color:#c9cbd3;
      display:inline;
      font-size:13px;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .fvjpJE:hover {
      color:#5b9bff;
    }

    .fvjpJE:focus-visible {
      outline:2px solid #3b82f6;
      border-radius:2px;
      outline-offset:2px;
    }

    .bQbsnB {
      flex:1 1 90px;
      color:inherit;
      display:flex;
      row-gap:14px;
      font-size:inherit;
      min-width:90px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fABnqL {
      flex:1 1 260px;
      color:inherit;
      display:flex;
      row-gap:28px;
      flex-wrap:wrap;
      font-size:inherit;
      min-width:0px;
      column-gap:28px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ctHnbK {
      color:inherit;
      width:100%;
      border:none;
      height:1px;
      margin:0px;
      display:block;
      font-size:inherit;
      background:#1f2027;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dXofmm {
      color:inherit;
      display:list-item;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fFfkEG {
      color:inherit;
      border:1px solid #1f2027;
      display:flex;
      padding:6px;
      font-size:inherit;
      align-self:flex-start;
      background:#14151b;
      column-gap:8px;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .bAbjHk {
      color:#8b8e9a;
      margin:0px;
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .HlksQ {
      color:#e4e5ea;
      width:34px;
      border:1px solid #1d9bf033;
      height:34px;
      display:flex;
      font-size:inherit;
      background:#1d9bf01a;
      transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .HlksQ:hover {
      transform:translateY(-2px);
      background:#1d9bf040;
      border-color:#1d9bf0;
    }

    .HlksQ:focus-visible {
      outline:2px solid #ffffff;
      outline-offset:2px;
    }

    .cZGOtg {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dJloPD {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      align-self:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
    }

    .dJloPD:focus-visible {
      outline:2px solid #3b82f6;
      outline-offset:4px;
    }

    .bpTGxI {
      color:#e4e5ea;
      width:34px;
      border:1px solid #e1306c33;
      height:34px;
      display:flex;
      font-size:inherit;
      background:#e1306c1a;
      transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .bpTGxI:hover {
      transform:translateY(-2px);
      background:#e1306c40;
      border-color:#e1306c;
    }

    .bpTGxI:focus-visible {
      outline:2px solid #ffffff;
      outline-offset:2px;
    }

    .dReVcQ {
      color:#f5a524;
      display:inline;
      font-size:13px;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      text-decoration:none;
    }

    .dReVcQ:hover {
      color:#ffc35c;
    }

    .dReVcQ:focus-visible {
      outline:2px solid #3b82f6;
      border-radius:2px;
      outline-offset:2px;
    }

    .fsusmY {
      flex:1 1 240px;
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      max-width:560px;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      overflow-wrap:break-word;
      flex-direction:row;
    }

    .bYKsVS {
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      row-gap:10px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .EyobW {
      color:#6b6f7d;
      margin:0px;
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .fmQJlR {
      color:inherit;
      width:170px;
      height:auto;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fzPLEa {
      flex:0 1 0%;
      color:inherit;
      width:auto;
      height:auto;
      display:flex;
      row-gap:12px;
      flex-wrap:nowrap;
      font-size:inherit;
      min-width:320px;
      background:#0b0c10;
      column-gap:12px;
      max-height:55px;
      min-height:55px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      justify-content:space-between;
    }

    .iDYjV {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bllsFY {
      color:#ffffff;
      width:100%;
      border:1px solid #2a2d36;
      resize:vertical;
      display:block;
      outline:none;
      padding:11px 14px;
      font-size:14px;
      background:#121317;
      transition:border-color 0.15s ease;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      border-radius:8px;
      flex-direction:row;
    }

    .bllsFY:focus {
      border-color:#1a89f8;
    }

    .bllsFY::placeholder {
      color:#565b66;
    }

    .eIBiup {
      color:inherit;
      display:flex;
      position:relative;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eMOTNr {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fvyeO {
      color:#ffffff;
      width:100%;
      border:1px solid #2a2d36;
      display:block;
      outline:none;
      padding:11px 14px;
      font-size:14px;
      background:#121317;
      transition:border-color 0.15s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .fvyeO:focus {
      border-color:#1a89f8;
    }

    .fvyeO::placeholder {
      color:#565b66;
    }

    .header\:menuCoachIcon {
      font-size:9px;
      flex-shrink:0;
    }

    .egVCbM {
      color:inherit;
      width:11px;
      height:11px;
      display:block;
      font-size:inherit;
      object-fit:contain;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .header\:menuMediaIcon {
      font-size:9px;
      flex-shrink:0;
    }

    .header\:mobileIconCdl {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .eqwCje {
      gap:8px;
      color:#fca5a5;
      width:100%;
      border:1px solid #7f1d1d;
      cursor:pointer;
      display:flex;
      padding:10px 16px;
      font-size:14px;
      background:#2a1519;
      transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .eqwCje.iconOnly {
      color:#949494;
      width:32px;
      border:1px solid #2a2d36;
      height:32px;
      padding:0px;
      background:transparent;
      border-radius:16px;
    }

    .eqwCje.iconOnly:hover {
      color:#fca5a5;
      background:#2a1519;
      border-color:#7f1d1d;
    }

    .eqwCje.menuRow {
      gap:10px;
      color:#ff6b6b;
      border:1px solid transparent;
      padding:9px 10px;
      font-size:13px;
      background:transparent;
      font-weight:600;
      border-radius:8px;
      justify-content:flex-start;
    }

    .eqwCje.menuRow:hover {
      color:#ff8a8a;
      background:#ff5f5f1f;
      border-color:transparent;
    }

    .eqwCje:hover {
      background:#3b181e;
    }

    .eqwCje:disabled {
      cursor:progress;
      opacity:0.6;
    }

    .eqwCje:focus-visible {
      outline:2px solid #1a89f8;
      outline-offset:2px;
    }

    .dFwxEs {
      color:inherit;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bZfWRh {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .header\:mobileSignOut {
      color:inherit;
      display:flex;
      align-items:center;
      flex-shrink:0;
      flex-direction:row;
    }

    .bJVqFD {
      color:inherit;
      width:24px;
      border:1px solid #2a2d36;
      height:24px;
      display:block;
      font-size:inherit;
      background:#121317;
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .header\:userMenuCaret {
      color:#858585;
      font-size:10px;
      flex-shrink:0;
    }

    .chIqvq {
      gap:2px;
      top:calc(100% + 6px);
      color:inherit;
      right:0px;
      width:248px;
      border:1px solid #2a2d36;
      display:flex;
      padding:6px;
      z-index:9;
      position:absolute;
      font-size:inherit;
      background:#191a1f;
      box-shadow:0px 16px 32px 0px #000000a6;
      font-family:Inter;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:column;
    }

    .ccAZyH {
      gap:4px;
      color:#ffd768;
      border:1px solid #f59e0b;
      display:inline-flex;
      padding:2px 6px;
      font-size:9px;
      align-self:flex-start;
      background:linear-gradient(135deg, #2b1f0c 0%, #16171f 100%);
      margin-top:3px;
      align-items:center;
      font-family:inherit;
      font-weight:800;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .ccAZyH.ownerFlair {
      color:#ffd768;
      background:linear-gradient(135deg, #2b1f0c 0%, #16171f 100%);
      border-color:#f59e0b;
    }

    .ccAZyH.mediaFlair {
      color:#c084fc;
      background:linear-gradient(135deg, #24143a 0%, #16171f 100%);
      border-color:#a855f7;
    }

    .ccAZyH.playerFlair {
      color:#4ade80;
      background:linear-gradient(135deg, #0e2b1b 0%, #16171f 100%);
      border-color:#22c55e;
    }

    .ccAZyH.coachFlair {
      color:#38bdf8;
      background:linear-gradient(135deg, #0c263d 0%, #16171f 100%);
      border-color:#0ea5e9;
    }

    .ccAZyH.moderatorFlair {
      color:#fb923c;
      background:linear-gradient(135deg, #2d180c 0%, #16171f 100%);
      border-color:#f97316;
    }

    .ccAZyH.staffFlair {
      color:#93c5fd;
      background:linear-gradient(135deg, #0e1e38 0%, #16171f 100%);
      border-color:#1a89f8;
    }

    .header\:menuPlayerIcon {
      font-size:9px;
      flex-shrink:0;
    }

    .bneMzt {
      color:#ffffff;
      width:100%;
      border:1px solid #2a2d36;
      display:block;
      outline:none;
      padding:11px 14px;
      font-size:14px;
      min-width:0px;
      background:#121317;
      transition:border-color 0.15s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .bneMzt:focus {
      border-color:#1a89f8;
    }

    .bneMzt::placeholder {
      color:#565b66;
    }

    .fyNcBe {
      color:inherit;
      border:1px solid #2a2d36;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:#121317;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .fyNcBe:focus-within {
      border-color:#1a89f8;
    }

    .header\:mobileIconTeams {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .bDEuRI {
      color:#d5d7dd;
      border:1px solid #2a2d36;
      display:flex;
      padding:12px 16px;
      flex-grow:1;
      font-size:13px;
      background:#191a1f;
      transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
      text-decoration:none;
    }

    .bDEuRI:hover {
      color:#ffffff;
      background:#22252c;
      border-color:#565b66;
    }

    .header\:userMenuSignOut {
      color:inherit;
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .CgeQC {
      gap:6px;
      color:#ffffff;
      border:1px solid #2a2d36;
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:13px;
      max-width:240px;
      background:#191a1f;
      transition:border-color 0.15s ease, background 0.15s ease;
      align-items:center;
      font-family:Inter;
      font-weight:600;
      margin-left:8px;
      padding-left:4px;
      border-radius:16px;
      padding-right:10px;
      flex-direction:row;
      text-decoration:none;
    }

    .CgeQC.open {
      background:#22252c;
      border-color:#1a89f8;
    }

    .CgeQC:hover {
      background:#22252c;
      border-color:#1a89f8;
    }

    .bgIEDe {
      gap:16px;
      color:inherit;
      width:100%;
      border:1px solid #2a2d36;
      display:flex;
      padding:22px;
      font-size:inherit;
      max-width:460px;
      background:#191a1f;
      box-shadow:0px 24px 48px 0px #000000a6;
      max-height:88vh;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
    }

    .fyOJXo {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .fFykdC {
      color:#ffffff;
      border:1px solid #1a89f8;
      cursor:pointer;
      display:flex;
      padding:10px 22px;
      font-size:13px;
      background:#1a89f8;
      transition:background 0.15s ease, opacity 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .fFykdC:hover {
      background:#1272d6;
    }

    .fFykdC:disabled {
      cursor:not-allowed;
      opacity:0.6;
    }

    .bJspUT {
      color:#ffffff;
      width:100%;
      border:none;
      display:block;
      outline:none;
      padding:11px 14px 11px 4px;
      font-size:14px;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bJspUT::placeholder {
      color:#565b66;
    }

    .falSm {
      gap:8px;
      color:#d5d7dd;
      border:1px solid #2a2d36;
      cursor:pointer;
      display:flex;
      padding:11px 14px;
      flex-grow:1;
      font-size:13px;
      background:#191a1f;
      transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .falSm:hover {
      color:#ffffff;
      background:#22252c;
      border-color:#565b66;
    }

    .falSm:focus-visible {
      outline:2px solid #1a89f8;
      outline-offset:2px;
    }

    .header\:mobileIconEvents {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .eOddMD {
      color:#ffffff;
      border:1px solid #1a89f8;
      display:flex;
      padding:12px 16px;
      flex-grow:1;
      font-size:13px;
      background:#1a89f8;
      transition:background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
      text-decoration:none;
    }

    .eOddMD:hover {
      background:#1272d6;
    }

    .dodsBE {
      top:0px;
      left:0px;
      color:inherit;
      width:100vw;
      height:100vh;
      display:block;
      z-index:7;
      position:fixed;
      font-size:inherit;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cctlXK {
      color:inherit;
      height:1px;
      margin:4px 0px;
      display:block;
      font-size:inherit;
      background:#2a2d36;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dfgloF {
      color:#858585;
      width:30px;
      border:1px solid #2a2d36;
      cursor:pointer;
      height:30px;
      display:flex;
      font-size:14px;
      background:transparent;
      transition:color 0.15s ease, border-color 0.15s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .dfgloF:hover {
      color:#ffffff;
      border-color:#565b66;
    }

    .cUHhZJ {
      color:#ff5f5f;
      border:1px solid #ff5f5f52;
      display:block;
      padding:11px 14px;
      font-size:13px;
      background:#ff5f5f14;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .dEsnIw {
      color:#ffffff;
      margin:0px;
      display:block;
      font-size:16px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
      letter-spacing:0.02em;
      text-transform:uppercase;
    }

    .blJKqx {
      color:inherit;
      width:42px;
      border:1px solid #2a2d36;
      height:42px;
      display:block;
      font-size:inherit;
      background:#121317;
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .pLglh {
      color:#858585;
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.06em;
      text-transform:uppercase;
    }

    .cWUEWh {
      color:#565b66;
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      padding-left:14px;
      flex-direction:row;
    }

    .MXTav {
      color:inherit;
      width:14px;
      height:14px;
      display:inline-block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .header\:mobileAccountIcon {
      color:#858585;
      font-size:15px;
      flex-shrink:0;
    }

    .bZJlAE {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .header\:mobileIconMatches {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .header\:mobileIconPlayers {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .etOnvl {
      gap:12px;
      color:inherit;
      border:1px solid #2a2d36;
      display:flex;
      padding:12px;
      font-size:inherit;
      background:#191a1f;
      transition:background 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      text-decoration:none;
    }

    .etOnvl:hover {
      background:#22252c;
      border-color:#1a89f8;
    }

    .dMkJsa {
      gap:2px;
      color:inherit;
      display:flex;
      flex-grow:1;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .rZuhz {
      gap:6px;
      color:#ffffff;
      display:flex;
      overflow:hidden;
      font-size:15px;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .NcxqY {
      color:#858585;
      border:1px solid #2a2d36;
      cursor:pointer;
      display:flex;
      padding:10px 18px;
      font-size:13px;
      background:transparent;
      transition:color 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .NcxqY:hover {
      color:#ffffff;
      border-color:#565b66;
    }

    .WfsWW {
      gap:14px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .header\:mobileIconStatline {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .bbZasN {
      color:#ffffff;
      width:24px;
      height:24px;
      display:flex;
      font-size:11px;
      background:#1a89f8;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .lFVCg {
      gap:10px;
      color:#d5d7dd;
      width:100%;
      border:1px solid transparent;
      cursor:pointer;
      display:flex;
      padding:9px 10px;
      font-size:13px;
      background:transparent;
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      justify-content:flex-start;
    }

    .lFVCg:hover {
      color:#ffffff;
      background:#22252c;
    }

    .eSohvH {
      gap:1px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .ePujoO {
      gap:10px;
      color:inherit;
      display:flex;
      padding:8px 10px;
      font-size:inherit;
      transition:background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      text-decoration:none;
    }

    .ePujoO:hover {
      background:#22252c;
    }

    .ekBWAA {
      gap:6px;
      color:#ffffff;
      display:flex;
      overflow:hidden;
      font-size:14px;
      max-width:180px;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .header\:userMenuReportIcon {
      color:#858585;
      font-size:15px;
      flex-shrink:0;
    }

    .dahYQT {
      gap:10px;
      color:#d5d7dd;
      display:flex;
      padding:9px 10px;
      font-size:13px;
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      text-decoration:none;
    }

    .dahYQT:hover {
      color:#ffffff;
      background:#22252c;
    }

    .cWKfqw {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cdxWTg {
      top:0px;
      left:0px;
      color:inherit;
      width:100vw;
      height:100vh;
      display:flex;
      padding:24px;
      z-index:20;
      position:fixed;
      font-size:inherit;
      background:#000000b8;
      align-items:center;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .header\:mobileIconStandings {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .dmBdhn {
      color:inherit;
      width:40px;
      border:1px solid #2a2d36;
      height:40px;
      display:block;
      font-size:inherit;
      background:#121317;
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eBxdCi {
      color:#858585;
      display:block;
      overflow:hidden;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .header\:userMenuAccountIcon {
      color:#858585;
      font-size:15px;
      flex-shrink:0;
    }

    .eipQhB {
      color:#1a89f8;
      display:block;
      font-size:12px;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .eipQhB:hover {
      text-decoration:underline;
    }

    .bVGzQ {
      color:#565b66;
      display:block;
      font-size:11px;
      font-family:Inter;
      font-weight:800;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:6px;
      text-transform:uppercase;
    }

    .header\:mobileProfileChevron {
      color:#565b66;
      font-size:12px;
      flex-shrink:0;
    }

    .dGoTAF {
      color:inherit;
      width:34px;
      border:1px solid #2a2d36;
      height:34px;
      display:block;
      font-size:inherit;
      background:#121317;
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eRqLqq {
      color:#858585;
      display:block;
      overflow:hidden;
      font-size:12px;
      max-width:180px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .eQwjrF {
      gap:12px;
      color:#d5d7dd;
      display:flex;
      padding:12px;
      font-size:15px;
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      font-family:Inter;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
      text-decoration:none;
    }

    .eQwjrF:hover {
      color:#ffffff;
      background:#191a1f;
    }

    .cJMdgL {
      color:inherit;
      height:55px;
      display:flex;
      row-gap:5px;
      flex-grow:0;
      font-size:inherit;
      max-width:960px;
      column-gap:5px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
      border-left-color:#191A1F;
      border-left-style:solid;
      border-left-width:1px;
    }

    @media (max-width: 1160px) {

    .cJMdgL {
      display:none;
    }
    }

    .buXlKk {
      width:fit-content;
      display:flex;
      min-width:0px;
      min-height:51px;
      align-items:flex-start;
      justify-content:center;
    }

    .buXlKk:hover {
      border-top-color:#0b0c10;
      border-top-style:solid;
      border-top-width:2px;
      border-bottom-color:#188af8;
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .CyPtT {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dQplNA {
      color:#ffffff;
      height:55px;
      display:flex;
      font-size:14px;
      min-width:60px;
      align-items:center;
      font-weight:600;
      padding-left:8px;
      padding-right:8px;
      justify-content:center;
    }

    .dQplNA:hover {
      color:#1a89f8;
      border-top-color:#0b0c10;
      border-top-style:solid;
      border-top-width:2px;
      border-bottom-color:#1a89f8;
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .bLWffh {
      color:#ffffff;
      width:100%;
      display:flex;
      font-size:16px;
      background:#0f1013;
      align-items:center;
      flex-shrink:0;
      font-family:Inter;
      font-weight:inherit;
      padding-top:14px;
      padding-left:16px;
      border-bottom:1px solid #2a2d36;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:14px;
      justify-content:space-between;
    }

    .fvLBnW {
      color:#858585;
      width:36px;
      border:1px solid #2a2d36;
      cursor:pointer;
      height:36px;
      display:flex;
      font-size:14px;
      background:#191a1f;
      transition:color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .fvLBnW:hover {
      color:#ffffff;
      background:#22252c;
      border-color:#565b66;
    }

    .fvLBnW:focus-visible {
      outline:2px solid #1a89f8;
      outline-offset:2px;
    }

    .cEIFEM {
      color:#ffffff;
      height:55px;
      display:flex;
      row-gap:5px;
      flex-grow:0;
      max-width:960px;
      column-gap:5px;
      align-items:center;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      justify-content:flex-start;
      border-left-color:#191A1F;
      border-left-style:solid;
      border-left-width:1px;
    }

    @media (min-width: 1160px) {

    .cEIFEM {
      display:none;
    }
    }

    .eoOffw {
      gap:18px;
      color:inherit;
      width:100%;
      display:flex;
      flex-grow:1;
      font-size:inherit;
      flex-basis:0px;
      overflow-y:auto;
      flex-shrink:1;
      font-family:inherit;
      font-weight:inherit;
      padding-top:16px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:column;
      padding-bottom:24px;
      scrollbar-width:none;
    }

    .eoOffw::-webkit-scrollbar {
    width: 0;
    }

    .bXffba {
      width:100vw;
      height:100vh;
      background: #00000080;
    }

    .cHpGUQ {
      color:#565b66;
      display:block;
      font-size:11px;
      font-family:Inter;
      font-weight:800;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:column;
      letter-spacing:0.1em;
      padding-bottom:6px;
      text-transform:uppercase;
    }

    .eweuxb {
      color:#ffffff;
      height:32px;
      display:flex;
      font-size:12px;
      min-width:60px;
      background:#1a89f9;
      align-items:center;
      font-family:Inter;
      font-weight:700;
      margin-left:8px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:column;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .efeOot {
      color:#ffffff;
      height:55px;
      display:flex;
      font-size:14px;
      min-width:60px;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      justify-content:center;
    }

    .foHRkh {
      color:inherit;
      right:0px;
      width:100vw;
      height:100%;
      display:flex;
      z-index:2;
      position:fixed;
      font-size:inherit;
      background:#0f1013;
      box-shadow:-24px 0px 48px 0px #000000a6;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:margin-right 300ms ease;
      align-items:stretch;
      border-left:1px solid #2a2d36;
      font-family:inherit;
      font-weight:inherit;
      margin-right:-960px;
      flex-direction:column;
      justify-content:space-between;
    }

    @media (min-width: 560px) {

    .foHRkh {
      width:400px;
    }
    }

    .foHRkh.shown {
      transition:margin-right 300ms ease;
      margin-right:0px;
    }

    .header\:accountModalCloseIcon {
      color:inherit;
      font-size:13px;
    }

    .yxbxQ {
      height:auto;
      max-width:210px;
      min-width:40px;
    }

    .cRivWu {
      top:0px;
      left:0px;
      z-index:8;
      position:fixed;
      flex-direction:row;
    }

    .cYZaLW {
      gap:10px;
      color:#ffffff;
      width:100%;
      display:flex;
      font-size:inherit;
      background:#0d0e12;
      border-top:1px solid #2a2d36;
      flex-shrink:0;
      font-family:Inter;
      font-weight:inherit;
      padding-top:14px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:column;
      padding-bottom:20px;
    }

    .header\:gk4ctFtQlDi-nRAsPebLg {
      width:30px;
      height:26px;
    }

    .uECcV {
      max-width:fit-content;
      max-height:30px;
      aspect-ratio:5859/1109;
    }

    .edwwQA {
      height:55px;
      display:flex;
      row-gap:5px;
      flex-grow:1;
      max-width:960px;
      column-gap:5px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-left-color:#191A1F;
      border-left-style:solid;
      border-left-width:1px;
    }

    @media (max-width: 1160px) {

    .edwwQA {
      display:none;
    }
    }

    .bNYvQG {
      color:#ffffff;
      width:40px;
      height:40px;
      display:flex;
      font-size:16px;
      background:#1a89f8;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .ffQlUU {
      color:#ffffff;
      width:34px;
      height:34px;
      display:flex;
      font-size:14px;
      background:#1a89f8;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .header\:1RI8qaCobI0UjQdYpo-pV {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .header\:4e7w9VbMdQ4A-THAJ0-9C {
      color:#858585;
      font-size:16px;
      flex-shrink:0;
    }

    .fECgzW {
      height:90px;
      display:flex;
      background:#0b0c10;
      align-items:flex-start;
      justify-content:center;
    }

    .drrQan {
      font-size:12px;
      flex-direction:row;
      justify-content:space-between;
    }

    .eYvSHk {
      flex:1;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }

    .dSLZws {
      width:100%;
      cursor:default;
      height:100%;
      overflow-x:scroll;
      overflow-y:hidden;
      align-items:start;
      flex-direction:row;
      justify-content:start;
      scroll-behavior:smooth;
      scrollbar-width:none;
      scroll-snap-type:x mandatory;
    }

    .dSLZws::-webkit-scrollbar {
    width: 0;
    }

    .dSLZws.dragging {
      cursor:grabbing;
      scroll-behavior:auto;
      scroll-snap-type:none;
    }

    .dEHOId {
      gap:16px;
      flex-wrap:nowrap;
      padding-top:24px;
      padding-left:24px;
      align-content:start;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:24px;
      background-color:var(--container-bg, #a689faff);
    }

    .beKGEv {
      color:var(--grey-400, #A3A3A3);
      width:168px;
      height:256px;
      font-size:16px;
      box-shadow:4px 4px 0px 0px #00000044;
      align-items:start;
      font-family:'Inter';
      font-weight:700;
      padding-top:16px;
      user-select:none;
      border-color:#000000;
      border-style:solid;
      border-width:4px;
      padding-left:16px;
      border-radius:12px;
      padding-right:16px;
      padding-bottom:16px;
      justify-content:end;
      background-color:var(--grey-50, #FAFAFA);
      scroll-snap-align:center;
    }

    .match-header\:8yul0yRIPRDaMJaCOayHP {
      display:flex;
      row-gap:4px;
      column-gap:4px;
      align-items:center;
      padding-left:4px;
      padding-right:4px;
      flex-direction:row;
      justify-content:flex-start;
    }

    .IRzSb {
      color:#ffffff;
    }

    .bzupJt {
      color:#ffffff;
      font-size:var(--upcoming-size);
      font-weight:var(--upcoming-weight);
    }

    .STUTt {
      width:180px;
      height:74px;
      display:flex;
      background:#191a1f;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:4px;
      justify-content:space-between;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .STUTt:hover {
      background:#262626;
    }

    .dsmgtA {
      color:#ffffff;
      width:74px;
      height:74px;
      display:flex;
      font-size:12px;
      background:linear-gradient(to bottom right, #191a1f8c 0%, #191a1f 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      overflow-x:clip;
      overflow-y:clip;
      align-items:flex-start;
      font-weight:700;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:flex-end;
    }

    .dsmgtA:hover {
      background:linear-gradient(#191a1fbf 0%, #191a1f 100%) scroll padding-box border-box repeat repeat 0% 0% / auto, url("https://dkjhsvjwmmioncztcwzh.supabase.co/storage/v1/object/public/logos/LFGG/CDL.png") scroll padding-box border-box repeat repeat center center / 150px 150px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .eEJrLo {
      color:#ffffff;
      font-weight:700;
    }

    .cLaIUZ {
      width:20px;
      height:20px;
      object-fit:contain;
    }

    .dUgJHo {
      width:50px;
      height:auto;
    }

    .fhOnhx {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .beiVef {
      width:74px;
      height:74px;
      display:flex;
      background:url("https://dkjhsvjwmmioncztcwzh.supabase.co/storage/v1/object/public/logos/LFGG/CDL.png") center center / 150px 150px #191a1f;
      overflow-x:clip;
      overflow-y:clip;
      align-items:center;
      margin-left:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .beiVef:hover {
      background:#262626;
    }

    .eWXoEg {
      gap:16px;
      color:var(--grey-100);
      width:100%;
      margin:0 auto;
      display:flex;
      padding:24px 24px 64px;
      font-size:inherit;
      max-width:1260px;
      box-sizing:border-box;
      font-family:Inter, sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .biSRQK {
      gap:12px;
      color:inherit;
      width:300px;
      display:flex;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dAvCBp {
      gap:56px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:stretch;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dZoCPS {
      color:inherit;
      width:100%;
      display:block;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fCJhIJ {
      color:inherit;
      display:grid;
      overflow:hidden;
      font-size:inherit;
      box-shadow:0 2px 8px #00000059;
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
      grid-template-columns:1fr 1fr;
    }

    .fzjUAe {
      top:5px;
      left:50%;
      color:#ffffffcc;
      display:inline;
      padding:2px 8px;
      z-index:1;
      position:absolute;
      font-size:10px;
      transform:translateX(-50%);
      background:#00000073;
      font-family:inherit;
      font-weight:700;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.04em;
      pointer-events:none;
      text-transform:uppercase;
    }

    .fzjUAe.compact {
      top:auto;
      border:1px solid #ffffff1f;
      bottom:-9px;
      font-size:9px;
      background:#0b0c0f;
    }

    .buyCjj {
      color:inherit;
      width:36px;
      filter:drop-shadow(0 1px 2px #00000080);
      height:36px;
      display:inline;
      font-size:inherit;
      object-fit:contain;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .buyCjj.compact {
      width:26px;
      height:26px;
    }

    .iqcIi {
      color:inherit;
      display:inline;
      overflow:hidden;
      font-size:var(--font-size-xl);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      text-shadow:0 1px 2px #00000066;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .iqcIi.compact {
      font-size:var(--font-size-base);
    }

    .dKfChF {
      color:inherit;
      display:inline;
      opacity:0.9;
      font-size:var(--font-size-lg);
      font-style:italic;
      flex-shrink:0;
      font-family:inherit;
      font-weight:600;
      margin-left:auto;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .dKfChF.compact {
      font-size:var(--font-size-sm);
    }

    .czRuNK {
      color:inherit;
      display:inline;
      opacity:0.9;
      font-size:var(--font-size-lg);
      font-style:italic;
      flex-shrink:0;
      font-family:inherit;
      font-weight:600;
      margin-right:auto;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .czRuNK.compact {
      font-size:var(--font-size-sm);
    }

    .eTeGhE {
      gap:12px;
      color:#ffffff;
      border:none;
      cursor:pointer;
      height:72px;
      display:flex;
      padding:0 20px 0 16px;
      font-size:inherit;
      min-width:0px;
      background:linear-gradient(90deg, color-mix(in srgb, var(--team-color) 70%, #000000) 0%, color-mix(in srgb, var(--team-color) 92%, #000000) 100%);
      text-align:left;
      transition:opacity 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
      align-items:center;
      border-left:4px solid color-mix(in srgb, var(--team-color) 55%, #ffffff);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eTeGhE.compact {
      gap:8px;
      height:56px;
      padding:0 12px 0 10px;
    }

    .eTeGhE.faded {
      opacity:0.4;
    }

    .eTeGhE.picked {
      box-shadow:inset 0 0 0 3px #ffffff;
    }

    .eTeGhE.correct {
      box-shadow:inset 0 0 0 3px #22c55e;
    }

    .eTeGhE.wrong {
      opacity:0.55;
      box-shadow:inset 0 0 0 3px #ef4444;
    }

    .eTeGhE:hover {
      filter:brightness(1.12);
    }

    .eTeGhE:focus-visible {
      outline:2px solid #ffffff;
      outline-offset:-2px;
    }

    .eTeGhE:disabled {
      cursor:default;
    }

    .eTeGhE.tbd {
      box-shadow:none;
      border-left:none;
    }

    .cVYEtZ {
      gap:12px;
      color:#ffffff;
      border:none;
      cursor:pointer;
      height:72px;
      display:flex;
      padding:0 16px 0 20px;
      font-size:inherit;
      min-width:0px;
      background:linear-gradient(90deg, color-mix(in srgb, var(--team-color) 92%, #000000) 0%, color-mix(in srgb, var(--team-color) 70%, #000000) 100%);
      text-align:right;
      transition:opacity 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-right:4px solid color-mix(in srgb, var(--team-color) 55%, #ffffff);
      flex-direction:row;
    }

    .cVYEtZ.compact {
      gap:8px;
      height:56px;
      padding:0 10px 0 12px;
    }

    .cVYEtZ.faded {
      opacity:0.4;
    }

    .cVYEtZ.picked {
      box-shadow:inset 0 0 0 3px #ffffff;
    }

    .cVYEtZ.correct {
      box-shadow:inset 0 0 0 3px #22c55e;
    }

    .cVYEtZ.wrong {
      opacity:0.55;
      box-shadow:inset 0 0 0 3px #ef4444;
    }

    .cVYEtZ:hover {
      filter:brightness(1.12);
    }

    .cVYEtZ:focus-visible {
      outline:2px solid #ffffff;
      outline-offset:-2px;
    }

    .cVYEtZ:disabled {
      cursor:default;
    }

    .cVYEtZ.tbd {
      box-shadow:none;
      border-right:none;
    }

    .dTTJMW {
      gap:2px;
      top:var(--head-y);
      left:var(--head-x);
      color:inherit;
      width:300px;
      display:flex;
      position:absolute;
      font-size:inherit;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #ffffff1a;
      flex-direction:column;
      padding-bottom:8px;
    }

    .dTTJMW.final {
      border-bottom:2px solid #1789F8;
    }

    .cAjWEL {
      top:var(--seg-y);
      left:var(--seg-x);
      color:inherit;
      width:var(--seg-w);
      height:var(--seg-h);
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ffffff38;
      font-family:inherit;
      font-weight:inherit;
      border-radius:1px;
      flex-direction:row;
      pointer-events:none;
    }

    .fsteuK {
      gap:2px;
      color:inherit;
      width:300px;
      display:flex;
      font-size:inherit;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #ffffff1a;
      flex-direction:column;
      padding-bottom:8px;
    }

    .dpZBUx {
      gap:6px;
      color:inherit;
      width:260px;
      display:flex;
      position:relative;
      font-size:inherit;
      align-self:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:40px;
      flex-direction:column;
    }

    .fbDofS {
      gap:40px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:max-content;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:40px;
      flex-direction:column;
    }

    .bKntoN {
      gap:4px;
      color:inherit;
      border:1px solid #ffffff1a;
      display:flex;
      padding:4px;
      font-size:inherit;
      max-width:100%;
      align-self:flex-start;
      background:#121317;
      box-sizing:border-box;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .LcmXn {
      top:var(--label-y);
      left:0px;
      color:#1789F8;
      margin:0px;
      display:block;
      position:absolute;
      font-size:var(--font-size-xs);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:0.1em;
      text-transform:uppercase;
    }

    .cZnbCn {
      top:var(--match-y);
      left:var(--match-x);
      color:inherit;
      width:300px;
      display:block;
      z-index:1;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cZhrCW {
      gap:24px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #ffffff1a;
      flex-direction:column;
      padding-bottom:32px;
    }

    .fbrIcS {
      color:inherit;
      width:300px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cjybTk {
      color:var(--grey-50);
      margin:0px;
      display:block;
      font-size:var(--font-size-3xl);
      font-style:italic;
      border-left:4px solid #1789F8;
      font-family:inherit;
      font-weight:900;
      line-height:1;
      padding-left:14px;
      flex-direction:row;
      text-transform:uppercase;
    }

    .BNEfM {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      break-inside:avoid;
      margin-bottom:24px;
      flex-direction:row;
    }

    .LunmN {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cvdfLo {
      color:inherit;
      width:var(--canvas-w);
      height:var(--canvas-h);
      display:block;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bGPcDE {
      gap:4px;
      color:inherit;
      display:flex;
      font-size:inherit;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #ffffff1a;
      flex-direction:row;
    }

    .bqXKpN {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:var(--gp-h);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:space-around;
    }

    .dTbPYc {
      color:var(--grey-100);
      border:2px solid #1789F8;
      display:block;
      padding:10px 14px;
      font-size:var(--font-size-xs);
      background:#121317;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .dpLeLE {
      color:var(--grey-500);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:12px 16px;
      font-size:var(--font-size-sm);
      background:transparent;
      transition:color 0.2s ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      white-space:nowrap;
      border-bottom:2px solid transparent;
      margin-bottom:-1px;
      flex-direction:row;
    }

    .dpLeLE.active {
      color:var(--grey-50);
      border-bottom-color:#1789F8;
    }

    .dpLeLE:hover {
      color:var(--grey-200);
    }

    .dpLeLE:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:-2px;
    }

    .cUioqw {
      gap:12px;
      color:var(--grey-200);
      display:flex;
      padding:12px 16px;
      font-size:var(--font-size-sm);
      background:#1789f814;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-color:#1789f840;
      border-style:solid;
      border-width:1px;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .faGUcI {
      gap:12px;
      color:var(--grey-200);
      border:1px solid #ffffff1a;
      display:flex;
      padding:12px 16px;
      flex-wrap:wrap;
      font-size:var(--font-size-sm);
      background:#121317;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .faGUcI.done {
      background:#22c55e14;
      border-color:#22c55e40;
    }

    .bOCIuj {
      color:var(--grey-500);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:10px 20px;
      font-size:var(--font-size-base);
      background:transparent;
      font-style:italic;
      transition:background 0.2s ease, color 0.2s ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      border-radius:6px;
      flex-direction:row;
      text-transform:uppercase;
    }

    .bOCIuj.active {
      color:#ffffff;
      background:#1789F8;
    }

    .bOCIuj:hover {
      color:var(--grey-200);
    }

    .bOCIuj:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:2px;
    }

    .aXtDz {
      color:var(--grey-500);
      display:inline;
      font-size:var(--font-size-xxs);
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .JDNmT {
      color:var(--grey-50);
      margin:0px;
      display:block;
      font-size:var(--font-size-base);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      flex-direction:row;
      text-transform:uppercase;
    }

    .rbtpU {
      color:var(--grey-50);
      margin:0px;
      display:block;
      font-size:var(--font-size-3xl);
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .ePuWZV {
      color:var(--grey-400);
      border:1px dashed #ffffff26;
      margin:0px;
      display:block;
      padding:32px;
      font-size:var(--font-size-sm);
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .WzoSl {
      color:var(--grey-50);
      margin:0px;
      display:block;
      font-size:var(--font-size-base);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      flex-direction:row;
      text-transform:uppercase;
    }

    .WzoSl.lower {
      color:var(--grey-400);
    }

    .drdhVD {
      color:var(--grey-300);
      display:inline;
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
    }

    .eYEqZG {
      color:var(--grey-50);
      margin:0 0 24px;
      display:block;
      font-size:var(--font-size-3xl);
      font-style:italic;
      border-left:4px solid #1789F8;
      font-family:inherit;
      font-weight:900;
      line-height:1;
      padding-left:14px;
      flex-direction:row;
      text-transform:uppercase;
    }

    .cQMufB {
      gap:4px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cSWdyh {
      color:inherit;
      margin:0 -24px;
      display:block;
      padding:8px 24px 24px;
      font-size:inherit;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      scrollbar-color:#3b82f6 #191a1f;
      scrollbar-width:thin;
    }

    .cSWdyh::-webkit-scrollbar {
    width: 4px;
    }

    .cSWdyh:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:-2px;
    }

    .cSWdyh::-webkit-scrollbar {
      height:8px;
    }

    .cSWdyh::-webkit-scrollbar-track {
      background:#191a1f;
    }

    .cSWdyh::-webkit-scrollbar-thumb {
      background:#3b82f6;
      border-radius:4px;
    }

    .eXoJga {
      color:var(--grey-300);
      margin:0px;
      display:block;
      font-size:var(--font-size-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .exLYcn {
      color:var(--grey-50);
      display:block;
      font-size:var(--font-size-base);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      flex-direction:row;
      text-transform:uppercase;
    }

    .bMOWSr {
      gap:10px;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .emmwPz {
      color:var(--grey-500);
      display:inline;
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .brsmyD {
      color:#1789F8;
      display:inline;
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .cpxuDm {
      color:#f87171;
      margin:0px;
      display:block;
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .fFogIE {
      color:var(--grey-50);
      margin:0px;
      display:block;
      font-size:var(--font-size-lg);
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .bSKSNe {
      color:var(--grey-500);
      margin:0px;
      display:block;
      padding:32px;
      font-size:var(--font-size-sm);
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .drKbQr {
      color:inherit;
      display:block;
      font-size:inherit;
      column-gap:16px;
      font-family:inherit;
      font-weight:inherit;
      column-count:1;
      flex-direction:row;
    }

    @media (min-width: 900px) {

    .drKbQr {
      column-count:2;
    }
    }

    .VqdIt {
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:8px 16px;
      font-size:var(--font-size-xs);
      background:#1789F8;
      transition:background 0.2s ease, opacity 0.2s ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
    }

    .VqdIt:hover {
      background:#3d9cfa;
    }

    .VqdIt:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:2px;
    }

    .VqdIt:disabled {
      cursor:not-allowed;
      opacity:0.4;
      background:#1789F8;
    }

    .byaFKx {
      color:var(--grey-200);
      border:1px solid #ffffff26;
      cursor:pointer;
      display:inline-block;
      padding:8px 16px;
      font-size:var(--font-size-xs);
      background:transparent;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
    }

    .byaFKx:hover {
      background:#ffffff0d;
    }

    .byaFKx:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:2px;
    }

    .byaFKx:disabled {
      cursor:not-allowed;
      opacity:0.5;
    }

    .coHJbK {
      gap:12px;
      color:var(--grey-100);
      width:100%;
      border:1px solid #ffffff1a;
      display:flex;
      padding:24px;
      font-size:inherit;
      max-width:420px;
      background:#191A1F;
      box-shadow:0 20px 60px #00000080;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .bYBlRk {
      color:#ffffff;
      display:inline;
      padding:8px 14px;
      font-size:var(--font-size-xs);
      background:#1789F8;
      transition:background 0.2s ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
      text-decoration:none;
    }

    .bYBlRk:hover {
      background:#3d9cfa;
    }

    .bYBlRk:focus-visible {
      outline:2px solid #1789F8;
      outline-offset:2px;
    }

    .jxUVO {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .cxcqek {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:8px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .fCjMIi {
      color:inherit;
      inset:0;
      display:flex;
      padding:24px;
      z-index:1000;
      position:fixed;
      font-size:inherit;
      background:#000000b3;
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .lFxeU {
      color:var(--grey-50);
      margin:0 0 10px;
      display:block;
      padding:0px;
      font-size:var(--font-size-lg);
      font-style:italic;
      font-family:inherit;
      font-weight:900;
      flex-direction:row;
      letter-spacing:-0.01em;
      text-transform:uppercase;
    }

    .eRLUp {
      color:#22c55e;
      border:1px solid #22c55e66;
      display:inline-block;
      padding:4px 10px;
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:700;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .bWUUob {
      color:var(--grey-400);
      display:inline;
      padding:4px 10px;
      font-size:var(--font-size-xxs);
      background:#ffffff0d;
      font-family:inherit;
      font-weight:700;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .bWUUob.open {
      color:#1789F8;
      background:#1789f81f;
    }

    .diYcZI {
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:8px 16px;
      font-size:var(--font-size-xs);
      background:#1789F8;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
    }

    .diYcZI:hover {
      background:#3d9cfa;
    }

    .diYcZI:focus-visible {
      outline:2px solid #ffffff;
      outline-offset:2px;
    }

    .diYcZI:disabled {
      cursor:wait;
      opacity:0.6;
    }

    .pickem\:authProvider {
      display:contents;
    }