
  

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

    .bvYGJQ {
      display:flex;
      row-gap:0.75rem;
      flex-direction:column;
    }

    .eBETYL {
      color:var(--UI-Colors--text-primary);
      width:100%;
      display:flex;
      row-gap:1.5rem;
      max-width:900px;
      background:var(--UI-Colors--bg-primary);
      margin-left:auto;
      padding-top:3rem;
      margin-right:auto;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:3rem;
    }

    .cSMRLF {
      font-size:var(--Typography--font-size-xl);
      font-weight:var(--Typography--font-weight-semi-bold);
    }

    .qKLPx {
      display:none;
    }

    .dBUomD {
      font-size:var(--Typography--font-size-base);
      line-height:1.6;
    }

    .fgoEBL {
      color:var(--UI-Colors--text-secondary);
      font-size:var(--Typography--font-size-sm);
    }

    .bQnNQc {
      font-size:var(--Typography--font-size-4xl);
      font-weight:var(--Typography--font-weight-bold);
    }