@layer base {
  
  body, :host {
    /* Color */
    --Slate-1: #111113;
--Slate-2: #18191B;
--Slate-3: #212225;
--Slate-4: #272A2D;
--Slate-5: #2E3135;
--Slate-6: #363A3F;
--Slate-7: #43484E;
--Slate-8: #5A6169;
--Slate-9: #696E77;
--Slate-10: #777B84;
--Slate-11: #B0B4BA;
--Slate-12: #EDEEF0;
--Cyan-1: #0B161A;
--Cyan-2: #101B20;
--Cyan-3: #082C36;
--Cyan-4: #003848;
--Cyan-5: #004558;
--Cyan-6: #045468;
--Cyan-7: #12677E;
--Cyan-8: #11809C;
--Cyan-9: #00A2C7;
--Cyan-10: #23AFD0;
--Cyan-11: #4CCCE6;
--Cyan-12: #B6ECF7;
--Red-1: #191111;
--Red-2: #201314;
--Red-3: #3B1219;
--Red-4: #500F1C;
--Red-5: #611623;
--Red-6: #72232D;
--Red-7: #8C333A;
--Red-8: #B54548;
--Red-9: #E5484D;
--Red-10: #EC5D5E;
--Red-11: #FF9592;
--Red-12: #FFD1D9;
    /* Fonts */
    --font-inter: 'Inter',sans-serif;

    /* Font size */
    --txt-1: 0.75rem;
--txt-2: 0.875rem;
--txt-3: 1rem;
--txt-4: 1.125rem;
--txt-5: 1.25rem;
--txt-6: 1.5rem;
--txt-7: 1.75rem;
--txt-8: 2.1875rem;
--txt-9: 3.75rem;
    /* Font weight */
    --weight-100: 100;
--weight-200: 200;
--weight-300: 300;
--weight-400: 400;
--weight-500: 500;
--weight-700: 700;
--weight-600: 600;
--weight-800: 800;
--weight-900: 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: 0.25rem;
--2: 0.5rem;
--3: 0.75rem;
--4: 1rem;
--5: 1.5rem;
--6: 2rem;
--7: 2.5rem;
--8: 3rem;
--9: 4rem;
    /* 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;
    }
  }
}

      
  .eDTVnl {
    display:flex;
  animation:2s ease 0ms 1 normal none running animation-diMMIZ;
  min-height:100%;
  align-items:center;
  padding-top:var(--5);
  padding-left:var(--5);
  padding-right:var(--5);
  flex-direction:column;
  padding-bottom:var(--5);
  justify-content:center;
  position:relative;
  }
      

      
        
                  @keyframes animation-diMMIZ {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .HdGdX {
    color:var(--Slate-12);
  width:fit-content;
  cursor:pointer;
  display:flex;
  row-gap:var(--1);
  font-size:var(--txt-2);
  background:var(--Slate-6);
  column-gap:var(--1);
  align-items:center;
  font-family:Inter;
  font-weight:var(--weight-600);
  padding-top:var(--2);
  border-color:var(--Slate-6);
  border-style:solid;
  border-width:1px;
  padding-left:var(--3);
  padding-right:var(--3);
  flex-direction:row;
  padding-bottom:var(--2);
  justify-content:center;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  }
      

      
  .HdGdX:hover {
    background:#7d3675;
  transition:color 300ms ease;
  border-color:#7d3675;
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .eQetWp {
    width:100%;
  display:flex;
  row-gap:var(--2);
  max-width:1440px;
  column-gap:var(--2);
  align-items:flex-start;
  padding-top:var(--2);
  padding-left:var(--2);
  padding-right:var(--2);
  padding-bottom:var(--2);
  justify-content:center;
  }
      

      
        
      
      
  .bLGioq {
    color:var(--Slate-12);
  font-size:var(--txt-9);
  font-family:Inter;
  font-weight:var(--weight-600);
  }
      

      
        
      
      
  .dQehAK {
    color:var(--Slate-12);
  font-size:var(--txt-3);
  max-width:400px;
  text-align:left;
  font-family:Inter;
  margin-bottom:var(--2);
  }
      

      
        
      
      
  .bXOwle {
    position:absolute;
  width:100vw;
  height:100vh;
  }