@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 --spacer--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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;
  --spacer--height: .75rem;
  --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.25rem;
  --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;
  --spacer--height: .75rem;
  --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.25rem;
  --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;
  --spacer--height: .75rem;
  --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.25rem;
  --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;
    }
  }
}


    .cqVZfF {
      color:var(--color--text);
      width:100%;
      height:100dvh;
      background:var(--color--bg);
    }

    .NFriw {
      background:;
    }

    .cocvYa {
      color:var(--color--text);
      width:100%;
      font-size:var(--font-size--body);
      background:var(--color--surface);
      padding-top:.5rem;
      border-color:var(--color--border);
      border-style:solid;
      border-width:1px;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

    .cocvYa:focus-visible {
      border-color:var(--color--brand);
      border-style:solid;
      border-width:1px;
    }

    .cINMBD {
      display:flex;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
    }

    .eKqJoF {
      width:1rem;
      height:1rem;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dpbftD {
      color:var(--color--text);
      width:100%;
      row-gap:1rem;
      background:var(--color--bg);
      column-gap:1rem;
      border-top-color:var(--color--border);
      border-top-style:solid;
      border-top-width:1px;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .chLqHA {
      font-size:var(--font-size--section-title);
      background:;
      font-weight:600;
    }

    .bdIrOH {
      color:var(--color--text);
      height:100dvh;
      display:flex;
      background:var(--color--bg);
      flex-direction:row;
    }

    .UDENC {
      font-size:var(--font-size--page-title);
      background:;
      font-weight:700;
    }

    .ceLMid {
      width:3rem;
      height:3rem;
      background:var(--color--brand);
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

    .bdpyZ {
      color:var(--color--text-muted);
      font-size:var(--font-size--small);
      text-align:center;
      font-weight:600;
      line-height:1.4;
    }

    .ehQhCv {
      color:var(--color--text);
      width:100vw;
      height:100dvh;
      z-index:99999;
      position:fixed;
      background:var(--color--surface-muted);
      margin-top:auto;
      align-items:center;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:auto;
      justify-content:center;
    }

    .bNwkmA {
      width:5rem;
      display:flex;
      row-gap:2rem;
      column-gap:2rem;
      align-items:center;
      justify-content:center;
    }

    .ctZwMj {
      flex:1;
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:space-between;
    }

    .bffeVu {
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cLUoXs {
      color:var(--color--text-muted);
      width:100%;
      font-size:var(--font-size--small);
      align-items:center;
      padding-top:.5rem;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

    .cLUoXs:hover {
      color:var(--color--text);
      cursor:pointer;
      background:var(--color--surface-muted);
    }

    .eEicST {
      color:var(--color--on-brand);
      display:inline-flex;
      font-size:var(--font-size--xsmall);
      min-width:1.125rem;
      background:var(--color--brand);
      align-items:center;
      line-height:1.4;
      padding-top:.125rem;
      padding-left:.375rem;
      padding-right:.375rem;
      padding-bottom:.125rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .cmLCoI {
      display:inline-flex;
      font-size:inherit;
      overflow-x:hidden;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre;
      text-overflow:ellipsis;
    }

    .cxmabK {
      width:2px;
      height:60%;
      background:#ffffff00;
      align-items:flex-start;
      justify-content:center;
    }

    .cxmabK.is_active {
      background:var(--color--brand);
      border-top-left-radius:1px;
      border-top-right-radius:1px;
      border-bottom-left-radius:1px;
      border-bottom-right-radius:1px;
    }

    .eyRZXy {
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .beEaqI {
      row-gap:0.6rem;
      column-gap:0.6rem;
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

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

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

    .bCKrHT:hover {
      cursor:pointer;
    }

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

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

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

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

    .library-picker\:RQmoNtjmklpqbucjjo1ns {
      z-index:999;
    }

    .bwRrRR:hover {
      cursor:pointer;
      background:;
    }

    .eKkMEx {
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

    .eKkMEx:hover {
      background:var(--color--surface-muted);
    }

    .bnGdmF {
      line-height:1.4;
    }

    .eYtFNq {
      flex:1;
      display:flex;
      background:var(--color--bg);
      align-items:center;
      justify-content:flex-start;
    }

    .bbWsJn {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .dOpxRf {
      width:100%;
      row-gap:.25rem;
      column-gap:.25rem;
      margin-bottom:.5rem;
      padding-bottom:0.5rem;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .FKbOx {
      color:var(--color--text-muted);
      display:inline;
      font-size:var(--font-size--xsmall);
      font-family:inherit;
      font-weight:inherit;
      padding-left:0.5rem;
      margin-bottom:.5rem;
      padding-right:0.5rem;
    }

    .ctcIFE {
      width:100%;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .brVLGU {
      flex:1;
      width:100%;
      display:flex;
      max-width:1560px;
      overflow-y:scroll;
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
    }

    .eRIyyy {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      margin-top:auto;
    }

    .OyTaT {
      width:240px;
      height:100dvh;
      background:var(--color--surface);
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
      border-right-color:var(--color--border);
      border-right-style:solid;
      border-right-width:1px;
    }

    .cSLJBo {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
    }

    .bEQtHI {
      height:var(--spacer--height);
    }

    .WzLMY {
      row-gap:1rem;
      column-gap:1rem;
      padding-top:2rem;
      padding-bottom:2rem;
    }