@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1a0c04;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #231107;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3a190a;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4c1e07;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5c260b;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #703211;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8c3f15;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c25c19;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e2661b;
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f97d23;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff9d55;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe2cb;
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --border-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --border-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #04070e;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #070c16;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0c1322;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111c2f;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16233a;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b2a45;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #223351;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b4066;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3a5385;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5c78a8;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8199c0;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b6c6e2;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #eaf1fb;
}
@property --overlay-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --border-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --overlay-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --badge-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --badge-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --rounding-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --line-height-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --side-menu-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 240px;
}
@property --spinner-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --letter-spacing-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --overlay-inverted-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}

  :host, :root {
  --bold: 700;
  --semi: 600;
  --medium: 500;
  --normal: 400;
  --brand-1: #1a0c04;
  --brand-2: #231107;
  --brand-3: #3a190a;
  --brand-4: #4c1e07;
  --brand-5: #5c260b;
  --brand-6: #703211;
  --brand-7: #8c3f15;
  --brand-8: #c25c19;
  --brand-9: #e2661b;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --brand-10: #f97d23;
  --brand-11: #ff9d55;
  --brand-12: #ffe2cb;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #04070e;
  --neutral-1: #070c16;
  --neutral-2: #0c1322;
  --neutral-3: #111c2f;
  --neutral-4: #16233a;
  --neutral-5: #1b2a45;
  --neutral-6: #223351;
  --neutral-7: #2b4066;
  --neutral-8: #3a5385;
  --neutral-9: #5c78a8;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px 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-sm:  0 1px 2px 0 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);
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --neutral-10: #8199c0;
  --neutral-11: #b6c6e2;
  --neutral-12: #eaf1fb;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --badge-size-lg: 2.5rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 240px;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
  
  
  [data-nc-theme~="Default"] {
  --bold: 700;
  --semi: 600;
  --medium: 500;
  --normal: 400;
  --brand-1: #1a0c04;
  --brand-2: #231107;
  --brand-3: #3a190a;
  --brand-4: #4c1e07;
  --brand-5: #5c260b;
  --brand-6: #703211;
  --brand-7: #8c3f15;
  --brand-8: #c25c19;
  --brand-9: #e2661b;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --brand-10: #f97d23;
  --brand-11: #ff9d55;
  --brand-12: #ffe2cb;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #04070e;
  --neutral-1: #070c16;
  --neutral-2: #0c1322;
  --neutral-3: #111c2f;
  --neutral-4: #16233a;
  --neutral-5: #1b2a45;
  --neutral-6: #223351;
  --neutral-7: #2b4066;
  --neutral-8: #3a5385;
  --neutral-9: #5c78a8;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px 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-sm:  0 1px 2px 0 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);
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --neutral-10: #8199c0;
  --neutral-11: #b6c6e2;
  --neutral-12: #eaf1fb;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --badge-size-lg: 2.5rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 240px;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-Space Grotesk: 'Space Grotesk',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* 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;
    }
  }
}


    .fkPcBw {
      gap:1.5rem;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      font-size:inherit;
      max-width:60rem;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1.5rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:column;
      padding-bottom:4rem;
    }

    @media (max-width: 719px) {

    .fkPcBw {
      gap:1.25rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:3rem;
    }
    }

    .bvTdBl {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      display:flex;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      min-height:100vh;
      overflow-x:clip;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:column;
      background-color:#080B14;
      background-image:none;
      background-attachment:scroll;
    }

    .bvTdBl::before {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      content:"";
      z-index:-1;
      position:fixed;
      pointer-events:none;
      background-size:180px 180px, 100% 100%;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(90deg, rgba(24, 32, 78, 0.85) 0%, rgba(24, 32, 78, 0.74) 4%, rgba(24, 32, 78, 0.6) 8%, rgba(24, 32, 78, 0.45) 12%, rgba(24, 32, 78, 0.31) 16%, rgba(24, 32, 78, 0.19) 20%, rgba(24, 32, 78, 0.1) 24%, rgba(24, 32, 78, 0.04) 28%, rgba(24, 32, 78, 0) 32%, rgba(17, 38, 32, 0) 68%, rgba(17, 38, 32, 0.04) 72%, rgba(17, 38, 32, 0.1) 76%, rgba(17, 38, 32, 0.19) 80%, rgba(17, 38, 32, 0.31) 84%, rgba(17, 38, 32, 0.45) 88%, rgba(17, 38, 32, 0.6) 92%, rgba(17, 38, 32, 0.74) 96%, rgba(17, 38, 32, 0.85) 100%);
      background-repeat:repeat, no-repeat;
    }

    .bGCNOR {
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
      width:100%;
      display:flex;
      position:relative;
      max-width:360px;
      transition:height 150ms ease 0ms normal;
      flex-direction:column;
    }

    .bHYIqa {
      top:var(--top);
      width:100%;
      position:absolute;
      pointer-events:all;
    }

    .bHYIqa.swipe-out-top {
      translate:0 -100%;
    }

    .bHYIqa.swipe-out-right {
      translate:100% 0px;
    }

    .bHYIqa.swipe-out-bottom {
      translate:0 100%;
    }

    .bHYIqa.swipe-out-left {
      translate:-100% 0px;
    }

    .so-toast\:root {
      gap:0.75rem;
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      opacity:0;
      translate:0 16px;
      padding-top:1rem;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
    }

    .so-toast\:root.closing {
      opacity:0;
      translate:0 -16px;
    }

    .so-toast\:root.open-transition {
      transition:all 250ms ease 0ms normal;
    }

    .so-toast\:root.close-transition {
      transition:all 150ms ease 0ms normal;
    }

    .so-toast\:root.success {
      color:var(--success-11, #0BD8B6);
      border-color:var(--success-6, #145750);
      border-style:solid;
      border-width:1px;
      background-color:var(--success-2, #111C1B);
    }

    .so-toast\:root.warning {
      color:var(--warning-11, #FFCA16);
      border-color:var(--warning-6, #5C3D05);
      border-style:solid;
      border-width:1px;
      background-color:var(--warning-2, #1D180F);
    }

    .so-toast\:root.critical {
      color:var(--critical-11, #FF949D);
      border-color:var(--critical-6, #6F2539);
      border-style:solid;
      border-width:1px;
      background-color:var(--critical-2, #1E1517);
    }

    .bofcjN {
      gap:0.5rem;
      flex-direction:row;
    }

    .UgCri {
      color:var(--neutral-11, #B5B2BC);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .UgCri.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .UgCri.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .so-toast\:FW2tKddjmqBb2S_WPmtMS {
      color:inherit;
    }

    .FjDpe {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dhGxig {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:var(--semi);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .dhGxig.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dhGxig.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .so-toast\:gYVdDIDxaBXSrlkux9YPE {
      flex:1;
      color:inherit;
    }

    .eaboky {
      width:fit-content;
      height:auto;
    }

    .so-button-tertiary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--overlay-a1, #ffffff0d);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-tertiary\:root:hover {
      background-color:var(--overlay-a2, #ffffff1a);
    }

    .so-button-tertiary\:root:active {
      transition:none;
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-button-tertiary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-tertiary\:root.trigger-open {
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-button-tertiary\:root.disabled {
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk {
      width:var(--text-lg);
      height:var(--text-lg);
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:hover {
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:active {
      background-color:transparent;
    }

    .coxdjf {
      width:var(--width);
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:end;
      padding-top:1.25rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:1.25rem;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:center;
      justify-content:start;
    }
    }

    .bCdfru {
      display:none;
      min-height:32px;
    }

    .eBrcUZ {
      color:var(--neutral-11, #B5B2BC);
      display:table-cell;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      font-variant-numeric:tabular-nums;
    }

    .dDqMoI {
      color:var(--neutral-10, #7C7A85);
      display:table-cell;
      font-size:var(--text-xs);
      text-align:right;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .eFWwwA {
      gap:0.75rem;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .eFWwwA:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:4px;
      outline-offset:4px;
    }

    .dFPxIz {
      color:var(--neutral-11, #B5B2BC);
      display:table-cell;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      font-variant-numeric:tabular-nums;
    }

    .fFWczq {
      color:var(--neutral-10, #7C7A85);
      display:table-cell;
      font-size:var(--text-xs);
      text-align:right;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .DWsvR {
      color:var(--brand-12, #ffe0c2);
      width:1.75rem;
      height:1.75rem;
      display:flex;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
      background-color:var(--brand-5, #542410);
    }

    .cInJrv {
      top:0px;
      color:inherit;
      display:block;
      z-index:12;
      position:sticky;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(12px);
      background-color:rgba(8, 11, 20, 0.55);
      -webkit-backdrop-filter:blur(12px);
    }

    .begpot {
      color:inherit;
      width:0.5rem;
      height:0.5rem;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      background-color:var(--brand-10, #f97d23);
    }

    .PcSwn {
      color:var(--neutral-11, #B5B2BC);
      display:table-cell;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:1rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .MANyl {
      color:var(--neutral-10, #7C7A85);
      width:3.5rem;
      display:table-cell;
      font-size:var(--text-xs);
      text-align:left;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:1rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .epBOCX {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .fnLTne {
      gap:0.5rem;
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      padding:1.5rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 719px) {

    .fnLTne {
      padding:1.25rem;
    }
    }

    .cIrytl {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .NxlBo {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:1.25rem;
    }

    @media (max-width: 479px) {

    .NxlBo {
      padding-left:1rem;
      padding-right:1rem;
    }
    }

    .efFEmy {
      color:inherit;
      display:flex;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fvFwHl {
      top:3.75rem;
      color:inherit;
      display:block;
      z-index:9;
      position:sticky;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:none;
      background-color:rgba(8, 11, 20, 0.92);
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
      -webkit-backdrop-filter:none;
    }

    .LVmcG {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    @media (max-width: 479px) {

    .LVmcG {
      display:none;
    }
    }

    .fqMffu {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-xl);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .wEXAf {
      gap:0.25rem;
      color:#fafafa;
      border:1px solid var(--neutral-4, #16233a);
      cursor:pointer;
      display:flex;
      padding:1.125rem 1.25rem;
      font-size:inherit;
      text-align:left;
      transition:border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
      font-family:'Outfit';
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-3, #111c2f);
    }

    .wEXAf:hover {
      transform:translateY(-2px);
      border-color:rgba(249, 125, 35, 0.5);
      background-color:var(--brand-2, #231107);
    }

    .wEXAf:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .dzYzED {
      color:var(--brand-11, #ff9d55);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

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

    .cCSJmA {
      color:var(--neutral-10, #7C7A85);
      display:inline-block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      margin-right:auto;
      flex-direction:row;
    }

    .fzGiPR {
      gap:0.75rem;
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      padding:1.25rem 1.5rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    .brsPzg {
      gap:0.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .OvcOl {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--medium);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .OvcOl.now {
      color:var(--brand-11, #ff9d55);
    }

    .eksGcQ {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.625rem;
      flex-direction:row;
      padding-bottom:0.625rem;
      border-bottom-color:var(--neutral-4, #2B292D);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
      grid-template-columns:1.75rem minmax(0, 1fr) auto;
    }

    .eksGcQ:last-child {
      padding-bottom:0px;
      border-bottom-width:0px;
    }

    .djPhdP {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      justify-content:space-between;
      border-bottom-color:var(--neutral-4, #2B292D);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .djPhdP:last-child {
      padding-bottom:0px;
      border-bottom-width:0px;
    }

    .dxkHZF {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-grow:0;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dxkHZF.grow {
      flex-grow:1;
    }

    .csDIGZ {
      gap:0.75rem;
      color:inherit;
      width:100%;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cLqzum {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fxtGlm {
      gap:0.25rem;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      font-size:inherit;
      max-width:60rem;
      list-style:none;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0px;
      scrollbar-width:none;
    }

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

    @media (max-width: 719px) {

    .fxtGlm {
      padding-left:0.5rem;
      padding-right:0.5rem;
    }
    }

    .exAMoe {
      color:inherit;
      display:table-cell;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .eBgjbX {
      color:var(--neutral-12, #EEEEF0);
      display:table-cell;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      font-variant-numeric:tabular-nums;
    }

    .FVTSy {
      color:var(--neutral-12, #EEEEF0);
      display:table-cell;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      font-variant-numeric:tabular-nums;
    }

    .fpzaOJ {
      color:var(--neutral-10, #7C7A85);
      display:table-cell;
      font-size:var(--text-xs);
      text-align:left;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.75rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.75rem;
    }

    .daAoou {
      color:#f4f4f5;
      inset:0px;
      display:flex;
      padding:1rem;
      z-index:50;
      position:fixed;
      font-size:inherit;
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .bYmlkw {
      color:#a1a1aa;
      margin:0px;
      display:block;
      font-size:var(--text-md);
      margin-top:-0.25rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .eUugeJ {
      color:#fafafa;
      margin:0px;
      display:block;
      font-size:var(--text-2xl);
      font-family:'Space Grotesk';
      font-weight:600;
      line-height:1.2;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    @media (max-width: 479px) {

    .eUugeJ {
      font-size:var(--text-xl);
    }
    }

    .fuuAzu {
      gap:1rem;
      color:inherit;
      width:100%;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      padding:1.75rem;
      position:relative;
      animation:authIn 160ms ease-out;
      font-size:inherit;
      max-width:32rem;
      box-shadow:0 24px 64px rgba(0, 0, 0, 0.55);
      max-height:calc(100dvh - 2rem);
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 479px) {

    .fuuAzu {
      padding:1.25rem;
    }
    }

    @keyframes authIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(8px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px) scale(1);
        }
    }

    .cCHbtE {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fxoKIP {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:0.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .dSQttU {
      flex:1 1 0px;
      color:#fafafa;
      width:100%;
      border:1px solid var(--neutral-5, #1b2a45);
      height:3.25rem;
      display:block;
      padding:0px;
      font-size:1.5rem;
      max-width:3rem;
      min-width:0px;
      text-align:center;
      transition:border-color 150ms ease, box-shadow 150ms ease;
      caret-color:var(--brand-10, #f97d23);
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      background-color:var(--neutral-3, #111c2f);
      font-variant-numeric:tabular-nums;
    }

    @media (max-width: 379px) {

    .dSQttU {
      height:2.875rem;
      font-size:1.25rem;
    }
    }

    .dSQttU:focus {
      outline:none;
      box-shadow:0 0 0 1px var(--brand-10, #f97d23);
      border-color:var(--brand-10, #f97d23);
    }

    .dSQttU:disabled {
      opacity:0.6;
    }

    .cwivkH {
      color:inherit;
      inset:0px;
      display:block;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(4px);
      background-color:rgba(8, 11, 20, 0.72);
      -webkit-backdrop-filter:blur(4px);
    }

    .dORabc {
      color:var(--critical-11, #ec5a72);
      border:1px solid var(--critical-6, #5c1e2a);
      margin:0px;
      display:block;
      padding:0.625rem 0.875rem;
      font-size:var(--text-sm);
      border-left:3px solid var(--critical-9, #e5484d);
      font-family:inherit;
      font-weight:500;
      line-height:1.5;
      border-radius:8px;
      flex-direction:row;
      background-color:var(--critical-3, #3b1219);
    }

    .eQwlTz {
      clip:rect(0 0 0 0);
      color:inherit;
      width:1px;
      border:0px;
      height:1px;
      margin:-1px;
      display:block;
      padding:0px;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .chVrbM {
      top:50%;
      color:var(--success-11, #0BD8B6);
      right:0.75rem;
      width:1.25rem;
      height:1.25rem;
      display:block;
      position:absolute;
      font-size:inherit;
      margin-top:-0.625rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .fdgIcX {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .ddKosW {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .foQwPO {
      color:#d4d4d8;
      display:inline;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      padding-bottom:0.25rem;
    }

    .cHuvxK {
      gap:0.25rem 1.25rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

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

    .cUoEqr {
      top:50%;
      color:var(--critical-11, #ec5a72);
      right:0.75rem;
      width:1.25rem;
      height:1.25rem;
      display:block;
      position:absolute;
      font-size:inherit;
      margin-top:-0.625rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .eeTZlA {
      color:#fafafa;
      width:100%;
      border:1px solid var(--neutral-6, #223351);
      height:2.75rem;
      display:inline-block;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:inherit;
      padding-left:0.875rem;
      border-radius:8px;
      padding-right:2.5rem;
      flex-direction:row;
      background-color:var(--neutral-1, #070c16);
    }

    .eeTZlA.invalid {
      border-color:var(--critical-9, #e5484d);
    }

    .eeTZlA.valid {
      border-color:var(--success-9, #12A594);
    }

    .eeTZlA:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:1px;
    }

    .bzfSXg {
      color:#d4d4d8;
      border:1px solid var(--neutral-5, #1b2a45);
      margin:0px;
      display:block;
      padding:0.625rem 0.875rem;
      font-size:var(--text-sm);
      border-left:3px solid var(--brand-9, #e0691a);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      border-radius:8px;
      flex-direction:row;
      background-color:var(--neutral-3, #111c2f);
    }

    .JnVrR {
      color:#a1a1aa;
      margin:0px;
      display:block;
      font-size:var(--text-md);
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bxtQyB {
      color:#fafafa;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .ffHyZp {
      color:inherit;
      display:block;
      position:relative;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bTxpYf {
      top:50%;
      color:inherit;
      right:0.875rem;
      width:1rem;
      border:2px solid var(--neutral-6, #223351);
      height:1rem;
      display:block;
      position:absolute;
      animation:authSpinName 700ms linear infinite;
      font-size:inherit;
      margin-top:-0.5rem;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      pointer-events:none;
      border-top-color:var(--brand-10, #f97d23);
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .fpEnWJ {
      color:#f4f4f5;
      border:1px solid var(--neutral-6, #223351);
      cursor:pointer;
      display:inline-flex;
      padding:0.625rem 1.25rem;
      font-size:var(--text-md);
      transition:border-color 150ms ease, background-color 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
      background-color:transparent;
    }

    .fpEnWJ:hover {
      border-color:var(--neutral-7, #2d4166);
      background-color:var(--neutral-3, #111c2f);
    }

    .fpEnWJ:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .efurCO {
      top:50%;
      color:inherit;
      right:0.875rem;
      width:1rem;
      border:2px solid var(--neutral-6, #223351);
      height:1rem;
      display:block;
      position:absolute;
      animation:authSpinEmail 700ms linear infinite;
      font-size:inherit;
      margin-top:-0.5rem;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      pointer-events:none;
      border-top-color:var(--brand-10, #f97d23);
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .dTbBUP {
      color:var(--critical-11, #ec5a72);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

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

    .cugqoS {
      color:var(--brand-11, #ff9d55);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:0.25rem 0;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:500;
      flex-direction:row;
      background-color:transparent;
      font-variant-numeric:tabular-nums;
    }

    .cugqoS:hover {
      color:var(--brand-10, #f97d23);
      text-decoration:underline;
    }

    .cugqoS:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:2px;
      outline-offset:2px;
    }

    .cugqoS:disabled {
      color:#8a8a93;
      cursor:not-allowed;
      text-decoration:none;
    }

    .bSEcDb {
      font:inherit;
      color:var(--brand-11, #ff9d55);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:0px;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      background-color:transparent;
    }

    .bSEcDb:hover {
      color:var(--brand-10, #f97d23);
      text-decoration:underline;
    }

    .bSEcDb:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:2px;
      outline-offset:2px;
    }

    .divbUU {
      color:#0a0a0a;
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:0.625rem 1.375rem;
      font-size:var(--text-md);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
      background-color:var(--brand-10, #f97d23);
    }

    .divbUU:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .divbUU:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .divbUU:disabled {
      cursor:not-allowed;
      opacity:0.5;
      transform:none;
      background-color:var(--brand-10, #f97d23);
    }

    .fooASq {
      top:50%;
      color:inherit;
      right:0.875rem;
      width:1rem;
      border:2px solid var(--neutral-6, #223351);
      height:1rem;
      display:block;
      position:absolute;
      animation:authSpinDiscord 700ms linear infinite;
      font-size:inherit;
      margin-top:-0.5rem;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      pointer-events:none;
      border-top-color:var(--brand-10, #f97d23);
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .cGMxLi {
      font:inherit;
      color:var(--brand-11, #ff9d55);
      border:none;
      cursor:pointer;
      display:inline;
      padding:0px;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      margin-left:0.25rem;
      flex-direction:row;
      background-color:transparent;
    }

    .cGMxLi:hover {
      color:var(--brand-10, #f97d23);
      text-decoration:underline;
    }

    .cGMxLi:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:2px;
      outline-offset:2px;
    }

    .iLflj {
      color:#a1a1aa;
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:0.25rem 0;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:500;
      flex-direction:row;
      background-color:transparent;
    }

    .iLflj:hover {
      color:#fafafa;
      text-decoration:underline;
    }

    .iLflj:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:2px;
      outline-offset:2px;
    }

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

    .eIhuGK {
      color:inherit;
      width:2.5rem;
      border:1px solid var(--neutral-5, #1b2a45);
      height:2.5rem;
      display:block;
      font-size:inherit;
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    @media (max-width: 479px) {

    .eIhuGK {
      width:2.25rem;
      height:2.25rem;
      border-radius:8px;
    }
    }

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

    .dNNzXZ {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:1rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eOIDlc {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
      height:var(--interactive-height-lg, 3rem);
      display:block;
      font-size:var(--text-md);
      min-width:0px;
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      border-color:var(--brand-8, #c25c19);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-md);
      padding-right:1rem;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
      background-color:var(--neutral-1, #121113);
    }

    .eOIDlc:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dYyFUq {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:0.75rem 1rem;
      font-size:inherit;
      margin-top:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--neutral-1, #121113);
    }

    .fAmdpG {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      padding:1rem;
      z-index:40;
      position:fixed;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .dXCUt {
      gap:0.625rem;
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      padding:1.5rem;
      font-size:inherit;
      transition:border-color 150ms ease, transform 150ms ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 719px) {

    .dXCUt {
      padding:1.25rem;
    }
    }

    .dXCUt.joined {
      border-color:rgba(249, 125, 35, 0.5);
    }

    .dXCUt.joined:hover {
      border-color:rgba(249, 125, 35, 0.75);
    }

    .dXCUt:hover {
      transform:translateY(-2px);
      border-color:var(--neutral-6, #223351);
    }

    .IXZps {
      gap:0.75rem;
      color:var(--warning-11, #FFCA16);
      display:flex;
      padding:0.75rem 0.875rem;
      flex-wrap:wrap;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--neutral-1, #121113);
    }

    .IXZps.submitted {
      color:var(--success-11, #3dd68c);
    }

    .IXZps.locked {
      color:var(--critical-11, #EC5A72);
    }

    .IXZps.due {
      gap:0.25rem;
      padding:1rem;
      align-items:stretch;
      border-color:rgba(255, 202, 22, 0.55);
      flex-direction:column;
      background-color:rgba(255, 202, 22, 0.08);
    }

    .ewdiNp {
      color:#a1a1aa;
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .gtwFr {
      gap:0.25rem;
      color:#8a8a93;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:var(--text-sm);
      border-top:1px solid var(--neutral-4, #16233a);
      list-style:none;
      margin-top:auto;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.875rem;
      flex-direction:column;
    }

    .egnQtS {
      color:#fafafa;
      margin:0px;
      display:block;
      font-size:var(--text-xl);
      margin-top:0.25rem;
      font-family:'Space Grotesk';
      font-weight:500;
      line-height:1.2;
      flex-direction:row;
      letter-spacing:-0.015em;
    }

    .clImPM {
      gap:2rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .fawclj {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-md);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .deasId {
      gap:0.5rem;
      color:inherit;
      display:flex;
      padding:1rem;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--success-9, #12A594);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:column;
      background-color:var(--success-2, #0D1A14);
    }

    .bQcwBi {
      color:inherit;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

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

    .fqXXQN {
      gap:1.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dBjcTP {
      color:var(--neutral-8, #625F69);
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bNfUpS {
      gap:0.5rem;
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      padding:1.25rem 1.5rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    .cFqlbp {
      color:inherit;
      margin:0px;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .wnqmD {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1.5rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:1.5rem;
      border-top-color:var(--neutral-5, #323035);
      border-top-style:solid;
      border-top-width:var(--border-md);
    }

    @media (max-width: 479px) {

    .wnqmD {
      padding-top:1.25rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1.25rem;
    }
    }

    .bTyBOB {
      gap:0.375rem;
      color:var(--neutral-11, #B5B2BC);
      cursor:pointer;
      display:flex;
      font-size:var(--text-sm);
      transition:color 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      background-color:transparent;
      border-top-width:0px;
      border-left-width:0px;
      border-right-width:0px;
      border-bottom-color:transparent;
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .bTyBOB.active {
      color:var(--brand-11, #ff9d55);
      border-bottom-color:var(--brand-9, #e2661b);
    }

    .bTyBOB:hover {
      color:var(--neutral-12, #EEEEF0);
    }

    .bTyBOB:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:-2px;
    }

    @media (max-width: 479px) {

    .bTyBOB {
      padding-left:0.625rem;
      padding-right:0.625rem;
    }
    }

    .dkgvxW {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1.75rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:1.5rem;
      grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
    }

    @media (max-width: 479px) {

    .dkgvxW {
      gap:0.5rem;
      padding-top:1.25rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:1rem;
    }
    }

    .mBsFq {
      color:#f4f4f5;
      border:1px solid var(--neutral-6, #223351);
      cursor:pointer;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, color 150ms ease, border-color 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      background-color:transparent;
    }

    .mBsFq:hover {
      color:#0a0a0a;
      border-color:var(--brand-10, #f97d23);
      background-color:var(--brand-10, #f97d23);
    }

    .mBsFq:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .cAHnuL {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-md);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    @media (max-width: 479px) {

    .cAHnuL {
      width:min-content;
      font-size:0.8125rem;
      line-height:1.1;
    }
    }

    .cQvZYN {
      color:inherit;
      width:100%;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      overflow:hidden;
      position:relative;
      animation:deckDialogIn 160ms ease-out;
      font-size:inherit;
      max-width:48rem;
      box-shadow:0 24px 64px rgba(0, 0, 0, 0.55);
      max-height:calc(100dvh - 2rem);
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @keyframes deckDialogIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(8px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px) scale(1);
        }
    }

    .eJnwoz {
      gap:0.25rem;
      color:var(--color);
      width:fit-content;
      height:var(--height);
      display:flex;
      font-size:var(--font-size);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      border-color:var(--color-border);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:var(--padding-horizontal);
      border-radius:var(--rounding-full);
      padding-right:var(--padding-horizontal);
      flex-direction:row;
      justify-content:center;
      background-color:var(--color-bg);
    }

    .eAiQeL {
      gap:1rem;
      color:inherit;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    }

    .eyakgF {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.75rem;
      flex-direction:column;
      border-top-color:var(--neutral-4, #2B292D);
      border-top-style:solid;
      border-top-width:var(--border-md);
    }

    .fimfWA {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      max-width:40rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .so-button-primary\:root {
      gap:0.25rem;
      color:var(--neutral-0, #0b0a0b);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--brand-10, #8a75dd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-primary\:root:hover {
      background-color:var(--brand-9, #755ed1);
    }

    .so-button-primary\:root:active {
      transition:none;
      background-color:var(--brand-11, #BAA7FF);
    }

    .so-button-primary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-primary\:root.disabled {
      opacity:0.5;
      background-color:var(--brand-10, #8a75dd);
    }

    .erOIUf {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .cEwXHJ {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .eHeDKH {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .ctGaNN {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--brand-10, #7D66D9);
    }

    .play\:joinButton {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:joinButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:joinButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .cfSHwu {
      color:var(--success-11, #3dd68c);
      display:inline-block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      margin-right:auto;
      flex-direction:row;
    }

    .dkJWlo {
      color:var(--critical-11, #EC5A72);
      display:block;
      padding:0.75rem 1rem;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      line-height:var(--line-height-sm);
      border-color:var(--critical-7, #8C333A);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--critical-2, #1F1315);
    }

    .fDRksl {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-2xl);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-2xl);
      flex-direction:row;
    }

    .dFQBBX {
      gap:0.125rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:end;
      flex-shrink:0;
      font-family:'Outfit';
      font-weight:inherit;
      padding-top:0.625rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:0.625rem;
      background-color:var(--neutral-2, #1A191B);
    }

    .EBtQW {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-3xl);
      font-family:"Outfit";
      font-weight:var(--bold);
      line-height:var(--line-height-3xl);
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .EBtQW.low {
      color:var(--brand-10, #f97d23);
    }

    .EBtQW.done {
      color:var(--critical-10, #EC5A72);
    }

    .EBtQW.idle {
      color:var(--neutral-9, #6F6D78);
    }

    .cVKeNb {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:'Outfit';
      font-weight:var(--medium);
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:0.04rem;
      text-transform:uppercase;
    }

    .cVKeNb.paused {
      color:var(--brand-11, #ff9d55);
    }

    .fucupb {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:2.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:dashed;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:2.5rem;
    }

    .cQKXdJ {
      gap:0.4rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bUYoEw {
      top:0px;
      left:0px;
      color:var(--neutral-12, #EEEEF0);
      right:0px;
      bottom:0px;
      display:flex;
      padding:1.5rem;
      z-index:1000;
      position:fixed;
      animation:loadingScreenFade 320ms ease-out 120ms both;
      font-size:inherit;
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:#080B14;
      background-image:radial-gradient(circle at 50% 42%, rgba(249, 125, 35, 0.14) 0%, rgba(249, 125, 35, 0) 38%), linear-gradient(90deg, rgba(24, 32, 78, 0.85) 0%, rgba(24, 32, 78, 0) 32%, rgba(17, 38, 32, 0) 68%, rgba(17, 38, 32, 0.85) 100%);
    }

    @keyframes loadingScreenFade {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .fgkRCj {
      color:inherit;
      width:0.4rem;
      height:0.4rem;
      display:block;
      animation:loadingScreenDot 1200ms ease-in-out 0ms infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--neutral-11, #b5b2bc);
    }

    @keyframes loadingScreenDot {
        0% {
          opacity: 0.25;
        }

        40% {
          opacity: 1;
        }

        100% {
          opacity: 0.25;
        }
    }

    .clTlif {
      color:inherit;
      width:0.4rem;
      height:0.4rem;
      display:block;
      animation:loadingScreenDot 1200ms ease-in-out 200ms infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--neutral-11, #b5b2bc);
    }

    .bGPa-DE {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      border:3px solid transparent;
      bottom:0px;
      filter:drop-shadow(0 0 6px rgba(249, 125, 35, 0.55));
      display:block;
      position:absolute;
      animation:loadingScreenSpin 900ms cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      border-top-color:var(--brand-10, #f97d23);
      border-right-color:var(--brand-10, #f97d23);
    }

    @media (prefers-reduced-motion: reduce) {

    .bGPa-DE {
      animation-duration:2400ms;
    }
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .fCrcNH {
      color:inherit;
      width:0.4rem;
      height:0.4rem;
      display:block;
      animation:loadingScreenDot 1200ms ease-in-out 400ms infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--neutral-11, #b5b2bc);
    }

    .pQivi {
      color:inherit;
      width:6rem;
      height:6rem;
      display:flex;
      position:relative;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:0.5rem;
      flex-direction:row;
      justify-content:center;
    }

    .fuqAS {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      border:3px solid rgba(255, 255, 255, 0.08);
      bottom:0px;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eWFsca {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:24rem;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cntmtS {
      color:inherit;
      width:4rem;
      border:1px solid var(--neutral-5, #1b2a45);
      height:4rem;
      display:block;
      animation:loadingScreenPulse 1800ms ease-in-out infinite;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
    }

    @media (prefers-reduced-motion: reduce) {

    .cntmtS {
      animation:none;
    }
    }

    @keyframes loadingScreenPulse {
        0% {
          transform: scale(1);
        }

        50% {
          transform: scale(0.94);
        }

        100% {
          transform: scale(1);
        }
    }

    .cHZVcf {
      color:var(--brand-11, #ff9d55);
      margin:0px;
      display:block;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.18em;
      text-transform:uppercase;
    }

    .dlTkfM {
      color:var(--neutral-12, #EEEEF0);
      margin:0px;
      display:block;
      font-size:1.125rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

    .dqIxDO {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

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

    .cLYJHX {
      gap:0.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.5rem;
      flex-direction:column;
    }

    .ceumVl {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-sm);
      margin-top:0.5rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bqjUAy {
      gap:0.625rem;
      color:var(--neutral-12, #EEEEF0);
      display:flex;
      font-size:2.5rem;
      align-items:center;
      font-family:'Space Grotesk';
      font-weight:var(--bold, 700);
      line-height:1;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .dLRXwu {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      display:block;
      font-size:var(--text-sm);
      margin-top:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:rgba(8, 11, 20, 0.55);
      border-top-color:var(--neutral-5, #323035);
      border-top-style:solid;
      border-top-width:var(--border-md);
    }

    .fnKiCq {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cMlTMI {
      color:var(--neutral-12, #EEEEF0);
      margin:0px;
      display:block;
      font-size:var(--text-md);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .cMlTMI.accent {
      color:var(--brand-11, #ff9d55);
    }

    .dBxFYL {
      gap:0.5rem;
      color:var(--neutral-10, #7C7A85);
      cursor:pointer;
      margin:-0.25rem;
      display:inline-flex;
      padding:0.25rem;
      font-size:var(--text-sm);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      white-space:nowrap;
      border-width:0px;
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:transparent;
    }

    .dBxFYL.done {
      color:var(--neutral-11, #B5B2BC);
    }

    .dBxFYL.active {
      color:var(--brand-11, #ff9d55);
      font-weight:var(--semi);
    }

    .dBxFYL:hover {
      color:var(--neutral-12, #EEEEF0);
    }

    .dBxFYL:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
    }

    .fGuiXH {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      display:inline-flex;
      font-size:var(--text-xs);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:var(--semi);
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .fGuiXH.done {
      color:var(--brand-11, #ff9d55);
      border-color:var(--brand-8, #c25c19);
    }

    .fGuiXH.active {
      color:var(--neutral-1, #121113);
      border-color:var(--brand-9, #e2661b);
      background-color:var(--brand-9, #e2661b);
    }

    .doVXQT {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cCEVqu {
      color:inherit;
      width:0.5rem;
      height:0.5rem;
      display:inline-block;
      animation:waitingPulse 1.4s ease-in-out infinite;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      background-color:var(--brand-9, #e2661b);
    }

    @keyframes waitingPulse {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0.25;
        }

        100% {
          opacity: 1;
        }
    }

    .cZKpap {
      left:50%;
      color:#FFD9DC;
      border:1px solid #7A2E35;
      bottom:24px;
      display:block;
      padding:12px 16px;
      z-index:50;
      position:fixed;
      font-size:15px;
      max-width:min(480px, calc(100vw - 32px));
      transform:translateX(-50%);
      box-shadow:0 8px 24px rgba(0, 0, 0, 0.4);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      border-radius:10px;
      flex-direction:row;
      background-color:#2A1215;
    }

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

    .enTwaX {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      padding-bottom:0.25rem;
      grid-template-columns:repeat(3, minmax(13rem, 1fr));
    }

    .bPyXpg {
      gap:0.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cWoXAz {
      gap:0.5rem;
      color:inherit;
      display:flex;
      padding:1rem 1.75rem;
      flex-wrap:wrap;
      font-size:inherit;
      border-top:1px solid var(--neutral-5, #323035);
      box-shadow:0 -12px 24px rgba(0, 0, 0, 0.35);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 479px) {

    .cWoXAz {
      padding:1rem 1.25rem;
    }
    }

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

    .bGFdsj {
      gap:0.625rem;
      color:#ffffff;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      text-decoration:none;
      background-color:#5865F2;
    }

    .bGFdsj:hover {
      transform:translateY(-1px);
      background-color:#4752C4;
    }

    .bGFdsj:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .vRvwH {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:2.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:dashed;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:2.5rem;
    }

    .fvVssh {
      color:var(--neutral-10, #7C7A85);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      margin-top:0.5rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-md);
      flex-direction:row;
    }

    .ciNeGl {
      gap:0.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:24rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bgunnF {
      gap:2rem;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      font-size:inherit;
      max-width:60rem;
      font-family:inherit;
      font-weight:inherit;
      padding-top:2.5rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:column;
      padding-bottom:1.5rem;
    }

    @media (max-width: 719px) {

    .bgunnF {
      gap:1.5rem;
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1.25rem;
    }
    }

    .boyMia {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      max-width:min(32rem, 100%);
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .dYLRAi {
      gap:1rem;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      font-size:inherit;
      max-width:60rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      justify-content:space-between;
    }

    @media (max-width: 719px) {

    .dYLRAi {
      gap:0.75rem;
      padding-left:1rem;
      padding-right:1rem;
    }
    }

    @media (max-width: 479px) {

    .dYLRAi {
      padding-top:0.5rem;
      padding-bottom:0.5rem;
    }
    }

    .fjCwas {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cOuzga {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bOIcB {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      margin-top:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 560px) {

    .bOIcB {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .cJHstA {
      gap:1.25rem;
      color:inherit;
      width:100%;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      padding:1.75rem;
      position:relative;
      animation:judgeDialogIn 160ms ease-out;
      font-size:inherit;
      max-width:34rem;
      box-shadow:0 24px 64px rgba(0, 0, 0, 0.55);
      max-height:calc(100vh - 2rem);
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 479px) {

    .cJHstA {
      padding:1.25rem;
    }
    }

    @keyframes judgeDialogIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(8px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px) scale(1);
        }
    }

    .fqdlkl {
      gap:0.375rem;
      color:var(--neutral-12, #EEEEF0);
      cursor:pointer;
      height:var(--interactive-height-sm);
      display:inline-flex;
      font-size:var(--text-sm);
      min-width:3.25rem;
      transition:background-color 150ms ease 0ms normal, border-color 150ms ease 0ms normal, color 150ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      border-color:var(--neutral-5, #1b2a45);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.875rem;
      border-radius:999px;
      padding-right:0.875rem;
      flex-direction:row;
      justify-content:center;
      background-color:rgba(12, 19, 34, 0.8);
      font-variant-numeric:tabular-nums;
    }

    .fqdlkl.quiet {
      color:var(--neutral-11, #B5B2BC);
      background-color:transparent;
    }

    .fqdlkl.critical {
      color:var(--critical-11, #FF949D);
      border-color:var(--critical-7, #883447);
      background-color:transparent;
    }

    .fqdlkl:hover {
      color:var(--neutral-12, #EEEEF0);
      border-color:var(--neutral-7, #2d4166);
      background-color:var(--neutral-3, #111c2f);
    }

    .fqdlkl:active {
      transition:none;
      border-color:var(--brand-9, #e0691a);
      background-color:rgba(249, 125, 35, 0.16);
    }

    .fqdlkl:focus-visible {
      outline-color:var(--brand-10, #f97d23);
      outline-style:solid;
      outline-width:2px;
      outline-offset:2px;
    }

    .fqdlkl:disabled {
      cursor:not-allowed;
      opacity:0.45;
    }

    .fqdlkl.critical:hover {
      color:var(--critical-12, #FED2E1);;
      border-color:var(--critical-8, #B3445A);;
      background-color:var(--critical-4, #4E1325);;
    }

    .fqdlkl.quiet:hover {
      color:var(--neutral-12, #EEEEF0);;
      background-color:var(--neutral-4, #2B292D);;
    }

    .fqdlkl.selected {
      color:#0a0a0a;
      font-weight:600;
      border-color:var(--brand-10, #f97d23);
      background-color:var(--brand-10, #f97d23);
    }

    .fqdlkl.selected:hover {
      color:#0a0a0a;
      border-color:var(--brand-11, #ff9d55);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:leaveButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .bFoidk {
      gap:1rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cXLcme {
      color:var(--warning-11, #FFCA16);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .cXLcme.submitted {
      color:var(--success-11, #3dd68c);
    }

    .cXLcme.locked {
      color:var(--critical-11, #EC5A72);
    }

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

    .fbSFLv {
      gap:1rem;
      color:inherit;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      padding:1.125rem 1.25rem;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--neutral-2, #0c1322);
    }

    .PcwYB {
      color:var(--neutral-12, #EEEEF0);
      margin:0px;
      display:block;
      font-size:var(--text-md);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-md);
      flex-direction:row;
    }

    .clooma {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fdpWny {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .fBXKVh {
      gap:1rem;
      color:inherit;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      padding:1.75rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 719px) {

    .fBXKVh {
      padding:1.25rem;
    }
    }

    .djTejL {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      cursor:pointer;
      display:flex;
      font-size:var(--text-sm);
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      padding-top:0.25rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.25rem;
      border-radius:999px;
      padding-right:0.625rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      background-color:var(--neutral-2, #1A191B);
    }

    .djTejL:hover {
      border-color:var(--neutral-7, #49474E);
    }

    .djTejL:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .fHzuQy {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 720px) {

    .fHzuQy {
      grid-template-columns:minmax(0, 1fr);
    }
    }

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

    .play\:profileSave {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:profileSave.disabled:hover {
      transform:none;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:profileSave:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:profileSave:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .fGZgvf {
      color:inherit;
      display:table-row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      border-bottom-color:var(--neutral-4, #2B292D);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .fGZgvf.mine {
      box-shadow:inset 3px 0 0 var(--brand-9, #e2661b);
      background-color:var(--brand-2, #231107);
    }

    .fGZgvf.dropped {
      opacity:0.5;
    }

    .fGZgvf:last-child {
      border-bottom-width:0px;
    }

    .cYHrAc {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:flex-start;
      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;
    }

    .bPsXJW {
      color:inherit;
      border:1px solid var(--neutral-5, #323035);
      display:flex;
      overflow:hidden;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:column;
      background-color:var(--neutral-1, #121113);
    }

    .bPsXJW.mine {
      border-color:rgba(249, 125, 35, 0.6);
    }

    .bPsXJW.pending {
      border-style:dashed;
    }

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

    .rcult {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .cYltrr {
      gap:0.625rem;
      color:var(--neutral-12, #EEEEF0);
      display:grid;
      padding:0.5rem 0.75rem;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--neutral-4, #2B292D);
      flex-direction:row;
      grid-template-columns:1.25rem minmax(0, 1fr) auto;
    }

    .cYltrr.winner {
      font-weight:var(--semi);
      background-color:rgba(61, 214, 140, 0.08);
    }

    .cYltrr.loser {
      color:var(--neutral-10, #7C7A85);
    }

    .ehAMwR {
      gap:0.625rem;
      color:var(--neutral-12, #EEEEF0);
      display:grid;
      padding:0.5rem 0.75rem;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1.25rem minmax(0, 1fr) auto;
    }

    .ehAMwR.winner {
      font-weight:var(--semi);
      background-color:rgba(61, 214, 140, 0.08);
    }

    .ehAMwR.loser {
      color:var(--neutral-10, #7C7A85);
    }

    .bOBirl {
      color:#fafafa;
      margin:0px;
      display:block;
      font-size:var(--text-xl);
      font-family:'Space Grotesk';
      font-weight:500;
      line-height:var(--line-height-xl);
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .etIeLj {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 560px) {

    .etIeLj {
      flex-direction:column;
    }
    }

    .eWfRlh {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:block;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(4px);
      background-color:rgba(8, 11, 20, 0.72);
      -webkit-backdrop-filter:blur(4px);
    }

    .dJzbzX {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:0.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:end;
    }

    .bJhZCM {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      margin-bottom:0.5rem;
      flex-direction:row;
    }

    .VEAry {
      gap:1rem;
      color:var(--neutral-10, #7C7A85);
      display:flex;
      flex-wrap:wrap;
      font-size:var(--text-xs);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1rem;
      flex-direction:row;
      justify-content:space-between;
      border-top-color:var(--neutral-4, #2B292D);
      border-top-style:solid;
      border-top-width:var(--border-md);
    }

    .play\:forgetButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .cBGqXA {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .luHlz {
      gap:0.5rem;
      color:inherit;
      margin:0px;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 479px) {

    .luHlz {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .dftpew {
      gap:1.25rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr) 18.5rem;
    }

    @media (max-width: 820px) {

    .dftpew {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .cznkLN {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .dMuVG {
      color:#fafafa;
      margin:0px;
      display:block;
      font-size:clamp(2rem, 4.5vw, 2.75rem);
      text-wrap:balance;
      font-family:'Space Grotesk';
      font-weight:500;
      line-height:1.05;
      flex-direction:row;
      letter-spacing:-0.035em;
    }

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

    .flcybd {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.625rem;
      flex-direction:row;
      padding-bottom:0.625rem;
      border-bottom-color:var(--neutral-4, #2B292D);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
      grid-template-columns:2.25rem minmax(0, 1fr) auto;
    }

    .flcybd:last-child {
      border-bottom-width:0px;
    }

    .egasII {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      overflow:hidden;
      font-size:var(--text-lg);
      max-width:100%;
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    @media (max-width: 479px) {

    .egasII {
      font-size:var(--text-md);
    }
    }

    .AwbgL {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-xl);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-xl);
      flex-direction:row;
    }

    .ejFLOF {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:0.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .play\:reportButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .ciAjQi {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .ciAjQi.done {
      color:var(--success-11, #3dd68c);
    }

    .ciAjQi.alert {
      color:var(--critical-11, #EC5A72);
    }

    .cWbvyi {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .cWbvyi.win {
      color:var(--success-11, #3dd68c);
    }

    .cWbvyi.loss {
      color:var(--critical-11, #EC5A72);
    }

    .cWbvyi.draw {
      color:var(--neutral-11, #B5B2BC);
    }

    .cWbvyi.now {
      color:var(--neutral-10, #7C7A85);
      font-weight:var(--medium);
    }

    .dATkoi {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bvjPdu {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

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

    .ewtPAi {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .cOFvfC {
      color:var(--neutral-11, #B5B2BC);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bASFOh {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-md);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

    .eUoYZi {
      color:var(--neutral-12, #EEEEF0);
      display:inline-block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

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

    .qRcKH {
      color:var(--neutral-11, #B5B2BC);
      cursor:pointer;
      display:block;
      font-size:var(--text-sm);
      text-align:left;
      transition:color 150ms ease;
      font-family:'Outfit';
      font-weight:inherit;
      padding-top:0.25rem;
      border-style:none;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:0.25rem;
      background-color:transparent;
    }

    .qRcKH.active {
      color:var(--brand-11, #ff9d55);
    }

    .qRcKH:hover {
      color:var(--neutral-12, #EEEEF0);
    }

    .qRcKH:focus-visible {
      border-radius:var(--rounding-sm);
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:2px;
    }

    .cHScgf {
      gap:0.25rem 2rem;
      color:inherit;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, auto);
    }

    @media (max-width: 479px) {

    .cHScgf {
      gap:0.25rem 1.5rem;
    }
    }

    .eMeWog {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      max-width:100%;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eMggXl {
      color:var(--neutral-10, #7C7A85);
      border:1px solid var(--neutral-5, #1b2a45);
      display:inline-block;
      padding:0.0625rem 0.5rem;
      font-size:0.75em;
      font-family:inherit;
      font-weight:inherit;
      margin-left:0.5rem;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      vertical-align:middle;
      font-variant-numeric:tabular-nums;
    }

    .cgthBr {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .bLQdCu {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(4px);
      background-color:rgba(8, 11, 20, 0.72);
      -webkit-backdrop-filter:blur(4px);
    }

    .eexvRG {
      gap:1rem;
      color:inherit;
      display:flex;
      padding:1.25rem;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-lg);
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--neutral-2, #1A191B);
    }

    @media (max-width: 479px) {

    .eexvRG {
      padding:1rem;
    }
    }

    .play\:judgeSentDone {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .evvvlY {
      gap:1rem;
      color:var(--neutral-11, #B5B2BC);
      border:1px dashed var(--neutral-5, #323035);
      display:flex;
      padding:1.25rem;
      flex-wrap:wrap;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      justify-content:space-between;
    }

    .dWkZKU {
      gap:0.75rem;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

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

    .dhNPy {
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      transition:border-color 150ms ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    .dhNPy.open {
      border-color:rgba(249, 125, 35, 0.5);
    }

    .dhNPy:hover {
      border-color:var(--neutral-6, #223351);
    }

    .fkVsiR {
      color:inherit;
      margin:0px;
      display:flex;
      padding:0.25rem 0.875rem;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--rounding-md);
      flex-direction:column;
      background-color:var(--neutral-1, #121113);
    }

    .bxoXlm {
      color:var(--neutral-10, #7C7A85);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

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

    .fsxAah {
      gap:0.25rem;
      color:var(--neutral-10, #7C7A85);
      display:flex;
      flex-wrap:wrap;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
      font-variant-numeric:tabular-nums;
    }

    .play\:profileCancel {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .czZOUz {
      gap:0.75rem;
      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;
    }

    .cLIJJH {
      color:var(--success-11, #3dd68c);
      border:1px solid var(--success-6, #1f4d36);
      margin:0px;
      display:block;
      padding:0.625rem 0.875rem;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      border-radius:8px;
      flex-direction:row;
      background-color:var(--success-3, #10291e);
    }

    .cLIJJH.error {
      color:var(--critical-11, #ec5a72);
      border-color:var(--critical-6, #5c1e2a);
      background-color:var(--critical-3, #3b1219);
    }

    .bKJkM {
      gap:0.5rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fit, minmax(7rem, 1fr));
    }

    @media (max-width: 560px) {

    .bKJkM {
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    }

    .eGeVbc {
      gap:0.5rem;
      color:inherit;
      display:flex;
      padding:1rem;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--critical-7, #8C333A);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-lg);
      flex-direction:column;
      background-color:var(--critical-2, #1F1315);
    }

    .eUajEa {
      color:#0a0a0a;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      text-decoration:none;
      background-color:var(--brand-10, #f97d23);
      gap:0.375rem;
    }

    .eUajEa:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .eUajEa:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .doCBcR {
      color:inherit;
      display:table-row-group;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCbidI {
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:block;
      font-size:inherit;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      background-color:var(--neutral-2, #0c1322);
    }

    .djFYcG {
      color:inherit;
      display:table-header-group;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .evVLqV {
      color:inherit;
      height:1px;
      display:block;
      flex-grow:1;
      font-size:inherit;
      min-width:1rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:var(--neutral-5, #323035);
    }

    .evVLqV.done {
      background-color:var(--brand-8, #c25c19);
    }

    .bTTDzl {
      gap:0.625rem;
      color:var(--neutral-11, #B5B2BC);
      display:flex;
      padding:0.875rem 1rem;
      font-size:var(--text-sm);
      margin-top:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      border-color:var(--neutral-5, #323035);
      border-style:dashed;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
    }

    .fkGjaP {
      gap:1rem;
      color:inherit;
      border:1px solid var(--neutral-4, #16233a);
      display:flex;
      padding:1.5rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:column;
      background-color:var(--neutral-2, #0c1322);
    }

    @media (max-width: 719px) {

    .fkGjaP {
      padding:1.125rem;
    }
    }

    .frAuoX {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .boQtzH {
      color:var(--neutral-10, #7C7A85);
      display:inline-block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .TqMgr {
      flex:1;
      color:var(--brand-11, #ff9d55);
      display:inline-block;
      font-size:var(--text-2xl);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
      letter-spacing:0.12em;
    }

    .bHKRmN {
      gap:1.25rem;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      padding:0.25rem 1.75rem 1.5rem;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      overscroll-behavior:contain;
    }

    @media (max-width: 479px) {

    .bHKRmN {
      padding:0.25rem 1.25rem 1.25rem;
    }
    }

    .bPIfmr {
      gap:0.375rem;
      color:inherit;
      display:flex;
      padding:1.75rem 4rem 1rem 1.75rem;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (max-width: 479px) {

    .bPIfmr {
      padding:1.25rem 3.5rem 1rem 1.25rem;
    }
    }

    .btEnqv {
      flex:1 1 14rem;
      color:var(--warning-11, #FFCA16);
      margin:0px;
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      line-height:var(--line-height-sm);
      margin-right:auto;
      flex-direction:row;
    }

    .fELvpi {
      gap:0.375rem;
      color:var(--critical-11, #EC5A72);
      display:inline-flex;
      font-size:var(--text-xs);
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      padding-top:0.25rem;
      border-color:var(--critical-9, #B3445A);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.625rem;
      border-radius:999px;
      padding-right:0.625rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      background-color:var(--neutral-1, #121113);
      font-variant-numeric:tabular-nums;
    }

    .fELvpi.ok {
      color:var(--success-11, #3dd68c);
      border-color:var(--neutral-5, #323035);
    }

    .fELvpi.pending {
      color:var(--neutral-11, #B5B2BC);
      border-color:var(--neutral-5, #323035);
    }

    .brrblX {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .eJaAvw {
      color:var(--critical-11, #ec5a72);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .czYWXp {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-md);
      display:inline-block;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:inherit;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      background-color:var(--neutral-1, #121113);
    }

    .czYWXp:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .eLtPVO {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .play\:goReportButton {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:goReportButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:goReportButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .DdMvC {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

    .fauOyV {
      color:var(--neutral-12, #EEEEF0);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

    .cUZlwr {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-lg);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .dZXFyy {
      color:var(--success-11, #3dd68c);
      display:block;
      font-size:var(--text-md);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .cShbfh {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-sm);
      max-width:32rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .play\:myEventsBrowse {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .eHFCFR {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:0rem 1.25rem 1.25rem;
      animation:pastPanelIn 160ms ease-out;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @keyframes pastPanelIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-4px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px);
        }
    }

    .cmZkCO {
      color:var(--brand-11, #ff9d55);
      display:block;
      padding:0.25rem 0.75rem;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      border-radius:999px;
      flex-direction:row;
      background-color:var(--brand-2, #231107);
      font-variant-numeric:tabular-nums;
    }

    .bgNQgD {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .bgNQgD.win {
      color:var(--success-11, #3dd68c);
    }

    .bgNQgD.loss {
      color:var(--critical-11, #EC5A72);
    }

    .bgNQgD.draw {
      color:var(--neutral-11, #B5B2BC);
    }

    .AnIbf {
      color:var(--brand-11, #ff9d55);
      width:4rem;
      height:4rem;
      display:flex;
      overflow:hidden;
      font-size:var(--text-md);
      align-items:center;
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      border-color:var(--brand-8, #c25c19);
      border-style:solid;
      border-width:2px;
      border-radius:999px;
      margin-bottom:0.5rem;
      flex-direction:row;
      justify-content:center;
      background-color:var(--brand-2, #231107);
    }

    .AnIbf.card {
      width:var(--legend-card-width, 5.5rem);
      height:auto;
      box-shadow:0 6px 18px rgba(0, 0, 0, 0.45);
      aspect-ratio:744 / 1039;
      border-width:2px;
      border-radius:0.375rem;
    }

    @media (max-width: 479px) {

    .AnIbf {
      width:3.25rem;
      height:3.25rem;
      --legend-card-width:4.25rem;
    }
    }

    .tRdzc {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      flex-direction:row;
    }

    .cfeZlY {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .JwWIL {
      gap:1.25rem;
      color:inherit;
      display:flex;
      padding:1.5rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-lg);
      flex-direction:column;
      background-color:var(--neutral-2, #1A191B);
    }

    .bQHZEP {
      color:#0a0a0a;
      cursor:pointer;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      flex-shrink:0;
      font-family:'Outfit';
      font-weight:500;
      border-width:0px;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:center;
      background-color:var(--brand-10, #f97d23);
    }

    .bQHZEP:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .bQHZEP:disabled {
      color:var(--neutral-10, #7C7A85);
      cursor:not-allowed;
      transform:none;
      background-color:var(--neutral-4, #16233a);
    }

    .bQHZEP:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .beQxES {
      color:inherit;
      width:100%;
      display:table;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      border-collapse:collapse;
    }

    .play\:viewLiveButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .ffUJRg {
      gap:0.75rem;
      color:inherit;
      border:1px solid rgba(249, 125, 35, 0.5);
      display:flex;
      padding:0.875rem 1.125rem;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      background-color:var(--brand-2, #231107);
    }

    .play\:clearDataButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .cZhjdO {
      top:1rem;
      color:var(--neutral-11, #B5B2BC);
      right:1rem;
      width:2rem;
      cursor:pointer;
      height:2rem;
      display:flex;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-width:0px;
      border-radius:var(--rounding-md);
      flex-direction:row;
      justify-content:center;
      background-color:transparent;
    }

    .cZhjdO:hover {
      color:var(--neutral-12, #EEEEF0);
      background-color:var(--neutral-4, #2B292D);
    }

    .cZhjdO:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
    }

    .play\:deckLaterButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .play\:eventDeckButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .eiTFqh {
      flex:1 1 12rem;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .dWDHRm {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .canZug {
      gap:0.5rem;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      flex-wrap:wrap;
      font-size:inherit;
      list-style:none;
      margin-top:0.25rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .XUWS {
      gap:0.5rem;
      color:var(--neutral-10, #7C7A85);
      display:flex;
      font-size:var(--text-xs);
      max-width:100%;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .XUWS.found {
      color:var(--success-11, #3dd68c);
    }

    .XUWS.invalid {
      color:var(--critical-11, #EC5A72);
    }

    .XUWS.checking {
      color:var(--neutral-11, #B5B2BC);
    }

    .zcTRe {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      cursor:default;
      height:var(--interactive-height-md);
      display:inline-block;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:inherit;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      background-color:var(--neutral-2, #1A191B);
    }

    .zcTRe:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .IlbEI {
      color:#ffffff;
      cursor:pointer;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      flex-shrink:0;
      font-family:'Outfit';
      font-weight:500;
      border-width:0px;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:center;
      background-color:var(--critical-9, #B3445A);
    }

    .IlbEI:hover {
      transform:translateY(-1px);
      background-color:var(--critical-10, #C4516A);
    }

    .IlbEI:focus-visible {
      outline:2px solid var(--critical-9, #B3445A);
      outline-offset:3px;
    }

    .dYjpoN {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-right:2.5rem;
      flex-direction:column;
    }

    .fzxFGw {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .play\:judgeSendButton {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:judgeSendButton.disabled:hover {
      transform:none;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:judgeSendButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:judgeSendButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .dAacvk {
      gap:0.125rem;
      color:inherit;
      display:flex;
      padding:0.625rem 0.75rem;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--rounding-md);
      flex-direction:column;
      background-color:var(--neutral-1, #121113);
    }

    .play\:lobbyNextButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .eFKosA {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.875rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:0.875rem;
      justify-content:space-between;
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    @media (max-width: 479px) {

    .eFKosA {
      padding-left:1rem;
      padding-right:1rem;
    }
    }

    .eSjDIm {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .bBojSI {
      color:var(--neutral-11, #B5B2BC);
      display:inline-flex;
      font-size:var(--text-xs);
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.375rem;
      white-space:nowrap;
      padding-left:0.75rem;
      border-radius:999px;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.375rem;
      background-color:var(--neutral-4, #2B292D);
    }

    .bBojSI.live {
      color:var(--brand-11, #ff9d55);
      background-color:var(--brand-3, #331a0c);
    }

    .bBojSI.done {
      color:var(--success-11, #3dd68c);
      background-color:var(--success-3, #0f2e22);
    }

    .bBojSI.alert {
      color:var(--critical-11, #EC5A72);
      background-color:var(--critical-3, #3B121B);
    }

    .cBLBak {
      gap:0.875rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:1rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cxKXgw {
      gap:1rem;
      color:inherit;
      width:100%;
      border:none;
      cursor:pointer;
      margin:0px;
      display:flex;
      padding:1.125rem 1.25rem;
      font-size:inherit;
      text-align:left;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:transparent;
    }

    .cxKXgw:hover {
      background-color:var(--neutral-3, #111c2f);
    }

    .cxKXgw:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      border-radius:12px;
      outline-offset:-2px;
    }

    .KzIep {
      color:var(--neutral-11, #B5B2BC);
      border:1px dashed var(--neutral-5, #323035);
      display:block;
      padding:1.25rem;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .cetEYm {
      color:inherit;
      display:block;
      overflow:hidden;
      font-size:inherit;
      max-width:10rem;
      font-family:inherit;
      font-weight:var(--medium);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    @media (max-width: 479px) {

    .cetEYm {
      max-width:5.5rem;
    }
    }

    .dJwvRW {
      color:inherit;
      margin:0px;
      display:block;
      outline:none;
      padding:0px;
      position:relative;
      font-size:inherit;
      transition:transform 0.15s ease, border-color 0.15s ease;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:744 / 1039;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--neutral-3, #232225);
    }

    .dJwvRW.loading {
      animation:deckTilePulse 1.2s ease-in-out infinite;
    }

    .dJwvRW.landscape {
      aspect-ratio:1039 / 744;
    }

    .dJwvRW.zoomed {
      z-index:30;
    }

    .dJwvRW.offDomain {
      box-shadow:0 0 0 2px var(--critical-9, #B3445A);
      border-color:var(--critical-9, #B3445A);
    }

    .dJwvRW:hover {
      transform:translateY(-2px);
      border-color:var(--neutral-8, #5F5D66);
    }

    .dJwvRW:focus-visible {
      border-color:var(--brand-9, #E54D2E);
    }

    .dJwvRW.zoomed:hover {
      transform:none;
    }

    @keyframes deckTilePulse {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0.6;
        }

        100% {
          opacity: 1;
        }
    }

    .eoyUoi {
      top:50%;
      left:50%;
      color:inherit;
      width:18rem;
      display:block;
      z-index:100;
      position:fixed;
      animation:deckTileZoomIn 0.16s ease-out 0.12s both;
      font-size:inherit;
      max-width:90vw;
      transform:translate(-50%, -50%);
      box-shadow:0 24px 48px var(--overlay-inverted-a9, #000000b3);
      max-height:90vh;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:744 / 1039;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-lg);
      flex-direction:row;
      pointer-events:none;
      background-color:var(--neutral-2, #1A191B);
    }

    @media () {

    .eoyUoi {
      display:none;
    }
    }

    @media () {

    .eoyUoi {
      animation:none;
    }
    }

    .eoyUoi.landscape {
      width:26rem;
      aspect-ratio:1039 / 744;
    }

    @keyframes deckTileZoomIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translate(-50%, -50%) scale(0.85);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translate(-50%, -50%) scale(1);
        }
    }

    .dzPirh {
      color:var(--neutral-12, #EEEEF0);
      right:0.375rem;
      bottom:0.375rem;
      display:inline-flex;
      position:absolute;
      font-size:var(--text-xs);
      min-width:1.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.125rem;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:999px;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.125rem;
      justify-content:center;
      background-color:var(--overlay-inverted-a9, #000000b3);
      font-variant-numeric:tabular-nums;
    }

    .Zqoft {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:contain;
      font-family:inherit;
      font-weight:inherit;
      border-radius:inherit;
      flex-direction:row;
    }

    .eeBmeO {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      height:100%;
      display:flex;
      padding:0.5rem;
      font-size:var(--text-xs);
      box-sizing:border-box;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      line-height:1.3;
      flex-direction:row;
      justify-content:center;
    }

    .ddybeK {
      top:0.375rem;
      left:0.375rem;
      color:var(--neutral-12, #EEEEF0);
      display:inline-flex;
      position:absolute;
      font-size:var(--text-xs);
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      padding-top:0.125rem;
      padding-left:0.5rem;
      border-radius:999px;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.125rem;
      background-color:var(--critical-9, #B3445A);
    }

    .bIdXvR {
      gap:0.5rem;
      color:inherit;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fill, minmax(6.5rem, 1fr));
    }

    @media (min-width: 768px) {

    .bIdXvR {
      gap:0.75rem;
      grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr));
    }
    }

    .bIdXvR.compact {
      grid-template-columns:1fr;
    }

    .bIdXvR.landscape {
      grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));
    }

    .cfTJYM {
      gap:0.125rem;
      top:calc(100% + 0.5rem);
      color:var(--neutral-12, #EEEEF0);
      right:0px;
      display:flex;
      z-index:20;
      position:absolute;
      font-size:var(--text-sm);
      min-width:11rem;
      box-shadow:0 12px 32px rgba(0, 0, 0, 0.45);
      font-family:'Outfit';
      font-weight:inherit;
      padding-top:0.25rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.25rem;
      border-radius:var(--rounding-lg);
      padding-right:0.25rem;
      flex-direction:column;
      padding-bottom:0.25rem;
      background-color:var(--neutral-2, #1A191B);
    }

    .blTqsf {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-md, 2.5rem);
      display:block;
      font-size:var(--text-sm);
      max-width:22rem;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.875rem;
      border-radius:var(--rounding-md);
      padding-right:0.875rem;
      flex-direction:row;
      background-color:var(--neutral-1, #121113);
    }

    .blTqsf::placeholder {
      color:var(--neutral-10, #7C7A85);
    }

    .blTqsf:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .play\:changeCodeButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .play\:deckCancelButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .play\:deckSubmitButton {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:deckSubmitButton.disabled:hover {
      transform:none;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:deckSubmitButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:deckSubmitButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .eTKJau {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      font-size:var(--text-md);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-sm);
      flex-direction:row;
    }

    .bPDGIF {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
      letter-spacing:0.04rem;
      text-transform:uppercase;
    }

    .CqQNR {
      color:var(--brand-11, #ff9d55);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

    .cSiGEM {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      resize:vertical;
      display:block;
      padding:0.75rem;
      font-size:var(--text-sm);
      min-height:8rem;
      font-family:'Outfit';
      font-weight:inherit;
      line-height:1.5;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--neutral-1, #121113);
    }

    .cSiGEM::placeholder {
      color:var(--neutral-10, #7C7A85);
    }

    .cSiGEM:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .play\:matchEmptyButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .diMKyl {
      color:inherit;
      width:0.625rem;
      height:0.625rem;
      display:block;
      font-size:inherit;
      transform:translateY(-25%) rotate(45deg);
      transition:transform 150ms ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-right:2px solid var(--neutral-11, #B5B2BC);
      border-bottom:2px solid var(--neutral-11, #B5B2BC);
      flex-direction:row;
    }

    .diMKyl.open {
      transform:translateY(25%) rotate(-135deg);
    }

    .bCXwtd {
      color:var(--neutral-10, #7C7A85);
      display:block;
      overflow:hidden;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .bkICvA {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--medium);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .URFY {
      color:var(--neutral-12, #EEEEF0);
      width:4rem;
      height:4rem;
      display:flex;
      overflow:hidden;
      font-size:var(--text-md);
      align-items:center;
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:2px;
      border-radius:999px;
      margin-bottom:0.5rem;
      flex-direction:row;
      justify-content:center;
      background-color:var(--neutral-3, #232225);
    }

    .URFY.card {
      width:var(--legend-card-width, 5.5rem);
      height:auto;
      box-shadow:0 6px 18px rgba(0, 0, 0, 0.45);
      aspect-ratio:744 / 1039;
      border-width:2px;
      border-radius:0.375rem;
    }

    @media (max-width: 479px) {

    .URFY {
      width:3.25rem;
      height:3.25rem;
      --legend-card-width:4.25rem;
    }
    }

    .dowwaC {
      color:var(--brand-12, #ffe0c2);
      width:3.5rem;
      height:3.5rem;
      display:flex;
      font-size:var(--text-2xl);
      align-items:center;
      flex-shrink:0;
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
      background-color:var(--brand-5, #542410);
    }

    .bguGcG {
      gap:0.5rem;
      flex:1 1 100%;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bguGcG.compact {
      flex:0 0 auto;
      width:9rem;
    }

    .eYKpFA {
      gap:0.25rem;
      color:inherit;
      display:flex;
      padding:0.75rem;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--rounding-md);
      flex-direction:column;
      background-color:var(--neutral-1, #121113);
    }

    .NAqAF {
      color:inherit;
      width:7rem;
      height:auto;
      display:block;
      font-size:inherit;
      box-shadow:0 8px 24px rgba(0, 0, 0, 0.45);
      object-fit:cover;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:744 / 1039;
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--neutral-3, #232225);
    }

    @media (max-width: 560px) {

    .NAqAF {
      width:5rem;
    }
    }

    .bdDmKr {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      text-align:left;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      padding-top:0.5rem;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      text-decoration:none;
      background-color:transparent;
    }

    .bdDmKr:hover {
      background-color:var(--neutral-4, #2A282E);
    }

    .bdDmKr:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:-2px;
    }

    .jhLuJ {
      color:inherit;
      width:1px;
      height:1px;
      display:table-caption;
      overflow:hidden;
      position:absolute;
      clip-path:inset(50%);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .fyuGZj {
      color:inherit;
      display:table-row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .fHxNDR {
      color:var(--neutral-11, #B5B2BC);
      display:block;
      font-size:var(--text-sm);
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:2rem;
      border-color:var(--neutral-5, #323035);
      border-style:dashed;
      border-width:var(--border-md);
      border-radius:var(--rounding-lg);
      flex-direction:row;
      padding-bottom:2rem;
    }

    .binRuD {
      color:#0a0a0a;
      cursor:pointer;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      border-width:0px;
      padding-left:1.75rem;
      border-radius:999px;
      padding-right:1.75rem;
      flex-direction:row;
      background-color:var(--brand-10, #f97d23);
    }

    .binRuD:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .binRuD:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .eYRKcG {
      gap:0.75rem;
      flex:1 1 auto;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:space-around;
    }

    .eqcdWx {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      resize:vertical;
      display:block;
      padding:0.75rem;
      font-size:var(--text-sm);
      min-height:14rem;
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-weight:inherit;
      line-height:1.5;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      flex-direction:row;
      background-color:var(--neutral-1, #121113);
    }

    .eqcdWx.invalid {
      border-color:var(--critical-9, #B3445A);
    }

    .eqcdWx.valid {
      border-color:var(--success-9, #12A594);
    }

    .eqcdWx:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .play\:judgeCancelButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .dZkewP {
      color:var(--neutral-10, #7C7A85);
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .eLxRBX {
      color:var(--neutral-12, #EEEEF0);
      margin:0px;
      display:block;
      overflow:hidden;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .play\:myEventDeckButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .bPSdqs {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fiastl {
      color:inherit;
      display:flex;
      row-gap:1.25rem;
      flex-wrap:wrap;
      font-size:inherit;
      column-gap:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1rem;
      flex-direction:row;
      border-top-color:var(--neutral-4, #2B292D);
      border-top-style:solid;
      border-top-width:var(--border-md);
    }

    .play\:profileEditButton {
      color:#0a0a0a;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:500;
      margin-left:auto;
      padding-left:1.25rem;
      border-radius:999px;
      padding-right:1.25rem;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:profileEditButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:profileEditButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .eKUYAi {
      color:var(--critical-11, #EC5A72);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      text-align:left;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      padding-top:0.5rem;
      border-style:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      background-color:transparent;
    }

    .eKUYAi:hover {
      background-color:var(--critical-3, #3B1219);
    }

    .eKUYAi:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:-2px;
    }

    .LBwbo {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dVhvTD {
      color:#ffffff;
      height:var(--interactive-height-md, 2.5rem);
      display:inline-flex;
      font-size:var(--text-sm);
      margin-top:0.25rem;
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      padding-left:1.25rem;
      border-radius:var(--rounding-md);
      padding-right:1.25rem;
      flex-direction:row;
      text-decoration:none;
      background-color:#5865F2;
    }

    .dVhvTD:hover {
      background-color:#4752C4;
    }

    .dVhvTD:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dBZWyP {
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eIvOPr {
      flex:1 1 auto;
      color:var(--neutral-10, #7C7A85);
      border:1px dashed var(--neutral-5, #323035);
      display:flex;
      padding:1rem;
      font-size:var(--text-sm);
      min-height:4.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .cxRtTu {
      color:var(--neutral-10, #7C7A85);
      margin:0px;
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .play\:copyRoomCodeButton {
      font-weight:500;
      padding-left:1rem;
      border-radius:999px;
      padding-right:1rem;
    }

    .cOhrEw {
      gap:0.625rem;
      color:#ffffff;
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      align-items:center;
      font-family:inherit;
      font-weight:var(--semi);
      padding-left:1.5rem;
      border-radius:var(--rounding-md);
      padding-right:1.5rem;
      flex-direction:row;
      background-color:#5865F2;
    }

    .dodnHb {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      align-items:center;
      justify-content:center;
    }

    .dodnHb.spinner {
      width:0.75rem;
      height:0.75rem;
      animation:deckDomainSpin 0.7s linear infinite;
      box-sizing:border-box;
      flex-shrink:0;
      border-color:currentColor;
      border-style:solid;
      border-width:2px;
      border-radius:50%;
      border-right-color:transparent;
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .dFoyac {
      gap:0.75rem;
      color:inherit;
      margin:0px;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1.25rem;
      flex-direction:row;
      border-top-color:var(--neutral-4, #2B292D);
      border-top-style:solid;
      border-top-width:var(--border-md);
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 560px) {

    .dFoyac {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .fuQtDn {
      color:inherit;
      height:1px;
      display:block;
      font-size:inherit;
      margin-top:0.125rem;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:0.125rem;
      flex-direction:row;
      background-color:var(--neutral-5, #323035);
    }

    .eOSyro {
      color:inherit;
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      text-align:left;
      align-items:center;
      font-family:inherit;
      font-weight:var(--medium);
      padding-top:0.5rem;
      border-style:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      background-color:transparent;
    }

    .eOSyro:hover {
      background-color:var(--neutral-4, #2A282E);
    }

    .eOSyro:focus-visible {
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:-2px;
    }

    .fqZvUN {
      color:var(--neutral-12, #EEEEF0);
      display:block;
      overflow:hidden;
      font-size:var(--text-xl);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      line-height:var(--line-height-xl);
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .vHTnK {
      color:#f4f4f5;
      border:1px solid var(--neutral-6, #223351);
      height:var(--interactive-height-lg, 3rem);
      display:inline-flex;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, color 150ms ease, border-color 150ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:500;
      padding-left:1.5rem;
      border-radius:999px;
      padding-right:1.5rem;
      flex-direction:row;
      text-decoration:none;
      background-color:transparent;
      gap:0.375rem;
    }

    .vHTnK:hover {
      color:#0a0a0a;
      border-color:var(--brand-10, #f97d23);
      background-color:var(--brand-10, #f97d23);
    }

    .vHTnK:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .eAYEEd {
      color:#fafafa;
      display:block;
      font-size:var(--text-lg);
      font-family:'Space Grotesk';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .fxXRyy {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:block;
      z-index:11;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:transparent;
    }

    .dJiBhL {
      color:inherit;
      cursor:pointer;
      display:inline-block;
      padding:0px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-width:0px;
      flex-direction:row;
      background-color:transparent;
      text-underline-offset:3px;
    }

    .dJiBhL:hover {
      color:var(--neutral-12, #EEEEF0);
      text-decoration:underline;
    }

    .dJiBhL:focus-visible {
      border-radius:var(--rounding-sm, 4px);
      outline-color:var(--brand-8, #c25c19);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .TGfJl {
      color:var(--brand-11, #ff9d55);
      display:block;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:var(--medium);
      flex-direction:row;
    }

    .play\:eventDeckSubmitButton {
      color:#0a0a0a;
      width:100%;
      cursor:pointer;
      font-size:var(--text-sm);
      transition:background-color 150ms ease, transform 150ms ease;
      font-weight:600;
      border-radius:999px;
      justify-content:center;
      background-color:var(--brand-10, #f97d23);
    }

    .play\:eventDeckSubmitButton:hover {
      transform:translateY(-1px);
      background-color:var(--brand-11, #ff9d55);
    }

    .play\:eventDeckSubmitButton:focus-visible {
      outline:2px solid var(--brand-10, #f97d23);
      outline-offset:3px;
    }

    .eITyKP {
      flex:1 1 0%;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:normal;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fdIMZy {
      color:inherit;
      width:0.875rem;
      height:0.875rem;
      display:inline-block;
      animation:deckDomainSpin 0.7s linear infinite;
      font-size:inherit;
      box-sizing:border-box;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-color:currentColor;
      border-style:solid;
      border-width:2px;
      border-radius:50%;
      flex-direction:row;
      border-right-color:transparent;
    }

    @media () {

    .fdIMZy {
      animation-duration:2s;
    }
    }

    .chkzHm {
      color:var(--neutral-11, #B5B2BC);
      margin:0px;
      display:block;
      font-size:var(--text-xs);
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
      font-variant-numeric:tabular-nums;
    }

    .bDfBBw {
      width:var(--size);
      box-sizing:border-box;
    }

    .bZWCAL {
      box-sizing:border-box;
    }

    .play\:stepNumberCheck {
      --size:0.875rem;
      flex-shrink:0;
    }

    .play\:riftAtlasLinkIcon {
      --size:1.125em;
      flex-shrink:0;
    }

    .play\:readyRiftAtlasLinkIcon {
      --size:1.125em;
      flex-shrink:0;
    }

    .play\:fieldDeckCheckOkIcon {
      --size:0.875rem;
      flex-shrink:0;
    }

    .play\:fieldDeckCheckFailIcon {
      --size:0.875rem;
      flex-shrink:0;
    }

    .eMOZXJ {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-flex;
      align-items:center;
      flex-shrink:0;
    }