@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";._group_area_8u0f3_1{width:25%;height:100%;background-color:#fff;position:relative}._group_area_8u0f3_1 ._logo_8u0f3_7{height:17%;display:flex;justify-content:center}._group_area_8u0f3_1 ._logo_8u0f3_7 div{display:flex;justify-content:center;align-items:center;gap:1rem}._group_area_8u0f3_1 ._logo_8u0f3_7 div span{font-size:2rem;font-weight:500}._group_area_8u0f3_1 ._groups_container_8u0f3_22{max-height:83%;overflow-y:auto}._group_area_8u0f3_1 ._groups_container_8u0f3_22>div{padding-left:1.5rem}._group_area_8u0f3_1 ._groups_container_8u0f3_22>div:hover,._group_area_8u0f3_1 ._groups_container_8u0f3_22>div:active{border-radius:1rem;background-color:#6161611a}._group_area_8u0f3_1 ._groups_container_8u0f3_22>div a{text-decoration:none}._group_area_8u0f3_1 ._add_group_button_8u0f3_36{width:5rem;height:5rem;border-radius:100%;background-color:var(--dark-blue);font-size:4rem;font-weight:500;color:#fff;position:absolute;right:1.2rem;bottom:2rem}._group_area_8u0f3_1 ::-webkit-scrollbar{width:.7rem}._group_area_8u0f3_1 ::-webkit-scrollbar-thumb{border-radius:.3rem;border:2px solid transparent;background-color:#fff;background-clip:content-box}._group_area_8u0f3_1 ::-webkit-scrollbar-track{border-radius:.3rem;background-color:#d9d9d9}@media screen and (max-width: 675px){._group_area_8u0f3_1{width:100vw}._group_area_8u0f3_1 ._logo_8u0f3_7{height:15%}._group_area_8u0f3_1 ._logo_8u0f3_7 div img{width:2rem;height:2rem}._group_area_8u0f3_1 ._logo_8u0f3_7 div span{font-size:1.7rem}._group_area_8u0f3_1 ._groups_container_8u0f3_22{max-height:85%}}._group_name_1c24b_1{display:flex;align-items:center;gap:1.2rem;font-size:1.5rem;font-weight:500}._group_name_1c24b_1 ._group_short_1c24b_8{width:4rem;height:4rem;color:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 675px){._group_name_1c24b_1{font-size:1.2rem;gap:1rem}._group_name_1c24b_1 ._group_short_1c24b_8{width:3.5rem;height:3.5rem}}._create_group_1uoqd_1{box-sizing:border-box;width:30%;min-height:27%;border-radius:.375rem;background:#FFF;display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;padding:0 1% 0 2%;font-weight:500}._create_group_1uoqd_1 h3{font-size:1.3rem;margin:0}._create_group_1uoqd_1 ._group_input_1uoqd_19{display:flex;height:2rem;align-items:center;gap:2rem;position:relative}._create_group_1uoqd_1 ._group_input_1uoqd_19 label{font-size:1rem}._create_group_1uoqd_1 ._group_input_1uoqd_19 input{width:60%;height:90%;border-radius:1.2rem;border:2px solid #CCC;background-color:#fff;padding-left:1rem;font-weight:700;font-size:.9rem}._create_group_1uoqd_1 ._group_input_1uoqd_19 input::placeholder{color:#979797;font-weight:400}._create_group_1uoqd_1 ._group_input_1uoqd_19 ._error_1uoqd_43{color:red;font-size:.9rem;position:absolute;bottom:-1.2rem;right:25%;margin:0}._create_group_1uoqd_1 ._group_input_1uoqd_19 ._colors_array_1uoqd_51{display:flex;gap:.4rem}._create_group_1uoqd_1 ._group_input_1uoqd_19 ._colors_array_1uoqd_51 ._selected_1uoqd_55{border:2px solid black}._create_group_1uoqd_1 ._group_input_1uoqd_19 ._colors_array_1uoqd_51 div{width:2rem;height:2rem;border-radius:100%;cursor:pointer}._create_group_1uoqd_1 ._create_group_button_1uoqd_64{width:30%;height:1.8rem;border-radius:.7rem;background-color:var(--dark-blue);color:#fff;font-weight:400;font-size:1rem;align-self:flex-end}@media screen and (max-width: 675px){._create_group_1uoqd_1{width:85%;min-height:35%}._create_group_1uoqd_1 ._group_input_1uoqd_19{gap:1rem}._create_group_1uoqd_1 ._group_input_1uoqd_19 ._colors_array_1uoqd_51 div{width:1.7rem;height:1.7rem;box-sizing:border-box}._create_group_1uoqd_1 ._create_group_button_1uoqd_64{align-self:center;width:50%;height:2rem}}._page_container_3mwk5_1{width:100vw;height:100svh;display:flex}._page_container_3mwk5_1 ._create_group_modal_3mwk5_6{height:100svh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;background-color:#2f2f2fbf}._banner_16q19_1{flex:1 1;height:100vh;background-color:#dae5f5;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}._banner_16q19_1 ._center_content_16q19_10{width:55%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}._banner_16q19_1 ._center_content_16q19_10 h3{font-size:2.25rem;font-weight:700;margin:0}._banner_16q19_1 ._center_content_16q19_10 p{width:95%;font-weight:500;color:#292929;font-size:1.375rem;line-height:2rem}._banner_16q19_1 ._encrypt_text_16q19_30{color:#292929;font-size:1.3rem;font-weight:400}._banner_16q19_1 ._encrypt_text_16q19_30 span{display:flex;align-items:center;gap:.5rem}._notes_area_jwnkl_1{flex:1 1;height:100svh;background-color:#dae5f5;position:relative}._notes_area_jwnkl_1 ._groupname_bar_jwnkl_7{box-sizing:border-box;padding-left:1rem;width:100%;height:11%;display:flex;align-items:center;gap:1rem;background-color:var(--dark-blue)}._notes_area_jwnkl_1 ._notes_container_jwnkl_17{height:62%;overflow:auto;box-sizing:border-box;padding:1rem 2rem 0}._notes_area_jwnkl_1 ::-webkit-scrollbar{width:.7rem}._notes_area_jwnkl_1 ::-webkit-scrollbar-thumb{border-radius:.3rem;border:2px solid transparent;background-color:#fff;background-clip:content-box}._notes_area_jwnkl_1 ::-webkit-scrollbar-track{border-radius:.3rem;background-color:#000000a1}._group_error_jwnkl_37{display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:600}@media screen and (max-width: 675px){._notes_area_jwnkl_1 ._groupname_bar_jwnkl_7{height:10%}._notes_area_jwnkl_1 ._notes_container_jwnkl_17{height:69%;padding:.9rem;padding-bottom:0}._group_error_jwnkl_37{font-size:1.2rem}}._notecard_4mxmu_1{box-sizing:border-box;width:100%;background-color:#fff;border-radius:.3rem;box-shadow:0 4px 20px #00000040;font-size:1rem;font-weight:400;margin-bottom:1rem;padding:1.2rem 1rem .5rem;line-height:1.65rem}._notecard_4mxmu_1 p{margin:0}._notecard_4mxmu_1 ._date_time_4mxmu_16{height:max-content;text-align:right;margin-top:.5rem;font-weight:500}._notecard_4mxmu_1 ._date_time_4mxmu_16 span{font-size:1.5rem;position:relative;top:3px}@media screen and (max-width: 675px){._notecard_4mxmu_1 ._date_time_4mxmu_16{font-size:.85rem}}._writing_area_kxx6d_1{width:100%;height:27%;background-color:var(--dark-blue);display:flex;justify-content:center;align-items:center;position:absolute;bottom:0}._writing_area_kxx6d_1 ._input_container_kxx6d_11{box-sizing:border-box;width:95%;height:90%;border-radius:.5rem;border:1px solid #CCC;background-color:#fff;padding:1rem .4rem 1rem 2rem;display:flex;gap:.3rem}._writing_area_kxx6d_1 ._input_container_kxx6d_11 textarea{width:95%;font-family:Roboto,sans-serif;height:100%;font-size:1.65rem;font-weight:400;resize:none;border:none;outline:none}._writing_area_kxx6d_1 ._input_container_kxx6d_11 ._save_note_button_kxx6d_32{height:1.7rem;align-self:flex-end;cursor:pointer}@media screen and (max-width: 675px){._writing_area_kxx6d_1{height:22%}._writing_area_kxx6d_1 ._input_container_kxx6d_11{padding-left:1.3rem}._writing_area_kxx6d_1 ._input_container_kxx6d_11 textarea{font-size:1.3rem}}.screen-error{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;background-color:#dae5f5}:root{--dark-blue: #001F8B;font-family:Roboto,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0}button{border:none;cursor:pointer}button:active{scale:.9;opacity:.8}@media screen and (max-width: 675px){.remove{display:none}}