@layer base {
  
  body, :host {
    /* Color */
      --neutral-0: #0b0a0b;
--neutral-1: #121113;
--neutral-2: #1A191B;
--neutral-3: #232225;
--neutral-4: #2B292D;
--neutral-5: #323035;
--neutral-6: #3C393F;
--neutral-7: #49474E;
--neutral-8: #625F69;
--neutral-9: #6F6D78;
--neutral-10: #7C7A85;
--neutral-11: #B5B2BC;
--neutral-12: #ffffff;
--brand-1: #0d2426;
--brand-2: #1f4142;
--brand-3: #214d4e;
--brand-4: #246061;
--brand-5: #287979;
--brand-6-pia: #349392;
--brand-7: #4fb2b0;
--brand-8: #7acec9;
--brand-9: #ace3dd;
--brand-10: #d6f1ef;
--brand-11: #f3fafa;
--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;
--warning-1: #16120C;
--warning-2: #1D180F;
--warning-3: #302008;
--warning-4: #3F2700;
--warning-5: #4D3000;
--warning-6: #5C3D05;
--warning-7: #714F19;
--warning-8: #8F6424;
--warning-9: #FFC53D;
--warning-10: #FFD60A;
--warning-11: #FFCA16;
--warning-12: #FFE7B3;
--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;
--overlay-a1: #ffffff0d;
--overlay-a2: #ffffff1a;
--overlay-a3: #ffffff26;
--overlay-a4: #ffffff33;
--overlay-a5: #ffffff4d;
--overlay-a6: #ffffff66;
--overlay-a7: #ffffff80;
--overlay-a8: #ffffff99;
--overlay-a9: #ffffffb3;
--overlay-a10: #ffffffcc;
--overlay-a11: #ffffffe6;
--overlay-a12: #fffffff2;
--scroll-bg: #525252;
--overlay-inverted-a1: #0000000d;
--overlay-inverted-a2: #0000001a;
--overlay-inverted-a3: #00000026;
--overlay-inverted-a4: #00000033;
--overlay-inverted-a5: #0000004d;
--overlay-inverted-a6: #00000066;
--overlay-inverted-a7: #00000080;
--overlay-inverted-a8: #00000099;
--overlay-inverted-a9: #000000b3;
--overlay-inverted-a10: #000000cc;
--overlay-inverted-a11: #000000e6;
--overlay-inverted-a12: #000000f2;
  /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;
--font-raleway: 'Raleway',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* 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: 0px;
--rounding-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
--rounding-full: 9999px;
--border-none: 0px;
--border-md: 1px;
--border-lg: 2px;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-height-sm: 2rem;
--interactive-height-md: 2.5rem;
--interactive-height-lg: 3rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 240px;
--header-height: 4.5rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.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;
    }
  }
}

      
  .czrAUI {
    width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  background-color:var(--background, #000000);
  }
      

      
        
        
      
      
  .cPeePh {
    position:relative;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .nueva_password\:6fOno71gyb-guMlslLKUs {
    top:51px;
  position:absolute;
  }
      

      
        
        
      
      
  .eIjHKF {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:1;
  position:absolute;
  background:radial-gradient(106.39% 170.22% at 50% 190.17%, #4FB2B0 0%, rgba(79, 178, 176, 0) 100%);;
  }
      

      
        
        
      
      
  .dMoAlA {
    width:100%;
  z-index:20;
  max-width:605px;
  max-height:835px;
  font-family:'Raleway';
  padding-top:80px;
  padding-left:40px;
  border-radius:25px;
  padding-right:40px;
  padding-bottom:80px;
  background-color:#FFFFFF17;
  }
      

      
        
        
      
      
  .exauzG {
    gap:9px;
  flex:1;
  font-family:'Raleway';
  }
      

      
        
        
      
      
  .CyMXC {
    color:var(--piafit-white, #ffffff);
  width:100%;
  height:56px;
  font-size:14px;
  align-items:center;
  font-weight:400;
  border-color:var(--piafit-white, #ffffff);
  border-style:solid;
  border-width:1px;
  border-radius:12px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .cdgQxt {
    gap:6px;
  cursor:pointer;
  display:flex;
  font-size:14px;
  align-items:center;
  font-family:inherit;
  font-weight:400;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .UDbGN {
    color:var(--piafit-white, #ffffff);
  display:flex;
  font-size:16px;
  align-items:center;
  font-weight:600;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .dAlXky {
    color:var(--piafit-white, #ffffff);
  font-size:14px;
  font-family:inherit;
  font-weight:400;
  }
      

      
        
        
      
      
  .eHmiQG {
    flex:1;
  color:var(--piafit-white, #ffffff);
  width:100%;
  height:56px;
  font-size:14px;
  align-items:start;
  font-weight:400;
  padding-left:8px;
  border-radius:12px;
  padding-right:8px;
  justify-content:center;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cPdQxh {
    color:var(--error, #FC0606);
  font-size:16px;
  font-family:inherit;
  font-weight:400;
  padding-top:12px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:12px;
  background-color:var(--light-error, #FEE2E2);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .fleKQe {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  align-items:center;
  padding-top:16px;
  padding-left:8px;
  border-radius:35px;
  padding-right:8px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--piafit-main, #349392);
  }
      

      
        
        
      
      
  .cGkK {
    :;
  gap:40px;;
  flex:none;;
  color:var(--piafit-white, #ffffff);
  order:1;;
  width:68px;;
  height:68px;;
  display:flex;;
  padding:40px;;
  z-index:1;;
  flex-grow:0;;
  background:#349392;;
  box-shadow:0px 9px 34px rgba(95, 209, 207, 0.49);;
  align-items:center;;
  border-radius:108px;;
  flex-direction:column;;
  /* -frame 387 */:;
  /* -verde_-pia */:;
  justify-content:center;;
  /* -auto layout */:;
  /* -inside auto layout */:;
  }
      

      
        
        
      
      
  .cqWVCL {
    gap:32px;
  color:var(--piafit-white, #ffffff);
  font-size:32px;
  font-weight:700;
  }
      

      
        
        
      
      
  .cdiRYy {
    gap:32px;
  align-items:center;
  justify-content:start;
  }
      

      
        
        
      
      
  .bXgblR {
    gap:5px;
  color:var(--piafit-white, #ffffff);
  display:flex;
  font-size:32px;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
        
      
      
  .fnoBFs {
    gap:12px;
  color:var(--piafit-white, #ffffff);
  font-size:18px;
  font-weight:600;
  }
      

      
        
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
        
      
      
  .so-button-primary\:root {
    gap:0.25rem;
  color:var(--neutral-12, #EEEEF0);
  width:fit-content;
  cursor:pointer;
  height:var(--interactive-height-md);
  font-size:var(--text-md);
  overflow-x:hidden;
  overflow-y:hidden;
  transition:background-color 200ms ease 0ms normal;
  align-items:center;
  font-family:'Raleway';
  font-weight:var(--semi);
  padding-top:10px;
  user-select:none;
  padding-left:18px;
  border-radius:44px;
  outline-color:transparent;
  outline-style:solid;
  outline-width:var(--border-lg);
  padding-right:18px;
  flex-direction:row;
  outline-offset:var(--border-md);
  padding-bottom:10px;
  -ms-user-select:none;
  justify-content:center;
  -moz-user-select:none;
  background-color:var(--brand-6-pia, #349392);
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .so-button-primary\:root:hover {
    background-color:var(--brand-4, #246061);
  }
      


  .so-button-primary\:root:active {
    transition:none;
  background-color:var(--brand-3, #214d4e);
  }
      


  .so-button-primary\:root:focus-visible {
    outline-color:var(--brand-8, #6958AD);
  outline-style:solid;
  outline-width:var(--border-lg);
  outline-offset:var(--border-md);
  }
      


  .so-button-primary\:root.disabled {
    color:#FFFFFF;
  opacity:0.5;
  background-color:#C3C3C3;
  }
      

        
        
      
      
  .ecsgDW {
    width:var(--size);
  height:var(--size);
  animation:spinner 1s linear infinite;
  border-radius:50%;
  }
      

      
        
        
      
      
  .ffcKG {
    width:100%;
  height:100%;
  position:absolute;
  border-color:transparent;
  border-style:solid;
  border-width:4px;
  border-radius:50%;
  border-top-color:var(--color, #EEEEF0);
  border-top-style:solid;
  border-top-width:4px;
  }
      

      
        
        
      
      
  .bDGgpC {
    width:100%;
  height:100%;
  opacity:0.3;
  position:absolute;
  border-color:var(--color, #EEEEF0);
  border-style:solid;
  border-width:4px;
  border-radius:50%;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .MCOJk {
    top:0px;
  left:0px;
  color:inherit;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:;
  position:absolute;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:inherit;
  flex-direction:column;
  justify-content:center;
  background-color:var(--brand-9, #ace3dd);
  }
      

      
        
        
      
      
  .nueva-password-component\:whIhQcWddDZl6p_4jeX7G {
    width:100%;
  height:53px;
  }
      

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

      
        
        
      
      
  .nueva_password\:k9MPyRi9MCpkcR2E6jWVz {
    margin-top:20px;
  }