@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #1c1d22;
--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: #edeef34f;
--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: #ccd7ff;
--brand-12: #DBDFFF;
--brand-overlay-dark: #1A1B2A;
--brand-overlay-light: #dbdfff78;
--success-0: #1e2f22;
--success-1: #171F19;
--success-2: #1A231D;
--success-3: #1C3424;
--success-4: #1A4229;
--success-5: #1F4E31;
--success-6: #255B3A;
--success-7: #2B6B44;
--success-8: #2F7E4F;
--success-9: #1BA15C;
--success-10: #009450;
--success-11: #84ebac;
--success-12: #cffcdd;
--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: #e4f7b554;
--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;
--neutral-0: #101d32;
--neutral-1: #D8770005;
--neutral-2: #F5D0000C;
--neutral-3: #FEF69B14;
--neutral-4: #F7FCED1A;
--neutral-5: #E0ECFD24;
--neutral-6: #D6E1FE31;
--neutral-7: #D4E1FD42;
--neutral-8: #D4DEFD62;
--neutral-9: #D5E0FF72;
--neutral-10: #D4DEFF83;
--neutral-11: #D5DEFFC9;
--neutral-12: #F2F5FFF7;
--brand-1: #0BD00004;
--brand-2: #72F6000A;
--brand-3: #20AFFE25;
--brand-4: #0892FE43;
--brand-5: #1D93FF58;
--brand-6: #329BFF6B;
--brand-7: #3C9BFF84;
--brand-8: #3B99FFA4;
--brand-9: #1788FFE5;
--brand-10: #0081FED4;
--brand-11: #7FB8FF;
--brand-12: #D0E4FFFE;
--success-1: #00EB000A;
--success-2: #00FC000F;
--success-3: #00FA3223;
--success-4: #00FB5A33;
--success-5: #00FF7640;
--success-6: #00FF8F50;
--success-7: #00FDA064;
--success-8: #00FFAD7B;
--success-9: #74FED3E2;
--success-10: #6CFFD2D5;
--success-11: #69FFD0D2;
--success-12: #B2FEE4F8;
--warning-1: #00FA0007;
--warning-2: #16F7000D;
--warning-3: #81FB001D;
--warning-4: #A0FB002B;
--warning-5: #B0FE0D37;
--warning-6: #BDFD2745;
--warning-7: #C8FD3E55;
--warning-8: #D0FF4A68;
--warning-9: #DFFE73E2;
--warning-10: #DEFE6BD7;
--warning-11: #E0FF75E3;
--warning-12: #EEFFC1F4;
--critical-1: #00EC0005;
--critical-2: #A9EB000A;
--critical-3: #FD92001D;
--critical-4: #FE7A0030;
--critical-5: #FF7E003E;
--critical-6: #FF8A264F;
--critical-7: #FE914467;
--critical-8: #FF93538D;
--critical-9: #FE9F74E1;
--critical-10: #FF9260D9;
--critical-11: #FEA781FB;
--critical-12: #FFDFD1F7;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--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-md: 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-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;
--font-size-6: 1rem;
    /* 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;
--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);
--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;
--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.35rem;
--rounding-full: 999%;
--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;
--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-md: 2.75rem;
--interactive-lg: 3.25rem;
--interactive-sm: 2.35rem;
    /* 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;
    }
  }
}

      
  
      

      
        
      
      
  .ycAxh {
    flex:0 0 auto;
  width:var(--width);
  scroll-snap-align:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eqFrt {
    height:200px;
  display:flex;
  align-items:center;
  border-radius:var(--rounding-md);
  justify-content:center;
  background-color:var(--warning-5, #40311f);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dUSZWz {
    gap:var(--gap);
  width:100%;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  padding-top:0px;
  padding-left:var(--gap);
  padding-right:var(--gap);
  flex-direction:row;
  padding-bottom:0px;
  scroll-padding:var(--gap);
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .ePBcJy {
    height:200px;
  display:flex;
  align-items:center;
  border-radius:var(--rounding-md);
  justify-content:center;
  background-color:var(--success-5, #17493c);
  }
      

      
        
      
      
  
      

      
        
      
      
  .bvOWyj {
    height:200px;
  display:flex;
  align-items:center;
  border-radius:var(--rounding-md);
  justify-content:center;
  background-color:var(--brand-5, #192a14);
  }
      

      
        
      
      
  .bDbnqn {
    height:200px;
  display:flex;
  align-items:center;
  border-radius:var(--rounding-md);
  justify-content:center;
  background-color:var(--critical-5, #401f1f);
  }