@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);.pageWrap_hp[data-v-decf29c6]{height:calc(100vh - var(--header-height));width:100vw;overflow-y:scroll;overflow-x:hidden}.wallpaperWrap_hp[data-v-decf29c6]{position:relative;margin:0;height:-moz-fit-content;height:fit-content}.wallpaper_hp[data-v-decf29c6]{height:calc(100vh - var(--header-height));width:100%;-o-object-fit:cover;object-fit:cover;min-height:30rem}.mainInfo_hp[data-v-decf29c6]{position:absolute;margin:0 auto 0 auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;top:20%;bottom:0;left:0;right:0;padding:1rem}.mainInfo_hp>.title[data-v-decf29c6]{display:block;font-size:2.8rem;font-weight:800;margin-bottom:2rem}.mainInfo_hp>.linkButton[data-v-decf29c6]{margin-left:1rem;border-radius:10px;padding:.5rem 1rem .5rem 1rem;background-color:#000;color:#eee;text-decoration:none}.optionMain[data-v-1e482718]{display:flex;position:relative;align-items:center;cursor:pointer;margin-left:2rem}.bi-three-dots[data-v-1e482718]{color:var(--theme-color)}.options[data-v-1e482718]{position:absolute;top:100%;right:0;background-color:#fff}.options>span[data-v-1e482718]{display:block;width:-moz-max-content;width:max-content}.noteWrapper[data-v-7da1c437]{position:relative;padding:1rem;margin-bottom:1rem;width:100%}.noteWrapper[data-v-7da1c437]:after{content:"";position:absolute;bottom:0;left:1rem;width:90%;height:1px;background-color:#bcbcbc}.topWrapper[data-v-7da1c437]{display:flex;margin-bottom:.5rem}.date[data-v-7da1c437]{flex-grow:1;font-size:.7rem}.bottomWrapper[data-v-7da1c437]{padding:.5rem}.bottomWrapper[data-v-7da1c437]:hover{background-color:#f6f6f6;cursor:pointer}.title[data-v-7da1c437]{font-size:1rem;margin-bottom:1rem}.category[data-v-7da1c437]{font-size:.7rem;padding:.3rem .7rem .3rem .7rem;background-color:var(--theme-color);color:#fff;margin-bottom:1rem;border-radius:.5rem;cursor:pointer}.content[data-v-7da1c437]{padding-right:1rem;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-v-7fcc2086]{--cat-head-height:5rem}.categoryBar[data-v-7fcc2086]{background-color:#f6f6f6;height:calc(100vh - var(--header-height));overflow:hidden}.categoriesWrap[data-v-7fcc2086]{max-height:calc(100% - var(--cat-head-height));overflow:auto}.categoryContainer[data-v-7fcc2086]{font-weight:600;padding:1rem 2rem 1rem 1rem;cursor:pointer;color:#5b5b5b}.categoryContainer[data-v-7fcc2086]:hover{background-color:#eee;color:#000}.categoryContainer.selected[data-v-7fcc2086]{position:relative;background-color:#fff;color:#000}.categoryContainer.selected[data-v-7fcc2086]:before{content:"";position:absolute;top:0;bottom:0;margin:auto 0 auto 0;right:1rem;width:.5rem;height:.5rem;background-color:#000;border-radius:50%}.createWrap[data-v-7fcc2086]{display:flex;align-items:center;margin-left:1rem;height:var(--cat-head-height)}.create[data-v-7fcc2086]{display:flex;align-items:center;border:none;text-decoration:none;color:#fff;background-color:#999;padding:1rem;border-radius:1rem;width:-moz-max-content;width:max-content}.create>i[data-v-7fcc2086]{margin-right:.5rem}@media screen and (max-width:700px){.categoryBar[data-v-7fcc2086]{grid-area:a;display:grid;grid-template-columns:auto 1fr;height:var(--categoty-bar-height);overflow:hidden;width:100%}.createWrap[data-v-7fcc2086]{margin-right:1rem}.categoriesWrap[data-v-7fcc2086]{max-height:unset;height:100%;overflow-x:auto;display:flex}.categoryContainer[data-v-7fcc2086]{display:flex;align-items:center;height:100%;width:-moz-fit-content;width:fit-content;min-width:8em;padding:1rem 3rem 1rem 1rem}}.loadingPage[data-v-2797ffdf]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,100%,.8)}.loadingWrap[data-v-2797ffdf]{position:absolute;text-align:center;top:40%;bottom:0;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content}.loadingBar[data-v-2797ffdf]{position:relative;overflow:hidden;width:10rem;height:.5rem;margin-top:1rem}.loadingBar[data-v-2797ffdf]:after{content:"";position:absolute;top:0;height:1rem;width:4rem;background-color:#bcbcbc;animation:load-2797ffdf 1s infinite}@keyframes load-2797ffdf{0%{left:0}to{left:100%}}.mainPage[data-v-70676e94]{display:grid;max-height:calc(100vh - var(--header-height));overflow-y:hidden;overflow-x:auto;grid-template-columns:1fr 3.5fr}.notesWrapper_main[data-v-70676e94]{position:relative;display:grid;grid-template-columns:1.5fr 2fr}.notes[data-v-70676e94]{display:flex;flex-direction:column;padding-right:.5rem;max-height:calc(100vh - var(--header-height));overflow-y:auto;border-right:2px solid #f3f6f4}@media screen and (max-width:700px){[data-v-70676e94]{--category-bar-height:5rem}.mainPage[data-v-70676e94]{display:grid;grid-template-areas:"a a" "b b";grid-template-rows:var(--category-bar-height) 1fr;grid-template-columns:1fr 1fr;height:100%}.notesWrapper_main[data-v-70676e94]{grid-area:b;display:unset;grid-template-columns:unset}.notes[data-v-70676e94]{display:flex;flex-direction:column;padding-right:.5rem;max-height:calc(100vh - var(--header-height) - var(--category-bar-height));overflow-y:auto;border-right:2px solid #f3f6f4}}.inputTitle_np[data-v-3fd25344]{font-size:1.5rem}.inputContent_np[data-v-3fd25344]{padding:.5rem;width:100%;height:15rem}button[type=submit][data-v-3fd25344]{margin:1rem 0 1rem 0;border:none;padding:.5rem;float:right;cursor:pointer}button[type=submit][data-v-3fd25344]:hover{background-color:#bcbcbc}.wrapper[data-v-8e001138]{display:flex;justify-content:center;width:100%}.createForm[data-v-8e001138]{width:30rem;max-width:95%}.controlContainer[data-v-8e001138]{width:100%;padding:1rem}.controlContainer[data-v-8e001138]:not(:last-child){margin-bottom:1rem}.controlContainer>label[data-v-8e001138]{margin-bottom:1rem;display:block}.controlContainer>input[data-v-8e001138]{padding:.5rem;width:100%}.controlContainer>textarea[data-v-8e001138]{padding:.5rem;width:100%;height:10rem;resize:none}*{--top-bar-height:3rem}.partWrapper_np{width:100%;background-color:#fff}.noteOptions_np{display:flex;align-items:center;height:var(--top-bar-height)}.noteOptions_np>h1{font-size:1.5rem;margin-left:1rem;flex-grow:1}.editButton_np{text-decoration:none;color:#000;padding:1rem;background-color:#eee;cursor:pointer}.deleteButton>i,.editButton_np>i{margin-right:.5rem}.deleteButton{padding:1rem;border:none;cursor:pointer;background-color:transparent}.deleteButton>i{color:#900}.noteWrapper_np{max-height:calc(100vh - var(--top-bar-height) - var(--header-height));overflow-y:auto;padding:1rem 1rem 0 0;display:flex;justify-content:center}.noteContainer_np{display:block;padding-left:1rem;width:100%;height:-moz-fit-content;height:fit-content}.noteContainer_np>h1{width:100%;background-color:#f6f6f6;padding:1rem 0 1rem 1rem;font-size:1.5rem}.noteContainer_np>.category_np{margin-bottom:1rem}.noteContainer_np>.content_np{border-top:2px solid #f6f6f6;padding-top:.5rem}.loadWrap_np{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loadBar_np{position:relative;margin-top:1rem;width:10rem;height:.2rem;overflow:hidden}.loadBar_np:after{position:absolute;content:"";height:1rem;width:2rem;top:0;background-color:#bcbcbc;animation:load_np 2s infinite}@keyframes load_np{0%{left:0}to{left:100%}}@media screen and (max-width:700px){.partWrapper_np{position:absolute;top:0;left:0;height:100%}.noteWrapper_np{padding-top:0;max-height:calc(100vh - var(--top-bar-height) - var(--header-height) - var(--category-bar-height) - 1rem)}.loadWrap_np{position:absolute;top:0;left:0;background-color:#fff}}.inputTitle_np[data-v-e2ae9eb6]{font-size:1.5rem}.inputContent_np[data-v-e2ae9eb6]{width:100%;height:15rem}button[type=submit][data-v-e2ae9eb6]{border:none;padding:.5rem;float:right;cursor:pointer}button[type=submit][data-v-e2ae9eb6]:hover{background-color:#bcbcbc}.userContainer_up{display:flex;flex-direction:column;padding:0 2rem 1rem 2rem;width:100%;background-color:#fff}.userContainer_up:not(:last-child){border-right:2px solid #f3f6f4}.imgContainer_up{position:relative}.imgContainer_up>span{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;color:#fff;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;font-size:2rem}.img_up{border-radius:1rem;width:100%;-o-object-fit:contain;object-fit:contain;margin-bottom:1rem}.title_up{text-align:center;margin-bottom:1.5rem;font-size:1rem}.userForm_up{display:flex;flex-direction:column;max-width:100%;flex-grow:1}.inputField_up{flex-grow:1;margin-bottom:1.5rem}.controlContainer_up{width:100%}.controlContainer_up:not(:last-child){margin-bottom:1rem}.controlContainer_up>label{margin-bottom:1rem;display:block}.controlContainer_up>input{padding:.5rem;width:100%;border:2px solid #f3f6f4;border-radius:.5rem}.userMainButton_up{width:100%;padding:1rem;border:none;background-color:#f3f6f4;cursor:pointer}.userMainButton_up:hover{background-color:#eee}@media screen and (max-width:700px){.userContainer_up{display:flex;flex-direction:column;padding:0 2rem 1rem 2rem;width:100%;background-color:#fff;transform:translateX(100%);transition:transform 1s,opacity 0s}.userContainer_up.action{transform:translateX(0);opacity:1}.userContainer_up:not(.action){width:0;height:0;padding:0;opacity:0}.userContainer_up:not(:last-child){border-right:none}}*{--selection-height:5rem}.mobileSelection_um{display:none;justify-content:center;padding-top:1rem;padding-bottom:2rem;height:var(--selection-height)}.selectionWrap_um{border-radius:1rem;height:2rem;width:20rem;display:grid;text-align:center;grid-gap:.1rem;grid-template-columns:1fr 1fr;background-color:#eee;overflow:hidden}.select_um{padding:.5rem 1rem .5rem 1rem;width:100%;height:100%;background-color:#f3f6f4;cursor:pointer}.select_um.selected{background-color:#000;color:#fff}.userMainWrap{padding-top:1.5rem;max-height:calc(100vh - var(--header-height));overflow-y:auto;display:flex;justify-content:center;width:100%}.userMain{max-width:95%;width:50rem}.errorContain,.infoContain{width:100%;padding:1rem;border-radius:.5rem;background-color:#f3f6f4;margin-bottom:1rem}.errorContain{border:1px solid #900}.errorContain>i{font-size:1rem;color:red}.infoContain{border:1px solid #3d85c6}.infoContain>i{font-size:1rem;color:#3d85c6}.userMainContain{width:100%;display:flex;overflow:hidden;justify-content:space-between;background-color:#f3f6f4;height:-moz-fit-content;height:fit-content}@media screen and (max-width:700px){.mobileSelection_um{display:flex}.userMainWrap{padding-top:0;max-height:calc(100vh - var(--header-height) - var(--selection-height));height:100%}.userMainContain{width:100%;display:block;background-color:#f3f6f4}}.profileContainer_pp[data-v-a4eb245e]{position:relative;margin:auto;width:-moz-fit-content;width:fit-content;padding:1rem}.profileContainer_pp .editButton{position:absolute;top:0;right:0;border:none;background-color:transparent;cursor:pointer}.profileContainer_pp span{display:block;margin-bottom:1rem}.profileContainer_pp .hiSpan,.profileContainer_pp .nameSpan{margin:0 auto 0 auto;width:-moz-fit-content;width:fit-content}.profileContainer_pp .nameSpan{margin-bottom:3rem}.profileContainer_pp .relativeImgContainer{position:relative}.profileContainer_pp .imgContainer{margin:2rem auto 2rem auto;height:8rem;width:8rem;border-radius:50%;overflow:hidden;background-color:#eee}.profileContainer_pp .imgContainer>i{bottom:1rem;right:4rem;position:absolute;color:#fff}.profileContainer_pp i>a{display:none}.profileContainer_pp .imgContainer>i:hover>a{display:block;width:-moz-fit-content;width:fit-content;background-color:#000;color:#fff;padding:1rem;text-align:justify;border-radius:.5rem}.profileContainer_pp .profileImage{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.profileContainer_pp .deleteButton{border:1px solid #900;border-radius:10px;margin-top:2rem}.userProfile[data-v-4ee62a0b]{max-height:calc(100vh - var(--header-height));overflow-y:auto;padding-top:2rem}button[data-v-9c1ad746]{display:block}.controlPwd[data-v-9c1ad746]{margin-bottom:2rem}.labelNewPwd[data-v-9c1ad746]{display:block}.changeButton[data-v-9c1ad746]{padding:1rem;border-radius:10px;border:1px solid #bcbcbc;background-color:transparent;margin:1rem 0 1rem 0;cursor:pointer}.inputControl[data-v-9c1ad746]{margin-top:.5rem;width:100%}.buttonWrap[data-v-9c1ad746]{display:flex}.doneButton[data-v-9c1ad746]{padding:.5rem 1rem .5rem 1rem;border:1px solid #bcbcbc;border-radius:10px;background-color:transparent;cursor:pointer}.deleteButton[data-v-9c1ad746]{padding:.5rem 1rem .5rem 1rem;margin:auto;margin-right:1rem}.profileWrap[data-v-11ca2c6e]{position:relative;z-index:1}.bi[data-v-11ca2c6e]{cursor:pointer;font-size:1.5rem}.profileContainer[data-v-11ca2c6e]{position:absolute;top:110%;right:0;background:#fff;box-shadow:1px 1px 5px #999;padding:1rem;font-weight:600}.profileDetail[data-v-11ca2c6e]{cursor:pointer;width:-moz-max-content;width:max-content}.profileDetail[data-v-11ca2c6e]:not(:last-child){margin-bottom:1rem}.profileDetail>.link[data-v-11ca2c6e]{color:#000;text-decoration:none}#header[data-v-4c9f449b]{display:flex;align-items:center;width:100%;height:var(--header-height);padding:1rem;background-color:#fff;margin:0;border-bottom:2px solid #f3f6f4}.titleContainer[data-v-4c9f449b]{flex-grow:1}.title[data-v-4c9f449b]{color:#000;font-family:Josefin Sans,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none}:root{--header-height:4rem;--theme-color:#000}*{font-family:Roboto Mono,monospace;box-sizing:border-box;font-size:.85rem}body{margin:0;max-width:100%}#app{max-height:100vh;overflow:hidden}@media screen and (max-width:700px){#app{height:100vh;max-height:unset;overflow:unset}}