@property --color--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radius--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--std {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--small {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--body {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--focus-ring {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--brand-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--brand-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--page-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--section-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--subsection-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}

  :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    }
  [data-nc-theme~="nc-dark"] {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
[data-nc-theme~="nc-light"] {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    


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


    .cuiosW {
      width:100%;
      height:100dvh;
    }

    .eXyVaG {
      width:100%;
      height:100%;
      background:var(--color--bg);
      color:var(--color--text);
      row-gap:2rem;
      column-gap:2rem;
    }

    .eHxQxc {
      font-size:var(--font-size--section-title);
      font-weight:bolder;
    }

    .frTfJj {
      display:flex;
      flex:1;
    }

    .evHHZf:hover {
      cursor:pointer;
    }

    .bJNddZ {
      width:100%;
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:flex-start;
    }

    .dOeBrL {
      border-radius:8px;
      max-width:90%;
      max-height:80dvh;
      overflow-y:auto;
      box-shadow:0 .5rem 2rem  rgba(0, 0, 0, 0.24);
      background:var(--color--surface);
      padding-top:1.2rem;
      padding-bottom:1.2rem;
      padding-right:1.5rem;
      padding-left:1.5rem;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      color:var(--color--text);
      z-index:1001;
    }

    .bTTISi {
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:1000;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#000000bf;
    }

    .cZRjbz {
      color:var(--color--on-brand);
      width:fit-content;
      font-size:var(--font-size--small);
      background:var(--color--brand);
      box-shadow:var(--shadow--small);
      font-weight:600;
      padding-top:.75rem;
      padding-left:1.6rem;
      padding-right:1.6rem;
      padding-bottom:.75rem;
      border-top-left-radius:.875rem;
      border-top-right-radius:.875rem;
      border-bottom-left-radius:.875rem;
      border-bottom-right-radius:.875rem;
    }

    .cZRjbz:hover {
      cursor:pointer;
      background:var(--color--brand-hover);
    }

    .cZRjbz.disabled {
      color:var(--color--text-muted);
      cursor:not-allowed;
      background:var(--color--text-muted);
      box-shadow:0px 0px 0px 0px #00000020;
      font-weight:400;
    }

    .bUNyav {
      row-gap:1rem;
      column-gap:1rem;
      width:30rem;
    }