@property --Primitive--Red {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Green {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--White {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Red_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Red_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--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 --UI-Styles--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 --UI-Styles--shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --UI-Styles--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 --Primitive--Brand-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Green_Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --Primitive--Green_Light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--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 --Primitive--Brand-purple {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--Border-width {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --Typography--font-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --Typography--font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --Typography--font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --UI-Colors--text-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Darker {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --Typography--font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --Typography--font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --Typography--font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --Typography--font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --UI-Colors--border-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-blue_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Darkest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --Primitive--Brand-blue_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Lightest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--border-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-purple_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --Typography--font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --Primitive--Brand-purple_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --Typography--font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --UI-Styles--Border-radius_full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --Typography--font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --UI-Styles--Border-radius_large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --UI-Styles--Border-radius_small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --Typography--font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --UI-Styles--Border-radius_medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #a61c00;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #ff7559;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Light);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .75rem;
  --UI-Styles--Border-radius_small: .25rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .5rem;
  --Typography--font-weight-semi-bold: 600;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --UI-Colors--bg-error: var(--Primitive--Red_dark);
  --UI-Colors--bg-primary: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-success: var(--Primitive--Green_Dark);
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Dark);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Darker);
  --UI-Colors--text-primary: var(--Primitive--White);
  --UI-Colors--border-primary: var(--Primitive--Neutral-Dark);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Light);
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Darkest);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #a61c00;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #ff7559;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Light);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .75rem;
  --UI-Styles--Border-radius_small: .25rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .5rem;
  --Typography--font-weight-semi-bold: 600;
}
    }
  [data-nc-theme~="Dark"] {
  --UI-Colors--bg-error: var(--Primitive--Red_dark);
  --UI-Colors--bg-primary: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-success: var(--Primitive--Green_Dark);
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Dark);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Darker);
  --UI-Colors--text-primary: var(--Primitive--White);
  --UI-Colors--border-primary: var(--Primitive--Neutral-Dark);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Light);
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Darkest);
}
[data-nc-theme~="Default"] {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #a61c00;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #ff7559;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Light);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .75rem;
  --UI-Styles--Border-radius_small: .25rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .5rem;
  --Typography--font-weight-semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',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;
    }
  }
}


    .dASuYn {
      width:100%;
      background:var(--UI-Colors--bg-primary);
      min-height:100vh;
      font-family:system-ui;
      flex-direction:row;
    }

    .fsAuli {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .chAamY {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-xl);
      font-family:inherit;
      font-weight:var(--Typography--font-weight-semi-bold);
    }

    .cvQzzT {
      width:100%;
      height:100%;
      display:flex;
      max-width:16rem;
      background:var(--UI-Colors--bg-secondary);
      transition:max-width 300ms ease;
      align-items:flex-start;
      justify-content:flex-start;
      border-right-color:var(--UI-Colors--border-secondary);
      border-right-style:solid;
      border-right-width:1px;
    }

    .cvQzzT.collapsed {
      display:flex;
      max-width:4rem;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 500px) {

    .cvQzzT.collapsed {
      max-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }
    }

    @media (max-width: 500px) {

    .cvQzzT {
      max-width:100%;
    }
    }

    .cqfMeD {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .cqfMeD:hover {
      color:var(--UI-Colors--text-primary);
      background:var(--UI-Colors--bg-primary);
    }

    .XxEXt {
      flex:1;
      color:var(--UI-Colors--text-primary);
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      z-index:2;
      animation:6s cubic-bezier(0.42, 0, 0.58, 1) infinite animation-cWOqIx;
      font-size:1rem;
      background:linear-gradient(var(--UI-Colors--bg-secondary) 0%, var(--UI-Colors--bg-secondary) 100%) padding-box padding-box, linear-gradient(var(--angle), var(--Primitive--Brand-red) 0%, var(--Primitive--Brand-purple) 50%, var(--Primitive--Brand-blue) 100%) border-box border-box;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      border-color:transparent;
      border-style:solid;
      border-width:1.5px;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .XxEXt:hover {
      background:linear-gradient(var(--UI-Colors--bg-primary) 0%, var(--UI-Colors--bg-primary) 100%) padding-box padding-box, linear-gradient(var(--angle), var(--Primitive--Brand-red) 0%, var(--Primitive--Brand-purple) 50%, var(--Primitive--Brand-blue) 100%) border-box border-box;
    }

    @keyframes animation-cWOqIx {
        0% {
          --angle: 0deg;
        }

        100% {
          --angle: 360deg;
        }
    }

    .bruZoG {
      color:var(--UI-Colors--text-primary);
      opacity:.6;
    }

    .fhIyxE {
      top:0px;
      left:0px;
      width:100%;
      height:100vh;
      display:flex;
      row-gap:1rem;
      position:sticky;
      column-gap:1rem;
      align-items:center;
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .fhIyxE.collapsed {
      max-width:4rem;
      padding-left:.5rem;
      padding-right:.5rem;
    }

    .eKtRIo {
      width:100%;
      row-gap:2px;
      column-gap:2px;
    }

    .XoKbd {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .XoKbd.selected {
      background:var(--UI-Colors--bg-primary);
    }

    .XoKbd:hover {
      background:var(--UI-Colors--bg-primary);
    }

    .XoKbd.collapsed {
      display:flex;
      align-items:center;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.75rem;
      justify-content:center;
    }

    .fgzTSp {
      color:var(--UI-Colors--text-primary);
      opacity:.6;
    }

    .fgzTSp.selected {
      opacity:1;
    }

    .HXAth {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-base);
      font-family:inherit;
      font-weight:var(--Typography--font-weight-semi-bold);
    }

    .cOwAha {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-xs);
      font-family:inherit;
      font-weight:var(--Typography--font-weight-semi-bold);
      margin-left:auto;
    }

    .cUQePX {
      width:100%;
      margin-top:auto;
    }

    .EOaac {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .EOaac.collapsed {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:column-reverse;
      justify-content:flex-start;
    }

    .coWOAi {
      color:inherit;
    }

    .cCYXsI {
      width:100%;
    }

    .capYVC {
      color:var(--UI-Colors--text-primary);
      opacity:.6;
    }

    .capYVC.collapsed {
      rotate:0 1 0 180deg;
    }

    .uiPzo {
      color:var(--UI-Colors--text-primary);
    }

    .side-navigation\:sKKw5Z0poVuR8pTiusN_B {
      height:2rem;
    }

    .eKKxTu {
      color:text;
    }

    .fFyinO {
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .fFyinO:hover {
      background:var(--UI-Colors--bg-primary);
    }

    .fFyinO.collapsed {
      display:flex;
      align-items:center;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.75rem;
      justify-content:center;
    }

    .ddGnnJ {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
      position:fixed;
      right:1rem;
      top:2rem;
      z-index:999;
    }

    .ddGnnJ:hover {
      color:var(--UI-Colors--text-primary);
      background:var(--UI-Colors--bg-primary);
    }

    @media (min-width: 500px) {

    .ddGnnJ {
      display:none;
    }
    }

    .bkPKFr {
      width:100%;
      display:flex;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dCgbLS {
      flex:1;
      display:flex;
      row-gap:2rem;
      min-width:0px;
      background:var(--UI-Colors--bg-secondary);
      column-gap:2rem;
      align-items:flex-start;
      font-family:inherit;
      padding-top:2rem;
      padding-left:2rem;
      padding-right:2rem;
      flex-direction:column;
      padding-bottom:2rem;
      justify-content:flex-start;
    }