@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;
    }
  }
}


    .dWMPBR {
      color:inherit;
      display:flex;
      font-size:inherit;
      background:#0d0e12;
      min-height:100vh;
      font-family:sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .iIhq {
      color:#ffffff;
      margin:0px;
      display:block;
      font-size:20px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
    }

    .bfwgJf {
      color:inherit;
      width:100%;
      border:1px solid #2a2d36;
      display:flex;
      padding:32px 24px;
      font-size:inherit;
      max-width:420px;
      background:#191a1f;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    @media (min-width: 640px) {

    .bfwgJf {
      max-width:520px;
    }
    }

    .PvGVy {
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:flex;
      padding:12px;
      font-size:14px;
      background:#1a89f8;
      margin-top:8px;
      transition:background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .PvGVy:hover {
      background:#1573d4;
    }

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

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

    .dxJxZT {
      flex:1;
      color:var(--tabColor);
      display:flex;
      padding:8px 16px;
      font-size:14px;
      background:var(--tabBg);
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
      text-decoration:none;
    }

    .dxJxZT:hover {
      color:#ffffff;
    }

    .cGHvap {
      color:inherit;
      height:auto;
      display:inline;
      font-size:inherit;
      max-width:180px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .diqtYc {
      color:#949494;
      border:1px solid #2a2d36;
      cursor:pointer;
      display:flex;
      padding:10px 16px;
      font-size:14px;
      background:transparent;
      transition: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;
    }

    .diqtYc:hover {
      color:#ffffff;
      border-color:#3b3f4a;
    }

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

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

    .eAxrsm {
      color:#949494;
      border:none;
      cursor:pointer;
      display:flex;
      padding:10px 12px;
      font-size:14px;
      background:transparent;
      transition:color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .eAxrsm:hover {
      color:#ffffff;
    }

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

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

    .bsCQHX {
      flex:1;
      color:inherit;
      height:4px;
      display:block;
      font-size:inherit;
      background:#1a89f8;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
    }

    .dLIlYL {
      flex:1;
      color:inherit;
      height:4px;
      display:block;
      font-size:inherit;
      background:var(--barBg);
      transition:background 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
    }

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

    .drVITF {
      color:#949494;
      margin:0px;
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .flVmhy {
      gap:6px;
      color:#ffffff;
      border:1px solid var(--teamBorder);
      cursor:pointer;
      display:flex;
      padding:10px 6px;
      font-size:11px;
      background:var(--teamBg);
      transition:border-color 0.15s ease, background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:column;
      justify-content:center;
    }

    .flVmhy:hover {
      border-color:#1a89f8;
    }

    .cLJrsR {
      color:inherit;
      width:36px;
      height:36px;
      display:inline;
      font-size:inherit;
      object-fit:contain;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .neTKb {
      color:inherit;
      display:inline;
      font-size:inherit;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .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;
    }

    .dqphZX {
      color:#fca5a5;
      border:1px solid #7f1d1d;
      display:flex;
      padding:10px 14px;
      font-size:13px;
      background:#3b181e;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      margin-bottom:16px;
      flex-direction:column;
    }

    .eIsSUg {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:24px;
      flex-direction:column;
    }

    .biASkw {
      color:#fca5a5;
      border:1px solid #7f1d1d;
      margin:0px;
      display:block;
      padding:10px 14px;
      font-size:13px;
      background:#3b181e;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .eXHyLL {
      flex:1;
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:flex;
      padding:12px 16px;
      font-size:14px;
      min-width:140px;
      background:#1a89f8;
      transition:background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .eXHyLL:hover {
      background:#1573d4;
    }

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

    .cVMTVb {
      color:#949494;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .cBfhnn {
      gap:10px;
      color:inherit;
      display:grid;
      padding:2px 4px 4px 2px;
      font-size:inherit;
      max-height:360px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      scrollbar-width:thin;
      grid-template-columns:repeat(auto-fill, minmax(92px, 1fr));
    }

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

    .login\:authProvider {
      display:contents;
    }

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

    .fvEWxu {
      gap:4px;
      color:inherit;
      display:flex;
      padding:4px;
      font-size:inherit;
      background:#121316;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      margin-bottom:24px;
      flex-direction:row;
    }

    .cwCJZN {
      color:inherit;
      display:flex;
      padding:48px 16px;
      flex-grow:1;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .Kzgnj {
      flex:1;
      color:#ffffff;
      border:1px solid #2a2d36;
      display:inline-block;
      outline:none;
      padding:10px 14px;
      font-size:14px;
      min-width:0px;
      background:#121316;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

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

    .fjTSEc {
      color:#ffffff;
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .NCVyG {
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:flex;
      padding:12px;
      font-size:14px;
      background:#1a89f8;
      margin-top:4px;
      transition:background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      justify-content:center;
    }

    .NCVyG:hover {
      background:#1573d4;
    }

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

    .byjOqU {
      color:#86efac;
      border:1px solid #14532d;
      display:flex;
      padding:10px 14px;
      font-size:13px;
      background:#0f3523;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      margin-bottom:16px;
      flex-direction:column;
    }

    .cGvqsT {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:13px;
      margin-top:4px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .bQaIDo {
      flex:1;
      color:#ffffff;
      border:none;
      display:inline-block;
      outline:none;
      padding:10px 0;
      font-size:14px;
      min-width:0px;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eDziNh {
      gap:20px;
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .ctrKkY {
      color:#ffffff;
      border:1px solid #2a2d36;
      display:inline-block;
      outline:none;
      padding:10px 14px;
      font-size:14px;
      background:#121316;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

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

    .cIIHtq {
      color:#1a89f8;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      text-decoration:none;
    }

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

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

    .kSTkS {
      gap:10px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fmLlqi {
      color:#6b7280;
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .YyFYp {
      color:#ffffff;
      border:1px solid var(--usernameBorder);
      display:inline-block;
      outline:none;
      padding:10px 14px;
      font-size:14px;
      background:#121316;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

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

    .login\:loginFormWrapper {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

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

    .qMpWH {
      gap:2px;
      color:inherit;
      border:1px solid #2a2d36;
      display:flex;
      padding:0 14px;
      font-size:inherit;
      background:#121316;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

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

    .cJvUfi {
      color:#6b7280;
      display:inline;
      font-size:12px;
      font-family:monospace;
      font-weight:inherit;
      flex-direction:row;
    }

    .login\:signupFormWrapper {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .ewJKqV {
      color:#86efac;
      margin:0px;
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .cUUdob {
      color:#fca5a5;
      margin:-8px 0 0 0;
      display:block;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .tOkpY {
      color:#fca5a5;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }