@property --radius--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--round {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --background-blur {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--grey--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --markdown--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--accent--red {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--shadow--main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--shadow--tiny {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--shadow--small {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--accent--purple {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --radius--large: 24px;
  --radius--round: 100vw;
  --radius--small: 12px;
  --background-blur: #ffffff26;
  --color--grey--50: #f9fafb;
  --color--grey--100: #f3f4f6;
  --color--grey--200: #e5e7eb;
  --color--grey--300: #d1d5db;
  --color--grey--400: #9ca3af;
  --color--grey--500: #6b7280;
  --color--grey--600: #4b5563;
  --color--grey--700: #374151;
  --color--grey--800: #1f2937;
  --color--grey--900: #111827;
  --color--grey--950: #030712;
  --color--accent--red: #f43f5e;
  --color--shadow--main: #03071233;
  --color--shadow--tiny: #0307120d;
  --color--shadow--small: #0307121a;
  --color--accent--purple: #A855F7;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --markdown--spacing: 1rem;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --radius--large: 24px;
  --radius--round: 100vw;
  --radius--small: 12px;
  --background-blur: #ffffff26;
  --color--grey--50: #f9fafb;
  --color--grey--100: #f3f4f6;
  --color--grey--200: #e5e7eb;
  --color--grey--300: #d1d5db;
  --color--grey--400: #9ca3af;
  --color--grey--500: #6b7280;
  --color--grey--600: #4b5563;
  --color--grey--700: #374151;
  --color--grey--800: #1f2937;
  --color--grey--900: #111827;
  --color--grey--950: #030712;
  --color--accent--red: #f43f5e;
  --color--shadow--main: #03071233;
  --color--shadow--tiny: #0307120d;
  --color--shadow--small: #0307121a;
  --color--accent--purple: #A855F7;
}
    }
  [data-nc-theme~="dark"] {
  --markdown--spacing: 1rem;
}
[data-nc-theme~="light"] {
  --radius--large: 24px;
  --radius--round: 100vw;
  --radius--small: 12px;
  --background-blur: #ffffff26;
  --color--grey--50: #f9fafb;
  --color--grey--100: #f3f4f6;
  --color--grey--200: #e5e7eb;
  --color--grey--300: #d1d5db;
  --color--grey--400: #9ca3af;
  --color--grey--500: #6b7280;
  --color--grey--600: #4b5563;
  --color--grey--700: #374151;
  --color--grey--800: #1f2937;
  --color--grey--900: #111827;
  --color--grey--950: #030712;
  --color--accent--red: #f43f5e;
  --color--shadow--main: #03071233;
  --color--shadow--tiny: #0307120d;
  --color--shadow--small: #0307121a;
  --color--accent--purple: #A855F7;
}
    


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


    .cLYjRA {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      font-family:system-ui;
      justify-content:center;
    }

    .QmNcS {
      display:block;
      position:absolute;
      white-space:pre;
    }

    .tsSJO {
      display:block;
      white-space:pre;
    }

    .foQFPr {
      color:var(--color--grey--500);
      font-style:italic;
    }