
@layer base {
  
  body, :host {
    /* Color */
      --neutral-0: #191c2e;
--neutral-1: #272944;
--neutral-2: #2D2F49;
--neutral-3: #33355A;
--neutral-4: #383A62;
--neutral-5: #3C3F68;
--neutral-6: #43466F;
--neutral-7: #4E517C;
--neutral-8: #646894;
--neutral-9: #6F73A0;
--neutral-10: #797DAB;
--neutral-11: #AEB3E3;
--neutral-12: #E9ECFF;
--brand-1: #252C37;
--brand-2: #262F3B;
--brand-3: #273D5A;
--brand-4: #254671;
--brand-5: #2B5080;
--brand-6: #345A8E;
--brand-7: #3C67A0;
--brand-8: #4376BA;
--brand-9: #4F8BDB;
--brand-10: #4C7FC3;
--brand-11: #89BAFD;
--brand-12: #D0E3FC;
--success-1: #252E2A;
--success-2: #27332E;
--success-3: #254437;
--success-4: #20503E;
--success-5: #235C47;
--success-6: #286851;
--success-7: #2D775C;
--success-8: #2F896A;
--success-9: #207E5F;
--success-10: #2D6C55;
--success-11: #79CFAD;
--success-12: #A7F2D2;
--warning-1: #2A2E23;
--warning-2: #2E3225;
--warning-3: #384026;
--warning-4: #414D27;
--warning-5: #495827;
--warning-6: #526427;
--warning-7: #5C7127;
--warning-8: #688124;
--warning-9: #657E20;
--warning-10: #5A6F25;
--warning-11: #C7E489;
--warning-12: #DFFAAB;
--critical-1: #32292A;
--critical-2: #362B2D;
--critical-3: #522931;
--critical-4: #652735;
--critical-5: #732C3C;
--critical-6: #813546;
--critical-7: #984154;
--critical-8: #C04F69;
--critical-9: #E7597B;
--critical-10: #CD5A73;
--critical-11: #FF92A9;
--critical-12: #FFD2D9;
  /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-outfit: 'Outfit',sans-serif;
--font-poppins: 'Poppins',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
--text-xs: 0.77rem;
--text-sm: 0.888rem;
--text-md: 1rem;
--text-lg: 1.111rem;
--text-xl: 1.222rem;
--text-2xl: 1.5rem;
--text-3xl: 1.85rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* 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 */
    --none: 0rem;
--3xs: 0.125rem;
--2xs: 0.25rem;
--xs: 0.5rem;
--sm: 0.75rem;
--md: 1rem;
--lg: 1.25rem;
--xl: 1.5rem;
--2xl: 2rem;
--3xl: 2.7rem;
--4xl: 3.6rem;
--rounding-none: var(--none);
--rounding-sm: var(--3xs);
--rounding-md: var(--2xs);
--rounding-lg: var(--xs);
--rounding-full: 777rem;
--border-none: 0rem;
--border-sm: 1rem;
--border-md: 0.066rem;
--border-lg: 0.125rem;
--border-xl: 1rem;
--line-height-xs: 1.125rem;
--line-height-sm: 1.125rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.88rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--interactive-height-sm: var(--2xl);
--interactive-height-md: var(--3xl);
--interactive-height-lg: var(--4xl);
--toggle-height-md: var(--xl);
--spinner-size-md: var(--xl);
--spinner-size-lg: var(--2xl);
--avatar-size-lg: 3rem;
--avatar-size-sm: var(--xl);
--avatar-size-md: var(--2xl);
--badge-size-sm: var(--xl);
--badge-size-md: var(--2xl);
--badge-size-lg: var(--3xl);
-----------------: 999rem;
--side-menu-width: 15rem;
--header-height: 4.5rem;
--page-max-width: 40rem;
--page-padding: 1rem;
--page-gap: 1rem;
--section-padding: 1rem;
--section-gap: 1rem;
--content-padding-lg: 1rem;
--content-padding-md: 1rem;
--content-padding-sm: 1rem;
--content-gap-lg: 1rem;
--content-gap-md: 1rem;
--content-gap-sm: 1rem;
    /* 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;
    }
  }
}

      
  
      

      
        
        
      
      
  .kOqjv {
    gap:var(--section-gap);
  padding-top:var(--section-padding, 2rem);
  padding-left:var(--section-padding, 2rem);
  padding-right:var(--section-padding, 2rem);
  padding-bottom:var(--section-padding, 2rem);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bunHBi {
    top:0px;
  left:0px;
  right:0px;
  width:var(--width);
  bottom:0px;
  height:var(--height);
  position:absolute;
  overflow-x:hidden;
  overflow-y:hidden;
  user-select:none;
  aspect-ratio:var(--aspect-ratio);
  pointer-events:none;
  }
      

      
  .bunHBi.is-relative {
    position:relative;
  }
      

        
        
      
      
  .bKdUdn {
    color:var(--neutral-5, #323035);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eyQJSM {
    position:absolute;
  }
      

      
        
        
      
      
  .cPWbGq {
    color:var(--brand-10, #8a75dd);
  display:inline-block;
  font-size:2rem;
  text-align:center;
  font-family:'Outfit';
  user-select:none;
  pointer-events:none;
  }
      

      
        
        
      
      
  .dPbvpl {
    width:100%;
  height:100%;
  position:absolute;
  object-fit:cover;
  }
      

      
        
        
      
      
  .FxeZT {
    flex:1;
  align-items:center;
  pointer-events:none;
  justify-content:center;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .dvA-DVk {
    width:100%;
  border:var(--border-md) solid var(--neutral-2);
  overflow-x:hidden;
  overflow-y:hidden;
  padding-top:var(--content-padding-md);
  padding-left:var(--content-padding-md);
  border-radius:var(--rounding-lg);
  padding-right:var(--content-padding-md);
  flex-direction:column;
  padding-bottom:var(--content-padding-md);
  background-color:var(--neutral-2, #1A191B);
  }
      

      
  .dvA-DVk.no-gap {
    padding-top:var(--none);
  padding-left:var(--none);
  padding-right:var(--none);
  padding-bottom:var(--none);
  }
      


  .dvA-DVk.overflow {
    overflow-x:visible;
  overflow-y:visible;
  }
      

        
        
      
      
  .layout\:FsAo9L0Fgczdp9yNKmqLc {
    max-width:21rem;
  }
      

      
        
        
      
      
  .drpIwN {
    width:100%;
  height:100%;
  align-items:stretch;
  justify-items:stretch;;
  }
      

      
        
        
      
      
  .fiKqFd {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  position:fixed;
  flex-direction:column;
  background-color:var(--neutral-0, #0c100d);
  }
      

      
        
        
      
      
  .layout\:HrKV8rPfDPfLKIw1qWjZk {
    align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .eQnITM {
    width:100%;
  max-width:30rem;
  align-items:center;
  padding-left:var(--sm);
  padding-right:var(--sm);
  justify-content:start;
  }
      

      
        
        
      
      
  .fjwWGy {
    padding-top:var(--padding-mobile-y);
  padding-left:var(--padding-mobile-x);
  padding-right:var(--padding-mobile-x);
  padding-bottom:var(--padding-mobile-y);
  }
      

      
          @media (min-width: 1024px) {
            
  .fjwWGy {
    padding-top:var(--padding-y);
  padding-left:var(--padding-x);
  padding-right:var(--padding-x);
  padding-bottom:var(--padding-y);
  }
      

          }
          
        
        
      
      
  
      

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

      
        
        
      
      
  .so-button-tertiary\:root {
    gap:0.5rem;
  color:var(--neutral-12, #EEEEF0);
  width:fit-content;
  cursor:default;
  height:var(--interactive-height-md);
  font-size:var(--text-md);
  overflow-x:hidden;
  overflow-y:hidden;
  transition:background-color 200ms ease 0ms normal;
  align-items:center;
  font-family:'Outfit';
  font-weight:var(--semi);
  user-select:none;
  padding-left:0.75rem;
  border-radius:var(--rounding-md);
  outline-color:transparent;
  outline-style:solid;
  outline-width:var(--border-lg);
  padding-right:0.75rem;
  flex-direction:row;
  outline-offset:var(--border-md);
  -ms-user-select:none;
  justify-content:center;
  -moz-user-select:none;
  background-color:var(--overlay-a1, #ffffff0d);
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .so-button-tertiary\:root:hover {
    background-color:var(--overlay-a2, #ffffff1a);
  }
      


  .so-button-tertiary\:root:active {
    transition:none;
  background-color:var(--overlay-a3, #ffffff26);
  }
      


  .so-button-tertiary\:root:focus-visible {
    outline-color:var(--brand-8, #6958AD);
  outline-style:solid;
  outline-width:var(--border-lg);
  outline-offset:var(--border-md);
  }
      

        
        
      
      
  .layout\:gkuYWmo56YKSctIZg7-M6 {
    flex:1;
  }
      

      
        
        
      
      
  
      

      
        
        
      