@layer base {
  
  body, :host {
    /* Color */
      --neutral-0: #1B1C23;
--neutral-1: #1B1C22;
--neutral-2: #222328;
--neutral-3: #2A2B33;
--neutral-4: #2F313C;
--neutral-5: #343744;
--neutral-6: #3C3F4D;
--neutral-7: #474B5D;
--neutral-8: #5D627B;
--neutral-9: #696F8A;
--neutral-10: #757B96;
--neutral-11: #ADB3CB;
--neutral-12: #EDEEF3;
--neutral-overlay-dark: #1b1c2280;
--neutral-overlay-light: #edeef375;
--brand-0: #252850;
--brand-1: #1A1B2A;
--brand-2: #1B1C31;
--brand-3: #262558;
--brand-4: #2E2779;
--brand-5: #352E89;
--brand-6: #3E3996;
--brand-7: #4944AA;
--brand-8: #5750CA;
--brand-9: #5C45F2;
--brand-10: #5132E1;
--brand-11: #9AB0FF;
--brand-12: #DBDFFF;
--brand-overlay-dark: #1A1B2A;
--brand-overlay-light: #dbdfff78;
--success-0: #162d24;
--success-1: #13201B;
--success-2: #11251F;
--success-3: #00372A;
--success-4: #004532;
--success-5: #00513C;
--success-6: #005F47;
--success-7: #007156;
--success-8: #008767;
--success-9: #45F2C7;
--success-10: #34E8BD;
--success-11: #16DAB1;
--success-12: #9CFCDE;
--success-overlay-dark: #13201b82;
--success-overlay-light: #9cfcde80;
--warning-0: #202518;
--warning-1: #1B1E16;
--warning-2: #202318;
--warning-3: #2C311C;
--warning-4: #353E1E;
--warning-5: #3F4920;
--warning-6: #4A5624;
--warning-7: #566429;
--warning-8: #65762D;
--warning-9: #CDF245;
--warning-10: #C5E659;
--warning-11: #C4E558;
--warning-12: #E4F7B5;
--warning-overlay-dark: #1B1E16;
--warning-overlay-light: #e4f7b57d;
--critical-0: #2c1b1b;
--critical-1: #231A1A;
--critical-2: #271C1D;
--critical-3: #441A20;
--critical-4: #581723;
--critical-5: #661B29;
--critical-6: #762634;
--critical-7: #8E3342;
--critical-8: #B94055;
--critical-9: #F24568;
--critical-10: #E3355C;
--critical-11: #FF8E9C;
--critical-12: #FFD1D5;
--critical-overlay-dark: #231A1A;
--critical-overlay-light: #ffd1d58a;
  /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-outfit: 'Outfit',sans-serif;

    /* Font size */
    --font-size-xxs: 0.75rem;
--font-size-xs: 0.875rem;
--font-size-sm: 1rem;
--font-size-base: 1.125rem;
--font-size-lg: 1.25rem;
--font-size-xl: 1.5rem;
--font-size-2xl: 1.875rem;
--font-size-3xl: 2.25rem;
--font-size-4xl: 3rem;
--font-size-5xl: 3rem;
--font-size-6xl: 3.5rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* 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 */
    --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;
--border-xs: 0.0625rem;
--border-sm: 0.125rem;
--border-md: 0.1875rem;
--border-lg: 0.25rem;
--border-focus: 0.2rem;
--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-4xl: 2.25rem;
--none: 0rem;
--rounding-full: 999rem;
--page: 85rem;
--modal-lg: 40rem;
--modal-md: 30rem;
--modal-sm: 22rem;
--menu-left: 15rem;
--menu-top: 4rem;
--menu-bottom: 4rem;
--menu-right: 12rem;
--font-family: Outfit;
--interactive-xs: 1.85rem;
--interactive-sm: 2.35rem;
--interactive-md: 2.75rem;
--interactive-lg: 3.25rem;
--icon-size: 1.3rem;
    /* 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;
    }
  }
}

      
  .bHkWSQ {
    flex:1;
  background:var(--neutral-0);
  }
      

      
        
        
      
      
  .jdYBs {
    height:100%;
  margin:0 auto;
  padding:var(--xl);
  max-width:var(--page);
  font-family:var(--font-family);
  }
      

      
        
        
      
      
  .bVcgct {
    color:var(--neutral-12);
  border:var(--border-xs) solid transparent;
  outline:none;
  padding:var(--lg);
  min-height:20rem;
  transition:all 0.2s ease;
  font-family:var(--font-family);
  line-height:1.6;
  border-radius:0 0 var(--rounding-lg) var(--rounding-lg);
  }
      

      
  .bVcgct.focused {
    background:var(--neutral-1);
  border-color:transparent;
  }
      

        
        
      
      
  .eJgZpN {
    color:var(--neutral-11);
  display:flex;
  padding:var(--sm) var(--lg);
  font-size:var(--font-size-xs);
  background:var(--neutral-2);
  border-top:var(--border-xs) solid var(--neutral-6);
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .cyyfvo {
    font-weight:500;
  }
      

      
        
        
      
      
  .bmsOCe {
    gap:var(--lg);
  display:flex;
  flex-direction:row;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bOXeuf {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-xs);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:600;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .bOXeuf:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .bOXeuf.active {
    color:var(--brand-12);
  background:var(--brand-9);
  border-color:var(--brand-9);
  }
      

        
        
      
      
  .boBSHS {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-sm);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:600;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .boBSHS:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .boBSHS.active {
    color:var(--brand-12);
  background:var(--brand-9);
  border-color:var(--brand-9);
  }
      

        
        
      
      
  .jLtIe {
    gap:var(--3xs);
  display:flex;
  align-items:center;
  flex-direction:row;
  }
      

      
        
        
      
      
  .ckGsBp {
    width:var(--border-xs);
  height:var(--lg);
  margin:0 var(--sm);
  background:var(--neutral-6);
  }
      

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

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

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .foHVuQ {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-sm);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:600;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .foHVuQ:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .foHVuQ:active {
    transform:translateY(0);
  box-shadow:inset 0 var(--border-xs) var(--2xs) var(--neutral-7);
  }
      


  .foHVuQ.disabled {
    cursor:not-allowed;
  opacity:0.5;
  background:var(--neutral-2);
  }
      

        
        
      
      
  .dMBaQG {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-sm);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:600;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .dMBaQG:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .dMBaQG:active {
    transform:translateY(0);
  box-shadow:inset 0 var(--border-xs) var(--2xs) var(--neutral-7);
  }
      


  .dMBaQG.disabled {
    cursor:not-allowed;
  opacity:0.5;
  background:var(--neutral-2);
  }
      


  .dMBaQG.disabled:hover {
    transform:none;
  background:var(--neutral-2);
  }
      

        
        
      
      
  .cNllgN {
    border:var(--border-xs) solid var(--neutral-6);
  overflow:hidden;
  background:var(--neutral-1);
  box-shadow:0 var(--2xs) var(--md) var(--neutral-3);
  transition:all 0.2s ease;
  border-radius:var(--rounding-lg);
  }
      

      
  .cNllgN {
    box-shadow:0 var(--xs) var(--lg) var(--brand-3), 0 0 0 var(--border-xs) var(--brand-4);
  border-color:var(--brand-7);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .ZQqgp {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-sm);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:700;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .ZQqgp:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .ZQqgp:active {
    transform:translateY(0);
  box-shadow:inset 0 var(--border-xs) var(--2xs) var(--neutral-7);
  }
      


  .ZQqgp.active {
    color:var(--brand-12);
  background:var(--brand-9);
  box-shadow:0 var(--2xs) var(--xs) var(--brand-3);
  border-color:var(--brand-9);
  }
      


  .ZQqgp.active:hover {
    transform:translateY(-1px);
  background:var(--brand-10);
  }
      

        
        
      
      
  .nVeVk {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-xs);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:500;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .nVeVk:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .nVeVk.active {
    color:var(--brand-12);
  background:var(--brand-9);
  border-color:var(--brand-9);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .cvHurI {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-sm);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:600;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .cvHurI:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

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

      
        
        
      
      
  
      

      
        
        
      
      
  .eZnaHG {
    color:var(--neutral-12);
  width:var(--interactive-sm);
  border:var(--border-xs) solid var(--neutral-7);
  cursor:pointer;
  height:var(--interactive-sm);
  display:flex;
  padding:0px;
  font-size:var(--font-size-xs);
  background:var(--neutral-1);
  transition:all 0.15s ease;
  align-items:center;
  font-weight:700;
  border-radius:var(--rounding-sm);
  justify-content:center;
  }
      

      
  .eZnaHG:hover {
    transform:translateY(-1px);
  background:var(--neutral-3);
  border-color:var(--neutral-8);
  }
      


  .eZnaHG.active {
    color:var(--brand-12);
  background:var(--brand-9);
  border-color:var(--brand-9);
  }