#userChangePassword.hidden,.user-password-modal.hidden{display:none}.user-password-modal{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:18px;background:rgba(5,25,37,.65)}.user-password-modal form{width:min(470px,96vw);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 28px 85px rgba(0,0,0,.32)}.user-password-modal header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:linear-gradient(115deg,#0a2d3c,#116674);color:#fff}.user-password-modal header small{color:#61d3d8;font-size:7px;font-weight:800}.user-password-modal h2{margin:4px 0;font:800 17px Manrope}.user-password-modal header p{margin:0;color:#afd0d7;font-size:8px}.user-password-modal header button{width:31px;height:31px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}.user-password-modal form>div{padding:18px 20px}.user-password-modal label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;color:#526b77;font-size:8px}.user-password-modal input{height:38px;border:1px solid #d1dee3;border-radius:8px;padding:0 10px;font-size:10px}.user-password-modal form>div>small{color:#7a8d96;font-size:7px}.user-password-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #e3eaed}.user-password-modal footer button{height:36px;border:1px solid #cfdbdf;border-radius:8px;background:#fff;padding:0 12px;cursor:pointer}.user-password-modal #userPasswordSave{border-color:#147e87;background:#147e87;color:#fff}