@layer base {
  
  body, :host {
    /* Color */
      --neutral-12: #EEEEF0;
--neutral-11: #B5B2BC;
--neutral-10: #7C7A85;
--neutral-9: #6F6D78;
--neutral-8: #625F69;
--neutral-7: #49474E;
--neutral-6: #3C393F;
--neutral-5: #323035;
--neutral-4: #2B292D;
--neutral-3: #232225;
--neutral-2: #1A191B;
--neutral-1: #121113;
--neutral-0: #0b0a0b;
--blue-11: #C2E6FF;
--blue-10: #70B8FF;
--blue-9: #3B9EFF;
--blue-8: #0090FF;
--blue-7: #2870BD;
--blue-6: #205D9E;
--blue-5: #104D87;
--blue-4: #004074;
--blue-3: #003362;
--blue-2: #0D2847;
--blue-1: #111927;
--blue-0: #0D1520;
--warning-1: #1D180F;
--warning-2: #302008;
--warning-3: #3F2700;
--warning-4: #4D3000;
--warning-5: #5C3D05;
--warning-6: #714F19;
--warning-7: #8F6424;
--warning-8: #FFC53D;
--warning-9: #FFD60A;
--warning-10: #FFCA16;
--warning-12: #FFE7B3;
--success-1: #0D1514;
--success-2: #111C1B;
--success-3: #0D2D2A;
--success-4: #023B37;
--success-5: #084843;
--success-6: #145750;
--success-7: #1C6961;
--success-8: #207e73;
--success-9: #12A594;
--success-10: #0EB39E;
--success-11: #0BD8B6;
--success-12: #ADF0DD;
--critical-1: #191113;
--critical-2: #1E1517;
--critical-3: #3A141E;
--critical-4: #4E1325;
--critical-5: #5E1A2E;
--critical-6: #6F2539;
--critical-7: #883447;
--critical-8: #B3445A;
--critical-9: #E54666;
--critical-10: #EC5A72;
--critical-11: #FF949D;
--critical-12: #FED2E1;
--notice-1: #17120E;
--notice-2: #1E160F;
--notice-3: #331E0B;
--notice-4: #462100;
--notice-5: #562800;
--notice-6: #66350C;
--notice-7: #7E451D;
--notice-8: #A35829;
--notice-9: #F76B15;
--notice-10: #FF801F;
--notice-11: #FFA057;
--notice-12: #FFE0C2;
  /* Fonts */
    --font-sans: 'Inter',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;
    /* 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 */
    --rounding-none: 0rem;
--rounding-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
    /* 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;
    }
  }
}

      
  .bSTNls {
    flex:1;
  min-height:100vh;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  background-color:var(--neutral-2, #1A191B);
  }
      

      
        
        
      
      
  .JhUo {
    gap:1rem;
  flex:1;
  width:100%;
  flex-wrap:wrap;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .dFUutA {
    color:var(--neutral-12, #EEEEF0);
  width:1.25rem;
  height:1.25rem;
  }
      

      
        
        
      
      
  .bROZhv {
    color:var(--neutral-12, #EEEEF0);
  font-size:var(--font-size-xs);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
        
      
      
  .dozUR {
    gap:.15rem;
  flex-direction:row;
  }
      

      
        
        
      
      
  .bvcrPA {
    color:var(--neutral-11, #B5B2BC);
  font-size:var(--font-size-xs);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
        
      
      
  .bWsgNH {
    gap:.75rem;
  width:100%;
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .PHieU {
    gap:.35rem;
  color:var(--success-10, #0EB39E);
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
        
      
      
  .eHlnht {
    flex:1;
  color:var(--neutral-12, #EEEEF0);
  font-size:var(--font-size-sm);
  max-width:250px;
  align-items:start;
  font-family:inherit;
  padding-top:.75rem;
  padding-left:1rem;
  border-radius:var(--rounding-lg);
  padding-right:1rem;
  padding-bottom:.75rem;
  justify-content:center;
  background-color:var(--neutral-2, #1A191B);
  }
      

      
  .eHlnht:focus {
    outline-color:var(--success-7, #1C6961);
  outline-style:solid;
  outline-width:1px;
  }
      

        
        
      
      
  .ejhnLW {
    color:var(--neutral-8, #625F69);
  font-size:var(--font-size-xs);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
        
      
      
  .RzEsb {
    gap:.5rem;
  min-width:250px;
  }
      

      
        
        
      
      
  .eDrEkh {
    gap:1rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .ckEvGj {
    width:1.5rem;
  height:1.5rem;
  }
      

      
        
        
      
      
  .bzfPMY {
    gap:.25rem;
  color:var(--neutral-12, #EEEEF0);
  width:fit-content;
  cursor:pointer;
  font-size:var(--font-size-sm);
  align-items:center;
  font-family:inherit;
  padding-top:8px;
  padding-left:12px;
  border-radius:var(--rounding-lg);
  padding-right:12px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:var(--success-5, #084843);
  }
      

      
  .bzfPMY:hover {
    background-color:var(--success-8, #207e73);
  }
      

        
        
      
      
  .deUNIw {
    gap:.25rem;
  flex-direction:row;
  }
      

      
        
        
      
      
  .eFMFYm {
    color:var(--neutral-12, #EEEEF0);
  font-size:var(--font-size-sm);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
        
      
      
  .hmQWA {
    gap:1rem;
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  .ekezCz {
    gap:.75rem;
  width:100%;
  flex-wrap:wrap;
  padding-top:1rem;
  flex-direction:row;
  }
      

      
        
        
      
      
  .KMMIV {
    gap:.25rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .euSGnI {
    color:var(--neutral-12, #EEEEF0);
  padding:8px;
  font-size:var(--font-size-sm);
  max-width:256px;
  border-radius:6px;
  background-color:var(--neutral-2, #1A191B);
  }
      

      
        
        
      
      
  .cpStJJ {
    width:2.5rem;
  height:2.5rem;
  border-radius:1.75rem;
  }
      

      
        
        
      
      
  .cFqMUb {
    flex:1;
  min-width:9rem;
  padding-top:.5rem;
  border-color:var(--neutral-5, #323035);
  border-style:solid;
  border-width:1px;
  padding-left:.75rem;
  border-radius:var(--rounding-lg);
  padding-right:.75rem;
  padding-bottom:.5rem;
  background-color:var(--neutral-3, #232225);
  }
      

      
        
        
      
      
  .mUYxF {
    gap:1rem;
  width:100%;
  align-items:center;
  padding-top:1rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:start;
  border-bottom-color:var(--neutral-5, #323035);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
        
      
      
  .ftQZRf {
    width:auto;
  filter:invert(1);;
  height:2rem;
  }
      

      
        
        
      
      
  .fniAgL {
    flex-wrap:wrap;
  align-items:center;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .cGWQyV {
    gap:1.5rem;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  border-top-color:var(--neutral-5, #323035);
  border-top-style:solid;
  border-top-width:1px;
  }
      

      
        
        
      
      
  .dXSBJO {
    flex:1;
  min-height:100%;
  }
      

      
        
        
      
      
  .cczSuY {
    flex:1;
  width:100%;
  height:100%;
  position:relative;
  max-width:16rem;
  transition:all 150ms ease 0ms ;
  flex-direction:column;
  background-color:var(--neutral-2, #1A191B);
  border-right-color:var(--neutral-5, #323035);
  border-right-style:solid;
  border-right-width:1px;
  }
      

      
          @media (max-width: 1024px) {
            
  .cczSuY {
    display:flex;
  z-index:999;
  position:absolute;
  translate:-100%;
  flex-direction:column;
  }
      

          }
          

  .cczSuY.mobile-view {
    position:absolute;
  translate:0px;
  }
      

        
        
      
      
  .cpGzyX {
    color:var(--neutral-9, #6F6D78);
  font-size:var(--font-size-sm);
  font-family:inherit;
  font-weight:inherit;
  padding-bottom:.5rem;
  }
      

      
        
        
      
      
  .eRWXNM {
    left:2rem;
  padding-left:1rem;
  border-left-color:var(--neutral-6, #3C393F);
  border-left-style:solid;
  border-left-width:1px;
  }
      

      
        
        
      
      
  .cBqGkH {
    gap:.5rem;
  cursor:pointer;;
  align-items:center;
  padding-top:.5rem;
  padding-left:.5rem;
  border-radius:var(--rounding-lg);
  padding-right:.5rem;
  flex-direction:row;
  padding-bottom:.5rem;
  justify-content:start;
  }
      

      
        
        
      
      
  .eQkQxe {
    color:var(--neutral-9, #6F6D78);
  width:1rem;
  padding-right:.25rem;
  }
      

      
        
        
      
      
  .nVmWs {
    gap:.25rem;
  padding-top:1rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-bottom:1rem;
  }
      

      
        
        
      
      
  .cheHbE {
    width:100%;
  align-items:center;
  padding-top:1.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  flex-direction:row;
  padding-bottom:1.25rem;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .eHmEUj {
    padding-right:1rem;
  }
      

      
        
        
      
      
  .cAAFKx {
    gap:.1rem;
  font-weight:var(--font-weight-regular);
  justify-content:center;
  }
      

      
        
        
      
      
  .dJTMYD {
    gap:.5rem;
  color:var(--neutral-12, #EEEEF0);
  align-items:center;
  padding-top:.5rem;
  padding-left:.5rem;
  border-radius:var(--rounding-lg);
  padding-right:.5rem;
  flex-direction:row;
  padding-bottom:.5rem;
  justify-content:start;
  }
      

      
  .dJTMYD:hover {
    color:var(--neutral-12, #EEEEF0);
  background-color:var(--neutral-5, #323035);
  }
      

        
        
      
      
  .bfzmzg {
    align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .cIcTGv {
    gap:.5rem;
  align-items:center;
  padding-top:.5rem;
  padding-left:.5rem;
  border-radius:var(--rounding-lg);
  padding-right:.5rem;
  flex-direction:row;
  padding-bottom:.5rem;
  justify-content:start;
  }
      

      
  .cIcTGv:hover {
    background-color:var(--neutral-5, #323035);
  }
      

        
        
      
      
  .dPxjro {
    color:var(--neutral-12, #EEEEF0);
  font-size:var(--font-size-sm);
  font-family:inherit;
  }
      

      
  .dPxjro:hover {
    color:var(--neutral-8, #625F69);
  }
      


  .dPxjro.active {
    color:var(--blue-9, #3B9EFF);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .eRNnbL {
    align-items:center;
  padding-left:1.25rem;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .dIECtE {
    gap:.5rem;
  height:100%;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .bUbUZR {
    color:inherit;
  font-size:var(--font-size-sm);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
        
      
      
  .dpRpln {
    width:2rem;
  height:2rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cTwMkH {
    color:inherit;
  width:1.25rem;
  height:1.25rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eBGPIo {
    gap:.25rem;
  color:var(--neutral-12, #EEEEF0);
  width:fit-content;
  cursor:pointer;
  font-size:var(--font-size-sm);
  align-items:center;
  font-family:inherit;
  padding-top:.75rem;
  padding-left:1rem;
  border-radius:var(--rounding-lg);
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:.75rem;
  justify-content:start;
  background-color:var(--success-5, #084843);
  }
      

      
  .eBGPIo:hover {
    background-color:var(--success-8, #207e73);
  }
      

        
        
      
      
  .eMvUDw {
    gap:1rem;
  align-items:start;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
        
      
      
  .bYKOau {
    gap:1rem;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
        
      
      
  .fCILAg {
    align-items:start;
  flex-direction:column;
  padding-bottom:.5rem;
  justify-content:start;
  border-bottom-color:var(--neutral-6, #3C393F);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
        
      
      
  .xlmip {
    flex:1;
  padding-top:1.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-bottom:1.25rem;
  }
      

      
        
        
      
      
  .jjkaU {
    color:var(--neutral-12, #EEEEF0);
  font-size:var(--font-size-sm);
  max-width:256px;
  padding-top:0.7rem;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:0.7rem;
  background-color:var(--neutral-2, #1A191B);
  }
      

      
        
        
      
      
  .dDkjZp {
    flex:1;
  height:2.5rem;
  align-items:start;
  justify-content:center;
  }
      

      
          @media (max-width: 360px) {
            
  .dDkjZp {
    align-items:center;
  justify-content:center;
  }
      

          }
          
        
        
      
      
  .mRxGH {
    gap:1rem;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  padding-top:.75rem;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
        
      
      
  .exRKWn {
    gap:1.5rem;
  flex-direction:row;
  }