@layer base {
  
  body, :host {
    /* Color */
      --neutral-100: #ffffff;
--neutral-200: #f6f6f3;
--neutral-300: #eaeae1;
--neutral-400: #deded3;
--neutral-500: #c6c6b4;
--neutral-600: #b6b6a0;
--neutral-700: #959575;
--neutral-800: #545245;
--neutral-900: #3a3a2c;
--neutral-1000: #1d1d16;
--primary_medium: #526eff;
--primary_light: #d1d9ff;
--alert_medium: #D74658;
--alert_light: #FF9EAF;
--stripe_medium: #635bff;
--stripe_light: #ceccff;
--active_medium: #abe137;
--active_light: #e2fda5;
--active_dark: #4c6a0c;
--stripe_price_light: #c7e3ff;
--stripe_price_medium: #0077f0;
--greys-100: #ffffff;
--greys-150: #f7f7f7;
--greys-200: #f0f0f0;
--greys-300: #e3e3e3;
--greys-400: #d6d6d6;
--greys-500: #c7c7c7;
--greys-600: #b3b3b3;
--greys-700: #999999;
--greys-800: #808080;
--greys-900: #666666;
--greys-1000: #4d4d4d;
--lime_bright: #c7f3b4;
--lime_medium: #ade594;
--lime_dark: #6dd440;
--sky_bright: #b4d4f9;
--sky_medium: #77aeee;
--sky_dark: #1e80f1;
--electric_bright: #f6d0dd;
--electric_medium: #f297b7;
--electric_dark: #ed2169;
--misty_bright: #baf3f3;
--misty_medium: #5ee4e4;
--misty_dark: #05a3a3;
--sunlit_bright: #f9e4d2;
--sunlit_medium: #efc29a;
--sunlit_dark: #e08738;
--indigo_bright: #d7cef2;
--indigo_medium: #9a85e0;
--indigo_dark: #4a2fa2;
--avo_primary_dark: #5a7500;
--avo_primary_medium: #a8db00;
--avo_primary_light: #f0ffbd;
--avo_secondary_medium: #f84fc9;
--avo_secondary_light: #ffc2ee;
  /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-caudex: 'Caudex',serif;
--font-itim: 'Itim',handwriting;
--font-montserratalternates: 'Montserrat Alternates',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;
--markdown-block-font-size: 0.9rem;
--markdown-block-h1-size: 1.3rem;
--markdown-block-h2-size: 1.2rem;
--markdown-block-h3-size: 1.1rem;
    /* 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 */
    --xs: 0.3rem;
--s: 0.5rem;
--sm: 0.75rem;
--m: 1rem;
--ml: 1.5rem;
--l: 2rem;
--xl: 3rem;
--2xl: 4rem;
--3xl: 6rem;
--section: 70rem;
--container: 60rem;
    /* 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;
    }
  }
}

      
  .fwYNDe {
    flex:1;
  font-family:'Montserrat Alternates';
  }
      

      
        
      
      
  .dPlegb {
    gap:var(--m);
  flex:1;
  }
      

      
        
      
      
  .gZEnD {
    gap:var(--s);
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:1rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
      
      
  .cmcvmC {
    font-size:var(--font-size-3xl);
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .bDFjzd {
    gap:var(--s);
  flex:1;
  }
      

      
        
      
      
  .fcFZfc {
    align-items:end;
  justify-content:center;
  }
      

      
        
      
      
  .IKpxL {
    width:100%;
  height:100%;
  font-family:'Montserrat Alternates';
  }
      

      
        
      
      
  
      

      
        
      
      
  .EwDlE {
    flex:1;
  padding-top:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
      
      
  .enBOsr {
    color:var(--greys-1000, #4d4d4d);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  }
      

      
  .enBOsr:hover {
    color:var(--greys-1100, #1a1a1a);
  background-color:var(--greys-300, #e3e3e3);
  }
      

        
      
      
  .cKCMFB {
    flex:1;
  max-width:fit-content;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
      
      
  .fcYXQO {
    font-size:var(--font-size-sm);
  font-weight:700;
  }
      

      
        
      
      
  .crpeQx {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0;
  z-index:-99;
  position:absolute;
  overflow-x:hidden;
  transition:opacity 300ms ease 0ms normal;
  align-items:center;
  border-radius:0.5rem;
  justify-content:center;
  }
      

      
  .crpeQx.hide {
    opacity:1;
  z-index:2;
  }
      

        
      
      
  .cKJpQW {
    left:var(--xs);
  font-size:var(--font-size-lg);
  }
      

      
        
      
      
  .eBtBij {
    gap:var(--s);
  flex:1;
  height:2.5rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eegPFq {
    flex:1;
  display:none;
  border-radius:1rem;
  }
      

      
        
      
      
  .fdEEyE {
    gap:var(--s);
  color:var(--greys-900, #666666);
  cursor:pointer;
  font-size:var(--font-size-sm);
  box-shadow:1px 4px 3px -10px #00000044;
  transition:color 300ms ease 0ms normal, box-shadow 300ms ease 0ms normal, background-color 900ms ease 0ms normal;
  align-items:center;
  font-weight:600;
  padding-top:var(--xs);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--xs);
  justify-content:start;
  background-color:var(--greys-400, #d6d6d6);
  }
      

      
  .fdEEyE:hover {
    color:var(--primary_medium, #526eff);
  z-index:10;
  box-shadow:1px 4px 8px -4px #0000007a;
  font-weight:700;
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .fdEEyE.active {
    color:var(--greys-900, #666666);
  border-color:var(--greys-900, #666666);
  border-style:solid;
  border-width:1px;
  background-color:var(--greys-300, #e3e3e3);
  }
      

        
      
      
  .zQIEM {
    flex:1;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .cYhbkf {
    gap:var(--s);
  flex:1;
  border-radius:1rem;
  }
      

      
        
      
      
  .fGElcx {
    font-weight:900;
  }
      

      
        
      
      
  .csbHlB {
    align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .bqYgXN {
    height:1px;
  background-color:var(--greys-500, #c7c7c7);
  }
      

      
        
      
      
  .dZippc {
    flex:1;
  align-items:center;
  flex-direction:column;
  justify-content:end;
  }
      

      
  .dZippc.expanded {
    align-items:start;
  justify-content:end;
  }
      

        
      
      
  .bfmPjq {
    width:2.2rem;
  height:2.2rem;
  border-radius:0.5rem;
  background-color:var(--greys-500, #c7c7c7);
  }
      

      
        
      
      
  .ftGIqf {
    width:200rem;
  height:5rem;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .fgbEII {
    width:30rem;
  height:6rem;
  object-fit:cover;
  }
      

      
        
      
      
  .DmMyT {
    left:-30rem;
  width:100%;
  transition:left 1300ms cubic-bezier(0.19, 0.03, 0.78, 0.89) 0ms normal;
  flex-direction:row;
  }
      

      
  .DmMyT.step1 {
    left:0rem;
  }
      


  .DmMyT.step2 {
    left:-30rem;
  transition:flex-direction 10ms ease 0ms normal;
  }
      


  .DmMyT.step3 {
    left:-1rem;
  transition:flex-direction 30ms ease 0ms normal;
  }
      

        
      
      
  
      

      
        
      
      
  .dPFtqq {
    font-weight:600;
  }
      

      
        
      
      
  .ecbRNn {
    gap:var(--s);
  }
      

      
        
      
      
  .Lbrl {
    font-size:var(--font-size-xs);
  font-weight:300;
  }
      

      
        
      
      
  
      

      
        
      
      
  .UYaNT {
    flex:1;
  height:100%;
  max-height:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  flex-direction:row;
  background-color:var(--greys-400, #d6d6d6);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bXXkQW {
    flex:1;
  box-shadow:1px 2px 8px -2px #00000044;
  overflow-y:scroll;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--greys-300, #e3e3e3);
  border-top-left-radius:var(--m);
  border-bottom-left-radius:var(--m);
  }
      

      
        
      
      
  .dNzFPH {
    color:var(--greys-800, #808080);
  cursor:pointer;
  transition:color 300ms ease 0ms normal;
  }
      

      
  .dNzFPH:hover {
    color:var(--stripe_medium, #635bff);
  }
      

        
      
      
  
      

      
        
      
      
  .eDSzHZ {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--blue-600, #2563EB);
  }
      

      
  .eDSzHZ:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
      
      
  .bZFKAu {
    font-weight:var(--font-weight-bold);
  }