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


    .cAhWCZ {
      color:var(--color--grey--950);
      width:100%;
      height:100%;
      display:flex;
      background:#ffffff;
      align-items:center;
      font-family:system-ui;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:center;
    }

    .cBfSGr {
      opacity:0.6;
      font-size:0.75rem;
      font-weight:500;
      padding-left:0.5rem;
    }

    .feCqyb {
      color:var(--color--grey--900);
      width:100%;
      height:3rem;
      background:var(--color--grey--100);
      box-shadow:0px 0px 10px 0px var(--color--shadow--small);
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      border-top-left-radius:99rem;
      border-top-right-radius:99rem;
      border-bottom-left-radius:99rem;
      border-bottom-right-radius:99rem;
    }

    .dmuSjP {
      color:var(--color--grey--50);
      width:100%;
      height:3rem;
      display:flex;
      background:var(--color--grey--950);
      box-shadow:0px 0px 10px 0px var(--color--shadow--small);
      align-items:center;
      font-weight:500;
      justify-content:center;
      border-top-left-radius:99rem;
      border-top-right-radius:99rem;
      border-bottom-left-radius:99rem;
      border-bottom-right-radius:99rem;
    }

    .fkFIyW {
      color:#000000;
      font-size:12px;
    }

    .cHVTuZ {
      width:100%;
      display:flex;
      row-gap:1rem;
      max-width:30rem;
      column-gap:1rem;
    }

    .lRYBk {
      color:var(--color--grey--600);
      display:flex;
      row-gap:0.25rem;
      font-size:0.875rem;
      column-gap:0.25rem;
      font-weight:500;
    }

    .cskLc {
      color:var(--color--grey--900);
      width:100%;
      height:3rem;
      background:var(--color--grey--100);
      padding-left:1rem;
      padding-right:1rem;
      border-top-left-radius:99rem;
      border-top-right-radius:99rem;
      border-bottom-left-radius:99rem;
      border-bottom-right-radius:99rem;
    }

    .fmHtRg {
      color:var(--color--grey--900);
      z-index:200;
      font-size:3.5rem;
    }

    .eNNBik {
      color:var(--color--grey--50);
      width:100%;
      height:3rem;
      display:flex;
      background:var(--color--grey--900);
      box-shadow:0px 0px 10px 0px var(--color--shadow--small);
      align-items:center;
      font-weight:500;
      justify-content:center;
      border-top-left-radius:99rem;
      border-top-right-radius:99rem;
      border-bottom-left-radius:99rem;
      border-bottom-right-radius:99rem;
    }