
  

  

  
  
  
  


@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #F5FBEF;
--neutral-1: #F4F7F1;
--neutral-2: #EFF4E9;
--neutral-3: #E5EBDE;
--neutral-4: #DDE2D5;
--neutral-5: #D4DBCC;
--neutral-6: #CBD3C1;
--neutral-7: #C0C8B6;
--neutral-8: #ACB5A1;
--neutral-9: #7E8673;
--neutral-10: #747C69;
--neutral-11: #565E4C;
--neutral-12: #1C2213;
--neutral-overlay-dark: #1a1d16b3;
--neutral-overlay-deep: #c5cbbe0d;
--neutral-overlay-mid: #78866540;
--neutral-overlay-light: #f0f3ed75;
--brand-0: #f7f7f8;
--brand-1: #F5F6F7;
--brand-2: #EFF2F7;
--brand-3: #E4EAF6;
--brand-4: #D6E2F8;
--brand-5: #C6D7F8;
--brand-6: #B2C9F6;
--brand-7: #9BB6ED;
--brand-8: #7B9DE3;
--brand-9: #3668DD;
--brand-10: #2959CE;
--brand-11: #2A57BF;
--brand-12: #1A2F5C;
--brand-overlay-dark: #1a1f2a;
--brand-overlay-light: #d1e0ff80;
--success-0: #eef1ee;
--success-1: #F3F7F3;
--success-2: #ECF4ED;
--success-3: #D7F2DA;
--success-4: #C2EEC7;
--success-5: #ACE6B4;
--success-6: #93DA9E;
--success-7: #73CA83;
--success-8: #39B75B;
--success-9: #36DD68;
--success-10: #22D25D;
--success-11: #007B2B;
--success-12: #1A4223;
--success-overlay-dark: #13201682;
--success-overlay-light: #9cfcb280;
--warning-0: #fafaf9;
--warning-1: #F5F6F2;
--warning-2: #F3F4E7;
--warning-3: #EDF0C1;
--warning-4: #E6E9A4;
--warning-5: #DCE089;
--warning-6: #CDD17A;
--warning-7: #BCBF6B;
--warning-8: #A7A943;
--warning-9: #DDDF23;
--warning-10: #D2D529;
--warning-11: #6F7100;
--warning-12: #3D3E20;
--warning-overlay-dark: #1e1e16;
--warning-overlay-light: #f5f7b57d;
--critical-0: #F8F5F5;
--critical-1: #F8F5F5;
--critical-2: #F8F0F0;
--critical-3: #F7E2E2;
--critical-4: #FCD3D3;
--critical-5: #F9C5C5;
--critical-6: #F2B5B5;
--critical-7: #E9A1A2;
--critical-8: #DF8689;
--critical-9: #DD364F;
--critical-10: #CD2343;
--critical-11: #C2113A;
--critical-12: #661521;
--critical-overlay-dark: #231a1b;
--critical-overlay-light: #ffd1d88a;
--neutral-dark-0: #1B1E22;
--neutral-dark-1: #1B1D26;
--neutral-dark-2: #22242C;
--neutral-dark-3: #2E3342;
--neutral-dark-4: #2E3342;
--neutral-dark-5: #33394A;
--neutral-dark-6: #394055;
--neutral-dark-7: #444C66;
--neutral-dark-8: #596487;
--neutral-dark-9: #647096;
--neutral-dark-10: #707CA1;
--neutral-dark-11: #A9B3D2;
--neutral-dark-12: #EBEEF6;
--brand-dark-1: #1B202D;
--brand-dark-2: #1B202D;
--brand-dark-3: #212D4C;
--brand-dark-4: #273663;
--brand-dark-5: #2E3F72;
--brand-dark-6: #36497F;
--brand-dark-7: #3F5491;
--brand-dark-8: #4861A8;
--brand-dark-9: #496AD0;
--brand-dark-10: #4861A8;
--brand-dark-11: #99B4FB;
--brand-dark-12: #D7E2FB;
--success-dark-1: #192018;
--success-dark-2: #1D241C;
--success-dark-3: #243322;
--success-dark-4: #264222;
--success-dark-5: #2C4F28;
--success-dark-6: #335C2E;
--success-dark-7: #3A6B34;
--success-dark-8: #417C39;
--success-dark-9: #4AAE3D;
--success-dark-10: #3DA22F;
--success-dark-11: #72D266;
--success-dark-12: #BFF2B7;
--warning-dark-1: #1F1E19;
--warning-dark-2: #26241F;
--warning-dark-3: #302D23;
--warning-dark-4: #3A3625;
--warning-dark-5: #453E28;
--warning-dark-6: #52492B;
--warning-dark-7: #63572E;
--warning-dark-8: #7A6A32;
--warning-dark-9: #AE953D;
--warning-dark-10: #A28930;
--warning-dark-11: #D1BB72;
--warning-dark-12: #F1E3B6;
--critical-dark-1: #241B1C;
--critical-dark-2: #281E1F;
--critical-dark-3: #441C23;
--critical-dark-4: #571A27;
--critical-dark-5: #661F2E;
--critical-dark-6: #752938;
--critical-dark-7: #8D3647;
--critical-dark-8: #B7455B;
--critical-dark-9: #AE3D54;
--critical-dark-10: #933B4B;
--critical-dark-11: #FF8EA1;
--critical-dark-12: #FFD2D7;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;
--font-syncopate: 'Syncopate',sans-serif;

    /* Font size */
    --text-3xs: 0.6rem;
--text-2xs: 0.68rem;
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --rounding-none: 0px;
--rounding-xs: 0.125rem;
--rounding-sm: 0.25rem;
--rounding-md: 0.375rem;
--rounding-lg: 0.5rem;
--rounding-xl: 0.75rem;
--rounding-2xl: 1rem;
--rounding-3xl: 1.5rem;
--rounding-full: 9999px;
--border-none: 0px;
--border-xs: 0.087rem;
--border-sm: 0.125rem;
--border-md: 0.1875rem;
--border-lg: 0.25rem;
--border-focus: 0.2rem;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-2xs: 1.72rem;
--interactive-xs: 2.1rem;
--interactive-sm: 2.35rem;
--interactive-md: 2.75rem;
--interactive-lg: 3.25rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 240px;
--header-height: 4rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.5rem;
--4xs: 0.125rem;
--3xs: 0.25rem;
--2xs: 0.375rem;
--xs: 0.5rem;
--sm: 0.75rem;
--md: 1rem;
--lg: 1.5rem;
--xl: 2rem;
--2xl: 2.5rem;
--3xl: 3rem;
--4xl: 4rem;
--5xl: 6rem;
--6xl: 8rem;
--7xl: 10rem;
--none: 0rem;
--page: 75rem;
--modal-lg: 40rem;
--modal-md: 30rem;
--modal-sm: 22rem;
--menu-left: 15rem;
--menu-top: 5rem;
--menu-bottom: 4rem;
--menu-right: 12rem;
--font-family: Outfit;
--icon-size: 1.1rem;
--content-max-width: 44rem;
    /* Z-index */
    --side-menu: 1000;
--side-menu-backdrop: 990;
--toc-sidebar-mobile: 120;
--toc-sidebar: 100;
--swipe-prevent: 2000;
--app-header: 500;
--ask-ai: 1500;
--ask-ai-backdrop: 1490;
--ask-ai-button: 1;
--tooltip: 10;
  }
  @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;
    }
  }
}

      
  .fiXBOe {
    width:100%;
  overflow:hidden;
  position:relative;
  background:var(--neutral-0);
  min-height:100vh;
  }
      

      
        
      
      
  .cEzoIB {
    display:flex;
  padding:var(--md);
  background:linear-gradient(135deg, var(--brand-4) 0%, var(--brand-6) 100%);
  box-shadow:0 4px 24px  var(--brand-5);
  align-items:center;
  border-radius:var(--rounding-xl);
  justify-content:center;
  }
      

      
        
      
      
  .usmno {
    display:flex;
  padding:var(--sm);
  background:var(--bg-color);
  align-items:center;
  border-radius:var(--rounding-lg);
  justify-content:center;
  }
      

      
        
      
      
  .tpFrS {
    gap:var(--2xs);
  flex:1;
  display:flex;
  min-width:0px;
  flex-direction:column;
  }
      

      
        
      
      
  .dedYjH {
    color:var(--neutral-12);
  cursor:pointer;
  display:flex;
  padding:var(--2xs) var(--md);
  font-size:var(--text-sm);
  background:var(--neutral-4);
  transition:all 200ms ease;
  align-items:center;
  font-family:Outfit;
  font-weight:var(--medium);
  border-radius:var(--rounding-full);
  justify-content:center;
  }
      

      
  .dedYjH.current {
    color:var(--brand-12);
  transform:scale(1.05);
  background:var(--brand-9);
  }
      

        
      
      
  .dRnUbV {
    color:var(--neutral-11, #B5B2BC);
  font-size:var(--font-size);
  margin-top:var(--margin-top);
  font-family:'Outfit';
  font-weight:inherit;
  line-height:var(--line-height);
  white-space:normal;
  margin-bottom:var(--margin-bottom);
  letter-spacing:var(--letter-spacing);
  }
      

      
  .dRnUbV.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .dRnUbV.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  .dvlykR {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  opacity:0;
  z-index:1;
  overflow:hidden;
  position:absolute;
  background:var(--bg-color);
  transition:opacity 300ms ease;
  align-items:center;
  flex-direction:row;
  pointer-events:none;
  justify-content:center;
  border-top-left-radius:var(--rounding-lg);
  border-top-right-radius:var(--rounding-lg);
  border-bottom-left-radius:var(--rounding-lg);
  border-bottom-right-radius:var(--rounding-lg);
  }
      

      
  .dvlykR.is-loading {
    opacity:1;
  pointer-events:all;
  }
      

        
      
      
  .QYAb {
    top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity:0.4;
  position:absolute;
  background:radial-gradient(circle at center, var(--base-color) var(--dot-size), transparent var(--dot-size));
  pointer-events:none;
  background-size:var(--grid-spacing) var(--grid-spacing);
  background-position:0 0;
  }
      

      
        
      
      
  .duIYon {
    top:0px;
  left:0px;
  mask:var(--wave-pattern);
  width:100%;
  height:100%;
  opacity:var(--wave-opacity);
  position:absolute;
  animation:var(--wave-duration) linear infinite animation-left-to-right;
  mask-size:200% 100%;
  background:radial-gradient(circle at center, var(--highlight-color) var(--dot-size), transparent var(--dot-size));
  mask-repeat:no-repeat;
  mask-position:300% 0;
  pointer-events:none;
  background-size:var(--grid-spacing) var(--grid-spacing);
  background-position:0 0;
  }
      

      
        
                  @keyframes animation-left-to-right {
                    
                        0% {
                          mask-position: 300% 0;
                        }
                        

                        100% {
                          mask-position: -200% 0;
                        }
                        
                  }
                  
      
      
  .bc-loader\:root {
    background:var(--neutral-2);
  border-top-left-radius:var(--rounding-md);
  border-top-right-radius:var(--rounding-md);
  border-bottom-left-radius:var(--rounding-md);
  border-bottom-right-radius:var(--rounding-md);
  }
      

      
  
      

        
      
      
  
      

      
        
      
      
  .nordcraft-knowledge-navigator\:subtitle {
    color:var(--neutral-11);
  }
      

      
        
      
      
  .bnknLH {
    width:var(--size);
  box-sizing:border-box;
  }
      

      
        
      
      
  .BEFTq {
    box-sizing:border-box;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:copy-icon {
    width:1rem;
  height:1rem;
  }
      

      
        
      
      
  .cRoNhY {
    gap:0.25rem;
  color:var(--color);
  width:fit-content;
  height:var(--interactive-xs);
  display:flex;
  font-size:var(--font-size);
  align-items:center;
  font-family:'Outfit';
  font-weight:var(--semi);
  padding-left:var(--padding-horizontal);
  border-radius:var(--rounding-full);
  outline-color:var(--color-border);
  outline-style:solid;
  outline-width:var(--border-md);
  padding-right:var(--padding-horizontal);
  flex-direction:row;
  outline-offset:calc(var(--border-md) * -1);
  justify-content:center;
  background-color:var(--color-bg);
  }
      

      
  
      

        
      
      
  .so-badge\:_xzxWNg-929eTmmHI-eQR {
    background:inherit;
  border-top-left-radius:var(--rounding-full);
  border-top-right-radius:var(--rounding-full);
  border-bottom-left-radius:var(--rounding-full);
  border-bottom-right-radius:var(--rounding-full);
  }
      

      
        
      
      
  
      

      
        
      
      
  .zHcuM {
    color:var(--neutral-11, #B5B2BC);
  width:100%;
  font-size:var(--font-size);
  margin-top:var(--margin-top);
  font-family:Outfit;
  font-weight:var(--semi);
  line-height:var(--line-height);
  white-space:normal;
  margin-bottom:var(--margin-bottom);
  letter-spacing:var(--letter-spacing);
  }
      

      
  .zHcuM.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .zHcuM.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  
      

      
        
      
      
  .nordcraft-knowledge-navigator\:doc-title {
    width:fit-content;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:file-icon {
    color:var(--text-color);
  width:1.5rem;
  height:1.5rem;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:brain-icon {
    color:var(--brand-12);
  width:2rem;
  height:2rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  .nordcraft-knowledge-navigator\:main-title {
    color:transparent;
  width:fit-content;
  background:linear-gradient(135deg, var(--brand-9) 0%, var(--engagement-9) 100%);
  background-clip:text;
  }
      

      
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
      
      
  .so-button-primary\:root {
    gap:var(--sm);
  color:var(--brand-1);
  cursor:pointer;
  height:var(--interactive-md);
  display:flex;
  padding:var(--sm) var(--lg);
  overflow:hidden;
  position:relative;
  tabindex:1;
  font-size:var(--font-size-sm);
  min-width:0px;
  background:var(--brand-9);
  box-shadow:0 8px 32px  var(--brand-4);
  transition:all 250ms ease;
  align-items:center;
  font-family:var(--font-family);
  font-weight:600;
  user-select:none;
  border-radius:var(--rounding-lg);
  outline-color:transparent;
  outline-style:solid;
  outline-width:var(--border-focus);
  flex-direction:row;
  outline-offset:var(--4xs);
  -ms-user-select:none;
  justify-content:center;
  text-decoration:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .so-button-primary\:root:hover {
    color:#ecedee;
  transform:translateY(-1px);
  background:var(--brand-10);
  box-shadow:0 12px 48px  var(--brand-7);
  }
      


  .so-button-primary\:root:active {
    transform:translateY(0);
  background:var(--brand-8);
  box-shadow:0 4px 16px  var(--brand-4);
  }
      


  .so-button-primary\:root:focus-visible {
    box-shadow:0 12px 48px  var(--brand-9);
  outline-color:var(--brand-8);
  }
      


  .so-button-primary\:root.disabled {
    color:var(--brand-11);
  cursor:not-allowed;
  opacity:0.6;
  tabindex:-1;
  transform:none;
  background:var(--brand-5);
  box-shadow:none;
  pointer-events:none;
  }
      

        
      
      
  .so-button-primary\:nFpWo48Cdg9QnY4NBnzU3 {
    background:var(--brand-3);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dvmBMM {
    gap:var(--xs);
  display:flex;
  min-width:0px;
  flex-direction:column;
  }
      

      
        
      
      
  .boFSoh {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0.2;
  position:absolute;
  background-size:30px 30px;
  background-image:radial-gradient(circle, var(--neutral-6) 1px, transparent 1px);
  }
      

      
        
      
      
  .so-button-secondary\:root {
    gap:var(--sm);
  color:var(--neutral-11);
  cursor:pointer;
  height:var(--interactive-md);
  display:flex;
  padding:var(--sm) var(--lg);
  overflow:hidden;
  position:relative;
  font-size:var(--font-size-sm);
  min-width:0px;
  background:var(--neutral-1);
  transition:all 250ms ease;
  align-items:center;
  font-family:var(--font-family);
  font-weight:600;
  user-select:none;
  border-radius:var(--rounding-lg);
  outline-color:var(--neutral-7);
  outline-style:solid;
  outline-width:var(--border-sm);
  flex-direction:row;
  outline-offset:calc(var(--4xs) * -1);
  justify-content:center;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .so-button-secondary\:root:hover {
    color:var(--neutral-12);
  background:var(--neutral-3);
  outline-color:var(--neutral-9);
  }
      


  .so-button-secondary\:root:active {
    color:var(--neutral-12);
  background:var(--neutral-4);
  transition:none;
  outline-color:var(--neutral-10);
  }
      


  .so-button-secondary\:root:focus-visible {
    outline-color:var(--brand-9);
  outline-width:var(--border-focus);
  outline-offset:0px;
  }
      


  .so-button-secondary\:root.trigger-open {
    background:var(--neutral-2);
  }
      


  .so-button-secondary\:root.disabled {
    color:var(--neutral-8);
  cursor:not-allowed;
  opacity:1;
  background:var(--neutral-2);
  outline-color:transparent;
  pointer-events:none;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eLOmRQ {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0.4;
  z-index:0;
  position:absolute;
  pointer-events:none;
  }
      

      
        
      
      
  .bVRuVA {
    border:var(--border-sm) solid var(--neutral-6);
  height:500px;
  display:flex;
  overflow:hidden;
  background:var(--neutral-1);
  box-shadow:0 4px 12px var(--neutral-overlay-dark);
  transition:all 300ms ease;
  border-radius:var(--rounding-xl);
  flex-direction:column;
  }
      

      
  .bVRuVA:hover {
    transform:translateY(-2px);
  box-shadow:0 8px 24px var(--neutral-overlay-dark);
  }
      

        
      
      
  .UgCri {
    color:var(--neutral-11, #B5B2BC);
  display:inline-block;
  font-size:var(--font-size);
  margin-top:var(--margin-top);
  font-family:'Outfit';
  font-weight:inherit;
  line-height:var(--line-height);
  white-space:normal;
  margin-bottom:var(--margin-bottom);
  letter-spacing:var(--letter-spacing);
  }
      

      
  .UgCri.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .UgCri.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  
      

      
        
      
      
  .nordcraft-knowledge-navigator\:progress-text {
    color:var(--neutral-12);
  font-weight:var(--semi);
  }
      

      
        
      
      
  .eTXxxi {
    gap:var(--md);
  display:flex;
  align-items:center;
  flex-direction:row;
  }
      

      
          @media (max-width: 48rem) {
            
  .eTXxxi {
    gap:var(--sm);
  text-align:center;
  flex-direction:column;
  }
      

          }
          
        
      
      
  .eOgBOf {
    gap:var(--lg);
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .dhoJEx {
    gap:var(--xl);
  width:100%;
  margin:0 auto;
  display:flex;
  padding:var(--xl);
  z-index:1;
  position:relative;
  max-width:var(--page);
  min-height:100vh;
  flex-direction:column;
  }
      

      
          @media (max-width: 48rem) {
            
  .dhoJEx {
    gap:var(--lg);
  padding:var(--lg) var(--md);
  }
      

          }
          
        
      
      
  .eiDUpd {
    color:var(--color, inherit);
  width:fit-content;
  font-size:var(--font-size);
  font-family:'PT Mono';
  font-weight:inherit;
  line-height:var(--line-height);
  white-space:normal;
  border-color:var(--color-border);
  border-style:solid;
  border-width:var(--border-md);
  padding-left:0.25rem;
  border-radius:var(--rounding-sm);
  padding-right:0.25rem;
  letter-spacing:var(--letter-spacing);
  background-color:var(--color-bg);
  }
      

      
  .eiDUpd.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .eiDUpd.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  .nordcraft-knowledge-navigator\:content-preview {
    color:var(--neutral-11);
  height:100%;
  padding:var(--md);
  overflow:auto;
  font-size:var(--text-sm);
  background:var(--neutral-1);
  font-family:Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  line-height:1.5;
  white-space:pre-wrap;
  border-color:transparent;
  border-style:None;
  border-width:1px;
  border-radius:var(--rounding-md);
  }
      

      
        
      
      
  .LNQWk {
    flex:1;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:doc-description {
    color:var(--neutral-11);
  }
      

      
        
      
      
  .dLzqlE {
    gap:var(--md);
  display:flex;
  padding:var(--lg);
  background:var(--neutral-2);
  align-items:center;
  border-bottom:var(--border-sm) solid var(--neutral-6);
  flex-direction:row;
  }
      

      
        
      
      
  .cQNlVM {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .eKSwTA {
    display:flex;
  row-gap:var(--md);
  column-gap:var(--md);
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .foIFim {
    gap:var(--md);
  display:flex;
  padding:var(--lg);
  background:var(--neutral-1);
  border-top:var(--border-sm) solid var(--neutral-6);
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
          @media (max-width: 32rem) {
            
  .foIFim {
    gap:var(--sm);
  align-items:stretch;
  flex-direction:column;
  }
      

          }
          
        
      
      
  .JSCDP {
    flex:1;
  display:flex;
  padding:var(--lg);
  overflow:auto;
  background:var(--neutral-0);
  flex-direction:column;
  }
      

      
        
      
      
  .cPEbWJ {
    gap:var(--md);
  border:var(--border-sm) solid var(--neutral-6);
  display:flex;
  padding:var(--lg);
  background:var(--neutral-1);
  border-radius:var(--rounding-lg);
  flex-direction:column;
  }
      

      
        
      
      
  .fzRCpp {
    top:0px;
  left:0px;
  width:var(--progress);
  height:100%;
  position:absolute;
  background:linear-gradient(90deg, var(--brand-9) 0%, var(--engagement-9) 100%);
  transition:width 300ms ease;
  }
      

      
        
      
      
  .kuhDV {
    top:10%;
  left:5%;
  width:8rem;
  height:8rem;
  opacity:0.3;
  position:absolute;
  animation:12s ease-in-out infinite animation-float-slow;
  background:var(--brand-3);
  border-radius:var(--rounding-full);
  }
      

      
        
                  @keyframes animation-float-slow {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        50% {
                          translate: 0 -40px;
                        }
                        

                        50% {
                          rotate: 180deg;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        
                  }
                  
      
      
  .bTvQYR {
    right:8%;
  width:6rem;
  bottom:20%;
  height:6rem;
  opacity:0.4;
  position:absolute;
  animation:8s ease-in-out infinite animation-float-reverse;
  transform:rotate(45deg);
  background:var(--success-3);
  border-radius:var(--rounding-xl);
  }
      

      
        
                  @keyframes animation-float-reverse {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        50% {
                          translate: 0 20px;
                        }
                        

                        50% {
                          scale: 1.2;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .bYxAZl {
    top:60%;
  left:85%;
  width:4rem;
  height:4rem;
  opacity:0.3;
  position:absolute;
  animation:10s ease-in-out infinite animation-pulse;
  background:var(--engagement-3);
  border-radius:var(--rounding-md);
  }
      

      
        
                  @keyframes animation-pulse {
                    
                        0% {
                          scale: 1;
                        }
                        

                        0% {
                          opacity: 0.3;
                        }
                        

                        50% {
                          scale: 1.3;
                        }
                        

                        50% {
                          opacity: 0.6;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        

                        100% {
                          opacity: 0.3;
                        }
                        
                  }
                  
      
      
  
      

      
        
      
      
  .nordcraft-knowledge-navigator\:ZtNdqGvKJ4g75E31hh-N- {
    width:1rem;
  height:1rem;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:geB7I9TZxoUaISSy49W7o {
    width:var(--interactive-xs);
  height:var(--interactive-xs);
  padding-left:0px;
  padding-right:0px;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:jJAtxH4edsduvV7ULnJHB {
    width:var(--interactive-xs);
  height:var(--interactive-xs);
  padding-left:0px;
  padding-right:0px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .laRvd {
    gap:var(--sm);
  flex:1;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .nordcraft-knowledge-navigator\:rZfMn2KY2euNaNhL2x5QN {
    width:1rem;
  height:1rem;
  }
      

      
        
      
      
  .cueacw {
    width:100%;
  height:0.5rem;
  overflow:hidden;
  position:relative;
  background:var(--neutral-4);
  border-radius:var(--rounding-full);
  }
      

      
        
      
      
  
      

      
        
      