.auth-field__input{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-normal);line-height:1.5}.auth-field__label{color:var(--clr-text-400);font-family:var(--font-mono);font-size:var(--fs-200);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-200);letter-spacing:var(--tracking-500);text-transform:uppercase}.auth-field{display:flex;flex-direction:column;gap:var(--spacer-300)}.auth-field__label-row{align-items:baseline;display:flex;justify-content:space-between}.auth-field__control{display:flex;position:relative}.auth-field__input{background:var(--clr-bg-alpha-500);border:var(--border-md-default-500);border-radius:var(--radius-400);height:var(--icon-size-xl);outline:none;padding:0 var(--spacer-500);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);width:100%}.auth-field__input::-moz-placeholder{color:var(--clr-text-300)}.auth-field__input::placeholder{color:var(--clr-text-300)}.auth-field__input:focus{background:var(--clr-bg-alpha-900);border-color:var(--clr-primary-500);box-shadow:0 0 0 var(--spacer-100) var(--clr-primary-500-alpha-300)}.auth-field__input--affix{padding-right:calc(var(--icon-size-lg) + var(--spacer-200)*2)}.auth-field__reveal{background:transparent;border:none;border-radius:var(--radius-300);color:var(--clr-text-300);cursor:pointer;display:grid;height:var(--icon-size-lg);place-items:center;position:absolute;right:var(--spacer-200);top:50%;transform:translateY(-50%);width:var(--icon-size-lg)}.auth-field__reveal:hover{color:var(--clr-text-400)}.auth-field__reveal svg{fill:none;height:var(--icon-size-sm);stroke:currentColor;stroke-width:var(--border-width-xl);width:var(--icon-size-sm)}