@layer base {
  
  body, :host {
    /* Color */
    --black-1: #1d1825;
--black-2: #524e56;
--black-3: #635a6c;
--black-4: #8c8297;
--black-5: #bab3c2;
--black-6: #d7ced9;
--black-7: #e3dde4;
--white-1: #ffffff;
--white-2: #f5f4fa;
--white-3: #edf0f5;
--white-4: #ebe4f2;
--white-5: #e8ddf4;
--white-6: #e2d2f3;
--white-7: #e0ccf5;
--brand-1: #824ccd;
--brand-2: #673da1;
--brand-3: #9a76cb;
--brand-8: #ad8dd8;
--brand-4: #b49ed1;
--brand-5: #edcbf1;
--brand-6: #e0daec;
--brand-7: #f4e7f4;
--brand-sec-1: #bbb107;
--brand-sec-2: #ebdf0a;
--brand-sec-3: #ece336;
--brand-sec-4: #e8e169;
--brand-sec-5: #e0da76;
--brand-sec-6: #ddd88d;
--success-1: #86c25b;
--dryft-success-200: #bdc25b;
--unsuccess-1: #fc3003;
--dryft-unsuccess-200: #00a8a8;
--status-0: #71b441;
--status-1: #cbc806;
--status-2: #c3a618;
--status-3: #c36b18;
--status-4: #a31900;
--temp-status-1: #df073d;
--temp-status-2: #df0c8e;
--temp-status-3: #0c76df;
--brand-dark-1: #1d1825;
--brand-dark-2: #3d344c;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-urbanist: 'Urbanist',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.75rem;
--font-size-base: 0.875rem;
--font-size-base2: 0.925rem;
--font-size-lg: 1rem;
--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-size-6xl: 3.25rem;
--font-size-std: 0.825rem;
    /* 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 */
    --6xs: 0.125rem;
--5xs: 0.175rem;
--4xs: 0.25rem;
--3xs: 0.4rem;
--2xs: 0.6rem;
--xs: .75rem;
--sm: .875rem;
--sm-base: 0.925rem;
--base: 1rem;
--lg: 1.15rem;
--xl: 1.25rem;
--2xl: 1.5rem;
--3xl: 1.75rem;
--4xl: 2rem;
--5xl: 2.5rem;
--6xl: 3rem;
--toggle-height-md: 1.3rem;
--2_5xs: 0.5rem;
    /* 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;
    }
  }
}

      
  .cdOcnf {
    display:flex;
  row-gap:var(--4xs);
  flex-grow:1;
  background: white;
  column-gap:var(--4xs);
  flex-basis:0px;
  flex-shrink:1;
  font-family:Urbanist;
  flex-direction:row;
  }
      

      
        
      
      
  .eRYTrd {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0.75;
  z-index:1;
  position:fixed;
  background: var(--white-4);
  }
      

      
        
      
      
  .bguoPI {
    color:var(--black-2);
  font-size:var(--font-size-lg);
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  
      

      
        
      
      
  .faTtBq {
    display:flex;
  row-gap:var(--2xl);
  flex-grow:3;
  column-gap:var(--2xl);
  flex-basis:0px;
  align-items:start;
  flex-shrink:3;
  font-family:inherit;
  padding-top:var(--base);
  padding-left:var(--base);
  padding-right:var(--base);
  padding-bottom:var(--base);
  justify-content:space-between;
  }
      

      
        
      
      
  .fwFTBY {
    gap:var(--4xs);
  font-family:inherit;
  }
      

      
        
      
      
  .eYQQXf {
    color:var(--label-color);
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .signup_ea\:0L8clbm4_wriEA-w11Unv {
    font-family:inherit;
  }
      

      
        
      
      
  .bhHROf {
    display:flex;
  row-gap:var(--xs);
  flex-grow:1;
  column-gap:var(--xs);
  flex-basis:0px;
  flex-shrink:1;
  font-family:inherit;
  flex-direction:column;
  }
      

      
        
      
      
  .dCioJE {
    color:var(--white-4);
  display:flex;
  font-size:var(--font-size-lg);
  align-items:start;
  font-family:inherit;
  font-weight:600;
  justify-content:end;
  }
      

      
        
      
      
  .dSTogm {
    width:40px;
  height:40px;
  display:flex;
  row-gap:var(--3xl);
  column-gap:var(--3xl);
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .diZvPN {
    color:inherit;
  width:100%;
  height:36px;
  background: var(--brand-6);
  font-family:inherit;
  border-color:var(--black-5);
  border-style:solid;
  border-width:1px;
  padding-left:4px;
  border-radius:6px;
  padding-right:4px;
  }
      

      
  .diZvPN:focus {
    border-color:var(--brand-1);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .vBhUV {
    flex-grow:1.5;
  flex-basis:0%;
  flex-shrink:1.5;
  border-left-color:var(--black-1);
  border-left-style:solid;
  border-left-width:1px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
        
      
      
  .eyVPLS {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .fpVUIZ {
    font-family:inherit;
  }
      

      
        
      
      
  .signup_ea\:6Agc8t9-iK4vfGM3AFpor {
    font-family:inherit;
  }
      

      
        
      
      
  .fCGcXA {
    color:var(--white-4);
  display:flex;
  font-size:var(--font-size-xl);
  align-items:center;
  font-family:inherit;
  font-weight:600;
  justify-content:end;
  }
      

      
        
      
      
  .utVnW {
    color:var(--white-1);
  width:100%;
  cursor:pointer;
  font-size:var(--font-size-lg);
  background:linear-gradient(to top right, var(--brand-1) 0%, var(--brand-4) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  padding-top:var(--xs);
  padding-left:var(--sm);
  padding-right:var(--sm);
  padding-bottom:var(--xs);
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .utVnW:hover {
    background:linear-gradient(to top right, var(--brand-2) 0%, var(--brand-3) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  }
      


  .utVnW:focus {
    background:linear-gradient(var(--brand-2) 0%, var(--brand-3) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  border-color:var(--black-2);
  border-style:Solid;
  border-width:1px;
  }
      


  .utVnW.is-saving {
    background:linear-gradient(var(--brand-2) 0%, var(--brand-1) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  }
      

        
      
      
  .bbXtjt {
    display:flex;
  row-gap:var(--xs);
  max-width:520px;
  column-gap:var(--xs);
  align-items:start;
  font-family:inherit;
  justify-content:end;
  }
      

      
        
      
      
  .eEMdYz {
    width:520px;
  display:flex;
  row-gap:var(--4xl);
  column-gap:var(--4xl);
  align-items:start;
  padding-top:var(--xl);
  border-color:var(--white-4);
  border-style:solid;
  border-width:2.5px;
  padding-left:var(--xl);
  padding-right:var(--xl);
  flex-direction:column;
  padding-bottom:var(--xl);
  justify-content:center;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

      
        
      
      
  .fjInLO {
    display:flex;
  flex-grow:1;
  flex-basis:0px;
  align-items:center;
  flex-shrink:1;
  font-family:inherit;
  justify-content:center;
  }
      

      
        
      
      
  .dSpwxc {
    display:flex;
  row-gap:var(--base);
  column-gap:var(--base);
  align-items:start;
  font-family:inherit;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .fFPXXo {
    color:var(--brand-2);
  width:56px;
  height:56px;
  display:flex;
  background:linear-gradient(to bottom right, var(--white-2) 0%, var(--white-6) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  box-shadow:var(--6xs) var(--6xs) 10px 0px #00000020;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:99px;
  border-top-right-radius:99px;
  border-bottom-left-radius:99px;
  border-bottom-right-radius:99px;
  }
      

      
        
      
      
  .bXMDaN {
    display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .bRhYeJ {
    width:80%;
  height:600px;
  display:flex;
  row-gap:var(--5xs);
  max-width:540px;
  min-width:400px;
  column-gap:var(--5xs);
  font-family:inherit;
  }
      

      
        
      
      
  .cKSZYy {
    font-size:var(--font-size-3xl);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .eRvIOz {
    row-gap:var(--xl);
  column-gap:var(--xl);
  font-family:inherit;
  }
      

      
        
      
      
  .signup_ea\:PPf6Ljo0Wx1ZKhYoIDyjG {
    font-family:inherit;
  }
      

      
        
      
      
  .MkgNY {
    color:var(--black-1);
  font-size:var(--font-size-4xl);
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .dhSjTf {
    row-gap:var(--lg);
  column-gap:var(--lg);
  font-family:inherit;
  }
      

      
        
      
      
  .dEXTKk {
    inset:0;
  width:620px;
  height:340px;
  z-index:2;
  position:fixed;
  background: var(--white-1);
  margin-top:auto;
  font-family:inherit;
  margin-left:auto;
  border-color:var(--black-4);
  border-style:solid;
  border-width:1px;
  margin-right:auto;
  margin-bottom:auto;
  flex-direction:column;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
        
      
      
  .bsCTao {
    width:80px;
  height:32px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .eazWFt {
    display:flex;
  row-gap:var(--lg);
  flex-grow:1;
  background:linear-gradient(to left, var(--white-1) 0%, var(--white-6) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  box-shadow:var(--4xl) var(--4xl) 4px 0px #00000020;
  column-gap:var(--lg);
  flex-basis:0px;
  flex-shrink:1;
  font-family:inherit;
  padding-top:var(--base);
  padding-left:var(--base);
  padding-right:var(--base);
  padding-bottom:var(--base);
  }
      

      
        
      
      
  .signup_ea\:ib0T9VlLcd2tndT_Fqlz5 {
    font-family:inherit;
  }
      

      
        
      
      
  .eflWBO {
    color:var(--white-4);
  width:70%;
  display:flex;
  font-size:var(--font-size-4xl);
  align-items:start;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  justify-content:end;
  }
      

      
        
      
      
  .eFiwKm {
    color:var(--white-1);
  width:110px;
  cursor:pointer;
  display:flex;
  font-size:var(--font-size-lg);
  background:linear-gradient(to top right, var(--brand-1) 0%, var(--brand-4) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  padding-top:var(--2xs);
  padding-left:var(--lg);
  padding-right:var(--lg);
  flex-direction:row;
  padding-bottom:var(--2xs);
  justify-content:space-between;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .eFiwKm:hover {
    background:linear-gradient(to top right, var(--brand-2) 0%, var(--brand-3) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  }
      


  .eFiwKm:focus {
    background:linear-gradient(var(--brand-2) 0%, var(--brand-3) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  border-color:var(--black-2);
  border-style:Solid;
  border-width:1px;
  }
      

        
      
      
  .blusCn {
    width:100%;
  height:100%;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
        
      
      
  .dYZQFr {
    height:0px;
  row-gap:var(--base);
  flex-grow:1;
  column-gap:var(--base);
  flex-basis:0px;
  flex-shrink:1;
  font-family:inherit;
  flex-direction:row;
  }
      

      
        
      
      
  .cnOiGe {
    display:flex;
  row-gap:var(--4xl);
  flex-grow:1;
  background:linear-gradient(to top left, var(--brand-2) 0%, #372156 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  column-gap:var(--4xl);
  flex-basis:0px;
  align-items:center;
  flex-shrink:1;
  font-family:inherit;
  padding-top:5rem;
  padding-bottom:5rem;
  justify-content:center;
  }
      

      
          @media (max-width: 1200px) {
            
  .cnOiGe {
    display:none;
  }
      

          }
          
        
      
      
  .dboMzM {
    color:var(--black-2);
  width:100%;
  display:flex;
  row-gap:var(--xs);
  column-gap:var(--xs);
  align-items:start;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  justify-content:center;
  }
      

      
        
      
      
  .dqwHuO {
    row-gap:var(--2xl);
  column-gap:var(--2xl);
  font-family:inherit;
  padding-top:var(--xl);
  }
      

      
        
      
      
  .eiozYM {
    row-gap:var(--3xs);
  column-gap:var(--3xs);
  }
      

      
        
      
      
  .bSwBNU {
    color:var(--black-1);
  font-size:var(--font-size-xl);
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }