.UserPage_list_names__4d1oP{position:relative;background-color:var(--fground);background-size:cover;border-right:1px solid var(--border);width:400px;height:100%;overflow-x:hidden;transition:width .5s ease-in-out;flex:none}.UserPage_list_name_container__19l2Y{position:absolute;left:50%;transform:translate(-50%);z-index:1}.UserPage_open_drawer__2vgJX{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;border:1px solid var(--border);position:absolute;z-index:5;background-color:var(--fground);bottom:10px;right:10px;visibility:hidden;cursor:pointer}.UserPage_open_drawer__2vgJX:active{background-color:var(--bground)}@-webkit-keyframes UserPage_slidein__1lMcf{0%{transform:translateX(100px)}to{transform:translateX(0)}}@keyframes UserPage_slidein__1lMcf{0%{transform:translateX(100px)}to{transform:translateX(0)}}.UserPage_open_drawer__2vgJX svg{color:var(--darktext);width:25px;height:25px}.UserPage_user_title__yz1No{font-size:17pt;font-weight:300;color:var(--lighttext);text-align:center;padding-top:3vh;padding-bottom:10px;margin:0}.UserPage_user_lists__1bpdZ{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:15px}.UserPage_list_container__6F1kP{background-size:cover;background-color:var(--bground);position:fixed;display:flex;height:100%;width:100%;transition:display .5s ease-in-out}@media screen and (max-width:900px){.UserPage_list_names__4d1oP{position:absolute;width:0;z-index:2}.UserPage_open_drawer__2vgJX{visibility:visible;-webkit-animation:UserPage_slidein__1lMcf .5s ease-in-out;animation:UserPage_slidein__1lMcf .5s ease-in-out}}.UserPage_list_elements__1Q0Bc{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:clamp(400px,45vw,1000px);height:100%;overflow-y:scroll;padding:2vh 3vw 100px 10vw}.UserPage_list_elements__1Q0Bc h1{color:var(--medtext);font-weight:400;border-bottom:2px solid var(--border);margin:0 0 20px}.UserPage_list_title__1p-Zr,.UserPage_list_title_active__21qlE{display:flex;flex-direction:row;width:250px;text-align:left;font-weight:400;padding:3px 8px;margin-bottom:5px;border-radius:20px;color:var(--medtext);cursor:pointer;transition:all .2s ease-in-out}.UserPage_list_title_active__21qlE{background-color:var(--button)}.UserPage_list_button__2w7mW{width:-webkit-max-content;width:-moz-max-content;width:max-content}.UserPage_list_button__2w7mW,.UserPage_list_button_active__Jcppe{display:flex;flex-direction:row}.UserPage_list_button__2w7mW:hover .UserPage_list_delete__1M-eP{opacity:.3}.UserPage_list_button__2w7mW:hover .UserPage_list_delete__1M-eP:hover{opacity:.7;cursor:pointer}.UserPage_list_delete__1M-eP{vertical-align:middle;opacity:0;width:17px;height:17px;color:var(--darktext)}.UserPage_list_title__1p-Zr:hover{color:var(--darktext);background-color:var(--button)}.UserPage_list_title__1p-Zr:active{background-color:var(--border);transition-duration:0ms}.UserPage_list_input_spacer__LU-kw{width:200px;border:1px solid var(--border)}.UserPage_list_input__iMR6q{display:flex;align-items:center}.UserPage_list_input__iMR6q input{border:none;border-radius:0;color:var(--darktext);border-bottom:1px solid var(--border)}.UserPage_list_inputlistbutton__1w31I{color:var(--darktext);height:17px;width:17px;vertical-align:middle;cursor:pointer}.UserPage_list_newlistbutton__1N-95{cursor:pointer;display:flex;flex-direction:row;align-content:center;padding:3px 12px 3px 8px;color:var(--medtext);border-radius:20px;border:1px solid var(--medtext);transition:all .2s ease-in-out}.UserPage_list_newlistbutton__1N-95:hover{background-color:#33a3ff;color:#fff;border:1px solid #66baff}.UserPage_list_newlistbutton__1N-95 svg{align-self:center;height:17px;width:17px}.UserPage_list_rename__aJEyU{background-color:inherit;color:var(--darktext);border:none;width:200px;height:19px;font-size:12pt}.UserPage_note__VCpjU{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;color:var(--darktext);font-size:16pt;margin-bottom:5px;transition:all .5s ease-in-out;cursor:pointer}.UserPage_dot__1N8rq{justify-self:center;align-self:center;height:10px;width:10px;margin-right:.2em;margin-left:.2em;border-radius:50%;border:2px solid var(--darktext)}.UserPage_new_note__1iMmX{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16pt;color:var(--lighttext);cursor:pointer;transition:all .2s ease-in-out;margin-top:2px}.UserPage_new_note__1iMmX:hover{color:var(--darktext)}.UserPage_new_note_input__131U_{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16pt;color:var(--darktext);cursor:pointer;margin-top:2px}.UserPage_note_input__3bEIL{border:none;border-bottom:1px solid var(--border);width:clamp(300px,30vw,675px)}.UserPage_note_input__3bEIL,.UserPage_note_rename__2r3XQ{background-color:inherit;color:var(--darktext);font-weight:300;font-size:16pt}.UserPage_note_rename__2r3XQ{border:none;border-bottom:1pt solid var(--border);border-radius:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:25px}.UserPage_list_item__1U_hi{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.UserPage_list_item__1U_hi:hover .UserPage_delete__1kpRF{opacity:.4}.UserPage_list_item__1U_hi:hover .UserPage_delete__1kpRF:hover{opacity:1}.UserPage_delete__1kpRF{color:var(--darktext);align-self:flex-start;margin-top:4px;opacity:0;margin-bottom:2px;height:20px;width:20px;cursor:pointer}.UserPage_subnote__1rNI_:hover .UserPage_delete_subnote__1HUgb{opacity:.4}.UserPage_subnote__1rNI_:hover .UserPage_delete_subnote__1HUgb:hover{opacity:1}.UserPage_delete_subnote__1HUgb{color:var(--darktext);align-self:center;opacity:0;height:17px;width:17px;cursor:pointer;margin-left:auto}.UserPage_spacer__DHvL8{padding-left:3px}.UserPage_arrow_rotated__29vtS{transform:rotate(180deg);transition:all .2s ease-out;flex:none}.UserPage_arrow_rotate__1uAt_{transform:rotate(0deg);transition:all .2s ease-out;flex:none}.UserPage_note_title__1V5Br{display:flex;flex-direction:row;align-items:center;width:100%}.UserPage_subnote_container__1Bz03{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid var(--border);margin-top:6px;padding-left:2vw;padding-right:2vw;width:100%}.UserPage_subnote_container__1Bz03>div{font-size:13pt;font-weight:400;display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:3px}.UserPage_subnote__1rNI_{color:var(--medtext)}.UserPage_new_subnote__24C2x{color:var(--lighttext)}.UserPage_new_subnote__24C2x:hover{color:var(--medtext)}.UserPage_input_subnote__JQOkN{font-size:13pt;font-family:Montserrat,sans-serif;display:block;background-color:inherit;color:var(--medtext);border:none;width:clamp(250px,27vw,600px);outline:none;overflow:hidden;border-bottom:1px solid var(--border)}.UserPage_intro_container__2A89M{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.UserPage_intro_container__2A89M h1{font-size:18pt;font-weight:400;color:var(--darktext)}.UserPage_intro_container__2A89M div{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--border);height:50px;width:50px;cursor:pointer;transition:all .2s ease-in-out}.UserPage_intro_container__2A89M div:hover{background-color:#33a3ff;transition:all .2s ease-in-out}.UserPage_intro_container__2A89M div:hover svg{color:#fff}.UserPage_intro_container__2A89M svg{height:30px;width:30px;color:var(--darktext)}.UserPage_intro_container__2A89M h3{font-size:13pt;font-weight:400;color:var(--lighttext);margin-top:5px}