@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";header{width:100%;height:60px;background-color:#1f1f1f;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px}header ._title_ngg21_18{margin-left:20px;font-family:var(--main-font);color:var(--primary-color);font-weight:500;line-height:60px}._app_c0ml3_8{font-family:var(--main-font);background-color:#f0ffff34;border:solid rgb(255,255,255) 1px;border-radius:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25%;height:65%;overflow-y:hidden}._app_c0ml3_8 ._container_c0ml3_21{height:100%;height:86%;padding:10px;overflow-y:scroll;overflow-x:hidden}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28{transition:all .3s ease-in-out;height:80px;width:100%;background-color:#00911645;border-radius:5px;padding:2px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._contactDetails_c0ml3_47{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:10px}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._contactDetails_c0ml3_47 ._contactIllu_c0ml3_54{transition:all .3s ease-in-out;width:60px;height:60px;background-color:#fff;border-radius:50%}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._contactDetails_c0ml3_47 ._contactInfos_c0ml3_61{display:flex;flex-direction:column;justify-content:center}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._contactDetails_c0ml3_47 ._contactInfos_c0ml3_61 ._name_c0ml3_66{font-size:1.1em}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._contactDetails_c0ml3_47 ._contactInfos_c0ml3_61 ._phoneNumber_c0ml3_69{font-size:.9em;color:#d3d3d3}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._EditBTN_c0ml3_73,._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._DeleteBTN_c0ml3_73{background-color:#0000;color:#fff;border:none;margin-right:5px}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._EditBTN_c0ml3_73 svg,._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._DeleteBTN_c0ml3_73 svg{width:20px;height:20px}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._EditBTN_c0ml3_73 :hover,._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28 ._DeleteBTN_c0ml3_73 :hover{color:violet;cursor:pointer}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28:hover{background-color:#00ff2666;cursor:pointer}._app_c0ml3_8 ._container_c0ml3_21 ._contactsList_c0ml3_28 ._contact_c0ml3_28:hover ._contactDetails_c0ml3_47>._contactIllu_c0ml3_54{transition:all .3s ease-in-out;background-color:#d3d3d3;border-radius:10px}._overlay_93970_1{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:1000}._dialog_93970_10{background:#fff;width:min(520px,92vw);border-radius:12px;box-shadow:0 10px 35px #0003;overflow:hidden}._header_93970_18{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee}._closeBtn_93970_26{border:none;background:transparent;cursor:pointer}._body_93970_32{padding:18px}._form_4d8lw_1{display:grid;gap:12px}._form_4d8lw_1 label{display:grid;gap:6px}._form_4d8lw_1 input{padding:10px 12px;border:1px solid #ddd;border-radius:8px}._actions_4d8lw_15{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}._error_4d8lw_22{color:#c62828}._actionsBar_4d8lw_26{display:flex;justify-content:flex-end;margin-bottom:12px}._addBtn_4d8lw_32{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:10px 14px;background:#1f7aec;color:#fff;cursor:pointer}._form_4z41p_1{display:grid;gap:12px}._form_4z41p_1 label{display:grid;gap:6px}._form_4z41p_1 input{padding:10px 12px;border:1px solid #ddd;border-radius:8px}._actions_4z41p_17{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}._error_4z41p_24{color:#c62828}._actionsBar_4z41p_28{display:flex;justify-content:flex-end;margin-bottom:12px}._addBtn_4z41p_34{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:10px 14px;background:#1f7aec;color:#fff;cursor:pointer}:root{--primary-color: #ffffff;--secondary-color: #17002e;--main-font: "Rubik", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--secondary-color);color:var(--primary-color)}