@layer base {
  
  body, :host {
    /* Color */
      --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #f2f3f3;
--grey-300: #e5e7e8;
--grey-400: #e4e4e4;
--grey-500: #a9adb1;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--MainBackground: #1D1F27;
--MainPurple: #9E4DFD;
--MainBlue: #35B0F3;
--DarkGrayBackground: #232429;
--Olive: #018979;
--Gunmetal: #26313B;
--Teal: #DBF0E7;
--LightOrange: #FFE8D8;
--DarkOrange: #FFCFAD;
--purple-600: #7C3AED;
  /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-poppins: 'Poppins',sans-serif;
--font-merriweather: 'Merriweather',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;
    /* 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 */
    --1: 1rem;
--2: 2rem;
--05: .5rem;
--3: 3rem;
    /* Z-index */
    --bottom: 1;
--middle: 100;
--top: 1000;
  }
  @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;
    }
  }
}

      
  .dIAgXs {
    width:100%;
  height:100%;
  background-color:var(--MainBackground, #1D1F27);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .dOEFhV {
    color:var(--grey-900, #171717);
  width:100%;
  font-size:var(--font-size-sm);
  max-width:var(--max-width);
  font-family:inherit;
  font-weight:400;
  padding-top:var(--05);
  padding-left:var(--05);
  border-radius:6px;
  outline-color:var(--grey-400, #A3A3A3);
  outline-style:solid;
  outline-width:1px;
  padding-right:var(--05);
  padding-bottom:var(--05);
  background-color:#ffffffff;
  }
      

      
  .dOEFhV:focus {
    outline-color:var(--Olive, #018979);
  outline-style:solid;
  outline-width:1px;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .mFwyK {
    color:var(--grey-500, #a9adb1);
  font-size:var(--font-size-xs);
  font-family:'Poppins';
  font-weight:400;
  }
      

      
        
        
      
      
  .fcsWWA {
    gap:var(--1);
  width:50%;
  height:100%;
  min-width:300px;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .EraHi {
    color:var(--grey-300, #e5e7e8);
  display:inline-block;
  text-align:right;
  }
      

      
        
        
      
      
  .fECJif {
    gap:var(--05);
  color:var(--grey-50, #FAFAFA);
  display:flex;
  font-size:var(--font-size-sm);
  font-family:'Poppins';
  font-weight:400;
  flex-direction:column;
  }
      

      
        
        
      
      
  .ckpBJB {
    color:var(--grey-50, #FAFAFA);
  display:inline-block;
  text-align:center;
  }
      

      
        
        
      
      
  .cEqiJL {
    display:inline-block;
  }
      

      
        
        
      
      
  .pKdd {
    gap:var(--05);
  color:var(--grey-900, #171717);
  display:flex;
  font-size:var(--font-size-sm);
  align-items:center;
  font-family:inherit;
  font-weight:600;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .kVfVF {
    width:100%;
  border:1px solid rgba(0,0,0,.2);;
  display:flex;
  max-width:var(--max-width);
  min-width:100px;
  box-shadow:0 1px 4px rgba(9,39,83,.12), inset 0 0 0 1px rgba(255,255,255,.3);;
  align-items:center;
  padding-top:var(--05);
  padding-left:.75rem;
  border-radius:6px;
  outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:0px;
  padding-right:.75rem;
  flex-direction:column;
  padding-bottom:var(--05);
  justify-content:center;
  background-color:#ffffffff;
  }
      

      
  .kVfVF:hover {
    cursor:pointer;
  outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:2px;
  }
      


  .kVfVF:focus-visible {
    outline-color:var(--color-text-primary, #E5E5E5);
  outline-style:solid;
  outline-width:1px;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bIflsA {
    color:var(--grey-50, #FAFAFA);
  font-size:2.25rem;
  font-family:'Merriweather';
  font-weight:500;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bhrjsL {
    gap:var(--1);
  width:80%;
  max-width:400px;
  }
      

      
        
        
      
      
  .cqYsQq {
    color:var(--grey-50, #FAFAFA);
  display:inline-block;
  font-size:var(--font-size-3xl);
  font-family:'Merriweather';
  font-weight:600;
  }
      

      
        
        
      
      
  .bFGeSS {
    width:100%;
  height:100%;
  flex-direction:row;
  }
      

      
        
        
      
      
  .dnNmlJ {
    gap:var(--1);
  flex:1;
  height:100%;
  align-items:center;
  padding-top:var(--2);
  padding-left:var(--2);
  padding-right:var(--2);
  padding-bottom:var(--2);
  justify-content:center;
  background-color:var(--Olive, #018979);
  }