.base-form-field{display:flex;flex-direction:column;gap:.5rem}.base-label{display:flex;font-weight:500;gap:.375rem;line-height:1.5rem}.base-input,.base-label{color:#3f3f46;font-size:1rem}.base-input{background-color:#fff;border:0;border-radius:.3125rem;line-height:1rem;outline:1px solid #d4d4d8;padding:.5rem;transition:all .2s ease;width:100%}.base-input:focus{box-shadow:0 0 0 .125rem #cbd5e1,0 0 0 .25rem #fffc}.base-input--error{outline-color:#ef4444}.base-input--disabled{background-color:#edf1f2}.base-input--error:focus{box-shadow:0 0 0 .125rem #ef44444d}.base-input::-moz-placeholder{color:#848f93}.base-input::placeholder{color:#848f93}.base-password-container{position:relative}.base-password-toggle{background:none;border:none;cursor:pointer;height:1rem;position:absolute;right:.625rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:1rem}.base-form-error-text{color:#ef4444;font-size:1rem}.base-form-hint-text{color:#71717a;font-size:.75rem;line-height:.75rem}.requires-msg{background-color:#f3f4f6;border-radius:33554400px;color:#4a5565;font-size:.75rem;font-weight:400;line-height:1rem;padding:.25rem .5rem}
