
@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);
  }
      

      
        
        
      
      
  .eAEWLY {
    flex:1;
  min-width:12px;
  min-height:100%;
  background-color:var(--neutral-2, #1A191B);
  }
      

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

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

      
        
        
      
      
  .fsgTwv {
    color:var(--neutral-12, #EEEEF0);
  display:inline-block;
  font-size:var(--font-size-xs);
  font-family:inherit;
  }
      

      
        
        
      
      
  
      

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

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

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

          }
          
        
        
      
      
  .dprhvZ {
    color:var(--neutral-8, #625F69);
  height:.75rem;
  }
      

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

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

      
        
        
      
      
  .bLheyI {
    gap:1rem;
  width:100%;
  flex-wrap:wrap;
  align-items:center;
  padding-top:.75rem;
  flex-direction:row;
  padding-bottom:.75rem;
  justify-content:space-between;
  }
      

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

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

      
        
        
      
      
  .pHpxp {
    color:var(--neutral-8, #625F69);
  width:1rem;
  height:1rem;
  rotate:z 180deg;
  }
      

      
        
        
      
      
  .cRjDOy {
    gap:.25rem;
  flex:1;
  min-width:200px;
  align-items:start;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
        
      
      
  .clHpno {
    align-items:start;
  flex-direction:row;
  justify-content:end;
  }
      

      
        
        
      
      
  .eGxdRF {
    color:var(--header-title-color, #12A594);
  font-size:var(--font-size-xxs);
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  }
      

      
        
        
      
      
  .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);
  }
      

      
        
        
      
      
  .cfvZYW {
    gap:.25rem;
  flex:0.5;
  min-width:200px;
  align-items:start;
  flex-direction:column;
  justify-content:center;
  }
      

      
          @media (min-width: 737px) {
            
  .cfvZYW {
    align-items:end;
  justify-content:center;
  }
      

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

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

      
        
        
      
      
  .dmVQeJ {
    color:var(--header-title-color, #12A594);
  font-size:var(--font-size-base);
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  }
      

      
        
        
      
      
  .FLsju {
    align-items:start;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:end;
  }
      

      
        
        
      
      
  .cTaYaR {
    gap:1rem;
  }
      

      
        
        
      
      
  .bjZsrr {
    width:100%;
  flex-wrap:nowrap;
  align-items:start;
  padding-top:.75rem;
  flex-direction:column;
  padding-bottom:.75rem;
  justify-content:center;
  background-color:var(--journey-logbook-background, transparent);
  border-top-color:var(--neutral-5, #323035);
  border-top-style:solid;
  border-top-width:1px;
  }
      

      
        
        
      
      
  .dZTqfp {
    color:var(--neutral-8, #625F69);
  width:1rem;
  height:1rem;
  min-width:3px;
  }
      

      
        
        
      
      
  .dZxnwK {
    gap:1rem;
  flex:1;
  min-width:200px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .dyaIVJ {
    gap:.5rem;
  flex-wrap:wrap;
  padding-top:1.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  flex-direction:row;
  padding-bottom:1.25rem;
  }
      

      
        
        
      
      
  .rlaPG {
    gap:.25rem;
  color:var(--blue-9, #3B9EFF);
  font-size:var(--font-size-sm);
  align-items:center;
  font-family:inherit;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .dDNPKx {
    gap:1rem;
  width:100%;
  flex-wrap:wrap-reverse;
  align-items:center;
  padding-top:1rem;
  padding-left:2.5rem;
  padding-right:2.5rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:start;
  background-color:var(--header-background-color, #2ea07c);
  border-bottom-color:var(--header-divider-line-color, #023B37);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

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

      
        
        
      
      
  
      

      
        
        
      
      
  .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;
  }
      

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

      
        
        
      
      
  .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;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .dMimmJ {
    color:var(--neutral-12, #EEEEF0);
  width:2.5rem;
  cursor:pointer;
  height:2.5rem;
  padding-top:.75rem;
  padding-left:0.5rem;
  border-radius:var(--rounding-lg);
  padding-right:0.5rem;
  padding-bottom:.75rem;
  background-color:#00000054;
  }
      

      
  .dMimmJ:hover {
    background-color:#00000029;
  }
      

        
        
      
      
  .cxLyDY {
    width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .dbdUPp {
    width:100%;
  height:2px;
  transition:all 300ms ease 0ms normal;
  border-radius:100px;
  background-color:var(--neutral-12, #EEEEF0);
  }
      

      
  .dbdUPp.closed {
    rotate:z -45deg;
  position:absolute;
  }
      

        
        
      
      
  .bByZnd {
    flex:1;
  width:100%;
  height:100%;
  transition:all 300ms ease 0ms normal;
  }
      

      
  .bByZnd.closed {
    flex:0;
  height:0%;
  position:absolute;
  }
      

        
        
      
      
  .dUYzVt {
    flex:1;
  width:100%;
  height:100%;
  transition:all 300ms ease 0ms normal;
  }
      

      
  .dUYzVt.closed {
    flex:0;
  height:0%;
  }
      

        
        
      
      
  .fmyzdK {
    width:100%;
  height:2px;
  transition:all 300ms ease 0ms normal;
  border-radius:100px;
  background-color:var(--neutral-12, #EEEEF0);
  }
      

      
  .fmyzdK.closed {
    rotate:z 45deg;
  position:absolute;
  }
      

        
        
      
      
  .wrBTG {
    width:100%;
  height:2px;
  transition:all 300ms ease 0ms normal;
  border-radius:100px;
  background-color:var(--neutral-12, #EEEEF0);
  }
      

      
  .wrBTG.closed {
    height:0px;
  opacity:0;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .bbZHQw {
    top:1rem;
  right:1.25rem;
  display:none;
  position:absolute;
  }
      

      
          @media (max-width: 1024px) {
            
  .bbZHQw {
    display:flex;
  flex-direction:column;
  }
      

          }
          
        
        
      