span.field-icon {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
  }

  input[type=password]:not(.browser-default):focus:not([readonly])+label
  {
    color: #006bf1;
    
}

input[type=password]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #006bf1;
    box-shadow: 0 1px 0 0 #006bf1;

}
   
  .parent {
    position: relative;
    margin: 0px;
    border: 0px solid #999;
  }
  .parent .fixed {
    position: absolute;
    width: 10px;
    padding-top: 4px;
    background-color: #fff;
  }

  
  .parent .fluid {
    background-color: #fff;
    float: left;
    padding-left: 12px; /* Paragraph/XXsmall */
  
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    /* identical to box height, or 160% */
  
    /* Text/Light / Secondary text */
  
    color: #5e646f;
  
    /* Inside auto layout */
  
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px 0px 4px;
  }
  
  body {
    font-family: 'Inter', sans-serif;
    text-align: left;
    background: #f5f8fb;
  }
  

.errorMessage {
    position: static;
width: 144px;
height: 16px;
left: calc(50% - 144px/2 - 80px);
bottom: 2px;

/* Paragraph/XXsmall */

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 16px;
/* identical to box height, or 160% */


/* Alert/Negative 500 */

color: #F44236;


/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;
}

.hint_label {
    /* Label and Button/XXsmall */
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 16px;
/* identical to box height, or 160% */

display: flex;
align-items: center;

/* Text/Light / Secondary text */

color: #5E646F;
}