@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake-animation{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.input-container{display:flex;width:100%;flex-direction:column}.input-container input,.input-container select,.input-container textarea{border-radius:var(--radius);border-width:1px;border-color:rgb(164 164 164/var(--tw-border-opacity,1));--tw-border-opacity:0.5;padding:.5rem;outline-color:#a4a4a4}.input-container input:-moz-read-only,.input-container select:-moz-read-only,.input-container textarea:-moz-read-only{outline:2px solid transparent;outline-offset:2px}.input-container input:read-only,.input-container select:read-only,.input-container textarea:read-only{outline:2px solid transparent;outline-offset:2px}.input-container input,.input-container select,.input-container textarea{font-size:12px;line-height:21px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.input-container input::-moz-placeholder,.input-container select::-moz-placeholder,.input-container textarea::-moz-placeholder{font-size:12px;line-height:21px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.input-container input::placeholder,.input-container select::placeholder,.input-container textarea::placeholder{font-size:12px;line-height:21px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.input-style{border-radius:var(--radius);border-width:1px;border-color:rgb(164 164 164/var(--tw-border-opacity,1));--tw-border-opacity:0.5;padding:.5rem;outline-color:#a4a4a4}.input-style:-moz-read-only{outline:2px solid transparent;outline-offset:2px}.input-style:read-only{outline:2px solid transparent;outline-offset:2px}.input-style{font-size:12px;line-height:21px}.input-container label,.input-container p,.input-style{font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.input-container label,.input-container p{margin-bottom:0;font-size:14px}div{position:relative}.icon{position:absolute;right:0;top:55%;padding-right:20px}.invalid{border:1px solid red!important;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;outline-color:red!important}.invalid input[type=checkBox]{border-color:red!important;accent-color:red}.password-input{display:flex;border-radius:.25rem;--tw-border-opacity:1;border-color:rgb(164 164 164/var(--tw-border-opacity,1));padding-right:.75rem}.password-input input{border-style:none;outline:2px solid transparent;outline-offset:2px}select{text-transform:capitalize!important}