@layer base {
  
  body, :host {
    /* Color */
    --bg-strong: var(--neutral-950, #0E121B);
--bg-surface: var(--neutral-800, #222530);
--bg-sub: var(--neutral-300, #CACFD8);
--bg-soft: var(--neutral-200, #E1E4EA);
--bg-weak: var(--neutral-50, #F5F7FA);
--bg-white: var(--neutral-0, #FFFFFF);
--neutral-950: #0E121B;
--neutral-900: #181B25;
--neutral-800: #222530;
--neutral-700: #2B303B;
--neutral-600: #525866;
--neutral-500: #717784;
--neutral-400: #99A0AE;
--neutral-300: #CACFD8;
--neutral-200: #E1E4EA;
--neutral-100: #F2F5F8;
--neutral-50: #F5F7FA;
--neutral-0: #FFFFFF;
--Blue-950: #122368;
--Blue-900: #182F8B;
--Blue-800: #1F3BAD;
--Blue-700: #2547D0;
--Blue-600: #3559E9;
--Blue-500: #335CFF;
--Blue-400: #6895FF;
--Blue-300: #97BAFF;
--Blue-200: #C0D5FF;
--Blue-100: #D5E2FF;
--Blue-50: #EBF1FF;
--Orange-950: #71330A;
--Orange-900: #96440D;
--Orange-800: #B75310;
--Orange-700: #CE5E12;
--Orange-600: #E16614;
--Orange-500: #FA7319;
--Orange-400: #FFA468;
--Orange-300: #FFC197;
--Orange-200: #FFD9C0;
--Orange-100: #FFE6D5;
--Orange-50: #FFF3EB;
--Red-950: #681219;
--Red-900: #8B1822;
--Red-800: #AD1F2B;
--Red-700: #D02533;
--Red-600: #E93544;
--Red-500: #FB3748;
--Red-400: #FF6875;
--Red-300: #FF97A0;
--Red-200: #FFC0C5;
--Red-100: #FFD5D8;
--Red-50: #FFEBEC;
--Green-950: #0B4627;
--Green-900: #16643B;
--Green-800: #1A7544;
--Green-700: #178C4E;
--Green-600: #1DAF61;
--Green-500: #1FC16B;
--Green-400: #3EE089;
--Green-300: #84EBB4;
--Green-200: #C2F5DA;
--Green-100: #D0FBE9;
--Green-50: #E0FAEC;
--Yellow-950: #624C18;
--Yellow-900: #86661D;
--Yellow-800: #A78025;
--Yellow-700: #C99A2C;
--Yellow-600: #E6A819;
--Yellow-500: #F6B51E;
--Yellow-400: #FFD268;
--Yellow-300: #FFE097;
--Yellow-200: #FFECC0;
--Yellow-100: #FFEFCC;
--Yellow-50: #FFFAEB;
--Purple-950: #351A75;
--Purple-900: #3D1D86;
--Purple-800: #4C25A7;
--Purple-700: #5B2CC9;
--Purple-600: #693EE0;
--Purple-500: #7D52F4;
--Purple-400: #8C71F6;
--Purple-300: #A897FF;
--Purple-200: #CAC0FF;
--Purple-100: #DCD5FF;
--Purple-50: #EFEBFF;
--Sky-950: #124B68;
--Sky-900: #18658B;
--Sky-800: #1F7EAD;
--Sky-700: #2597D0;
--Sky-600: #35ADE9;
--Sky-500: #47C2FF;
--Sky-400: #68CDFF;
--Sky-300: #97DCFF;
--Sky-200: #C0EAFF;
--Sky-100: #D5F1FF;
--Sky-50: #EBF8FF;
--Pink-950: #68123D;
--Pink-900: #8B1852;
--Pink-800: #AD1F66;
--Pink-700: #D0257A;
--Pink-600: #E9358F;
--Pink-500: #FB4BA3;
--Pink-400: #FF68B3;
--Pink-300: #FF97CB;
--Pink-200: #FFC0DF;
--Pink-100: #FFD5EA;
--Pink-50: #FFEBF4;
--Teal-950: #0B463E;
--Teal-900: #16645A;
--Teal-800: #1A7569;
--Teal-700: #178C7D;
--Teal-600: #1DAF9C;
--Teal-500: #22D3BB;
--Teal-400: #3FDEC9;
--Teal-300: #84EBDD;
--Teal-200: #C2F5EE;
--Teal-100: #D0FBF5;
--Teal-50: #E4FBF8;
--neutral-alpha-24: #99a0ae3d;
--neutral-alpha-16: #99a0ae29;
--neutral-alpha-10: #99a0ae1a;
--blue-alpha-24: #476cff3d;
--blue-alpha-16: #476cff29;
--blue-alpha-10: #476cff1a;
--orange-alpha-24: #fa73193d;
--orange-alpha-16: #fa731929;
--orange-alpha-10: #fa73191a;
--red-alpha-24: #fb37483d;
--red-alpha-16: #fb374829;
--red-alpha-10: #fb37481a;
--green-alpha-24: #1fc16b3d;
--green-alpha-16: #1fc16b29;
--green-alpha-10: #1fc16b1a;
--yellow-alpha-24: #fbc64b3d;
--yellow-alpha-16: #fbc64b29;
--yellow-alpha-10: #fbc64b1a;
--sky-alpha-24: #47c2ff3d;
--sky-alpha-16: #47c2ff29;
--sky-alpha-10: #47c2ff1a;
--purple-alpha-24: #784def3d;
--purple-alpha-16: #784def29;
--purple-alpha-10: #784def1a;
--pink-alpha-24: #fb4ba33d;
--pink-alpha-16: #fb4ba329;
--pink-alpha-10: #fb4ba31a;
--teal-alpha-24: #22d3bb3d;
--teal-alpha-16: #22d3bb29;
--teal-alpha-10: #22d3bb1a;
--white-alpha-24: #ffffff3d;
--white-alpha-16: #ffffff29;
--white-alpha-10: #ffffff3d;
--black-alpha-24: #1717173d;
--black-alpha-16: #17171729;
--black-alpha-10: #1717171a;
--static-black: var(--neutral-950, #0E121B);
--static-white: var(--neutral-0, #FFFFFF);
--text-strong: var(--neutral-950, #0E121B);
--text-sub: var(--neutral-600, #2B303B);
--text-soft: var(--neutral-400, #99A0AE);
--text-disabled: var(--neutral-300, #CACFD8);
--text-white: var(--neutral-0, #FFFFFF);
--stroke-strong: var(--neutral-950, #0E121B);
--stroke-sub: var(--neutral-300, #CACFD8);
--stroke-soft: var(--neutral-200, #E1E4EA);
--stroke-white: var(--neutral-0, #FFFFFF);
--icon-strong: var(--neutral-950, #0E121B);
--icon-sub: var(--neutral-600, #2B303B);
--icon-soft: var(--neutral-400, #99A0AE);
--icon-disabled: var(--neutral-300, #CACFD8);
--icon-white: var(--neutral-0, #FFFFFF);
--faded-dark-light: var(--neutral-800, #222530);
--faded-dark-dark: var(--neutral-300, #CACFD8);
--faded-base-light: var(--neutral-500, #717784);
--faded-base-dark: var(--neutral-500, #717784);
--faded-light-light: var(--neutral-200, #E1E4EA);
--faded-light-dark: var(--neutral-alpha-24, #99a0ae3d);
--faded-lighter-light: var(--neutral-100, #F2F5F8);
--faded-lighter-dark: var(--neutral-alpha-16, #99a0ae29);
--information-dark: var(--Blue-400, #6895FF);
--information-base: var(--Blue-500, #335CFF);
--information-light: var(--Blue-200, #C0D5FF);
--information-lighter: var(--Blue-50, #EBF1FF);
--warning-dark: var(--Orange-950, #71330A);
--warning-base: var(--Orange-500, #FA7319);
--warning-light: var(--Orange-200, #FFD9C0);
--warning-lighter: var(--Orange-50, #FFF3EB);
--error-dark: var(--Red-950, #681219);
--error-base: var(--Red-500, #FB3748);
--error-light: var(--Red-200);
--error-lighter: var(--Red-50, #FFEBEC);
--success-dark: var(--Green-950);
--success-base: var(--Green-500);
--success-light: var(--green-alpha-24);
--success-lighter: var(--Green-50, #E0FAEC);
--away-dark-light: var(--Yellow-950, #624C18);
--away-dark-dark: var(--Yellow-400, #FFD268);
--away-base-light: var(--Yellow-500, #F6B51E);
--away-base-dark: var(--Yellow-600, #E6A819);
--away-light-light: var(--Yellow-200, #FFECC0);
--away-light-dark: var(--yellow-alpha-24);
--away-lighter-light: var(--Yellow-50, #FFFAEB);
--away-lighter-dark: var(--yellow-alpha-16, #fbc64b29);
--feature-dark-light: var(--Purple-950, #351A75);
--feature-dark-dark: var(--Purple-400, #8C71F6);
--feature-base-light: var(--Purple-500, #7D52F4);
--feature-base-dark: var(--Purple-500, #7D52F4);
--feature-light-light: var(--Purple-200, #CAC0FF);
--feature-light-dark: var(--purple-alpha-24, #784def3d);
--feature-lighter-light: var(--Purple-50, #EFEBFF);
--feature-lighter-dark: var(--purple-alpha-16, #784def29);
--verified-dark-light: var(--Sky-950, #124B68);
--verified-dark-dark: var(--Sky-400, #68CDFF);
--verified-base-light: var(--Sky-500, #47C2FF);
--verified-base-dark: var(--Sky-600, #35ADE9);
--verified-light-light: var(--Sky-200, #C0EAFF);
--verified-light-dark: var(--sky-alpha-24, #47c2ff3d);
--verified-lighter-light: var(--Sky-50, #EBF8FF);
--verified-lighter-dark: var(--sky-alpha-16, #47c2ff29);
--highlighted-dark-light: var(--Pink-950, #68123D);
--highlighted-dark-dark: var(--Pink-400, #FF68B3);
--highlighted-base-light: var(--Pink-500, #FB4BA3);
--highlighted-base-dark: var(--Pink-600, #E9358F);
--highlighted-light-light: var(--Pink-200, #FFC0DF);
--highlighted-light-dark: var(--pink-alpha-24, #fb4ba33d);
--highlighted-lighter-light: var(--Pink-50, #FFEBF4);
--highlighted-lighter-dark: var(--pink-alpha-16, #fb4ba329);
--stable-dark-light: var(--Teal-950, #0B463E);
--stable-dark-dark: var(--Teal-400, #3FDEC9);
--stable-base-light: var(--Teal-500, #22D3BB);
--stable-base-dark: var(--Teal-600, #1DAF9C);
--stable-light-light: var(--Teal-200, #C2F5EE);
--stable-light-dark: var(--teal-alpha-24, #22d3bb3d);
--stable-lighter-light: var(--Teal-50, #E4FBF8);
--stable-lighter-dark: var(--teal-alpha-16, #22d3bb29);
--primary-dark: var(--Pink-800, #AD1F66);
--primary-darker: var(--Pink-700, #D0257A);
--primary-base: var(--Pink-500, #FB4BA3);
--primary-alpha-24: var(--pink-alpha-24, #fb4ba33d);
--primary-alpha-16: var(--pink-alpha-16, #fb4ba329);
--primary-alpha-10: var(--pink-alpha-10, #fb4ba31a);
    /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-geist: 'Geist',sans-serif;
--font-roboto: 'Roboto',sans-serif;

    /* Font size */
    --h1-title: 3.5rem;
--h2-title: 3rem;
--h3-title: 2.5rem;
--h4-title: 2rem;
--h5-title: 1.5rem;
--h6-title: 1.25rem;
--label-xl: 1.5rem;
--label-l: 1.125rem;
--label-m: 1rem;
--label-sm: 0.875rem;
--label-xs: 0.75rem;
--paragraph-xl: 1.5rem;
--paragraph-l: 1.125rem;
--paragraph-m: 1rem;
--paragraph-sm: 0.875rem;
--paragraph-xs: 0.75rem;
--subheading-l: 1.125rem;
--subheading-m: 1rem;
--subheading-sm: 0.875rem;
--subheading-xs: 0.75rem;
--subheading-2xs: 1rem;
--docs: 1.125rem;
    /* Font weight */
    --regular: 400;
--medium: 500;
    /* 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 */
    --radius-0: 0px;
--radius-2: 2px;
--radius-4: 4px;
--radius-6: 6px;
--radius-8: 8px;
--radius-10: 10px;
--radius-12: 12px;
--radius-16: 16px;
--radius-20: 20px;
--radius-24: 24px;
--radius-28: 28px;
--radius-full: 999px;
    /* 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;
    }
  }
}

      
  .diliAK {
    height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }