@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap);body{overflow-x:hidden;overflow-y:scroll;margin:30px}#app{font-family:Mulish,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;border:2px solid #1f1f1f;max-width:600px;padding:20px 10px}@media only screen and (max-width:599px){#app{font-size:90%}}.dark-mode{background-color:#000}.dark-mode #app{color:#fff;border-color:#fff}.dark-mode #app .note-item{background-color:#1f1f1f}.dark-mode #app .note-item:hover{background-color:#2e2e2e}.dark-mode #app .toggle-btn{background-color:#fff}.dark-mode #app .toggle-btn i{color:#1f1f1f}.dark-mode #app .slider{background-color:#1f1f1f}.dark-mode #app .hover-circle-btn:hover{background-color:#424242}.dark-mode #app .modal{background-color:#000;border-color:#fff}.dark-mode #app #query,.dark-mode #app #text,.dark-mode #app #title{background-color:#000;color:#fff;border-color:#fff}.dark-mode #app i,button{color:#fff}button{border-radius:5px;border:none;padding:8px 10px;cursor:pointer;font-family:inherit;background-color:#424242}button:hover{scale:1.05}i:hover{cursor:pointer}.btn-group{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8em;width:100%}.btn-group>*{flex:1 1 0px;white-space:nowrap}.btn-green{background-color:#239b23}.btn-red{background-color:#cf3030}.btn-blue{background-color:#2684db}.btn-orange{background-color:#ffb81f}.transparent{background-color:transparent}.search-bar,header{padding:0 10px;margin-bottom:30px}@media only screen and (min-width:600px){.search-bar,header{padding:0 40px}}form{text-align:center;width:100%}.form-title{margin-top:0}.form-control{margin-bottom:10px}.form-control input,.form-control textarea{font-family:inherit;padding:8px;resize:none;font-size:1em;width:100%;box-sizing:border-box;border:1px solid #000}.toggle-btn[data-v-29df651a]{width:60px;height:30px;border-radius:100px;background-color:#d2d2d2;position:relative;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.toggle-btn[data-v-29df651a]:hover{cursor:pointer}.slider[data-v-29df651a]{width:20px;height:20px;border-radius:50%;background-color:#fff;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.slider-left[data-v-29df651a]{left:8px}i[data-v-29df651a]{color:#fff}.hover-circle-btn[data-v-3145d2ef]{width:50px;height:50px;border-radius:50%;position:relative;background-color:transparent}.hover-circle-btn[data-v-3145d2ef]:hover{background-color:#e6e6e6;scale:1}.hover-circle-btn i[data-v-3145d2ef]{color:#000;font-size:1.9em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-top[data-v-ce93981e]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}h1[data-v-ce93981e]{font-weight:700;font-size:2.5em;margin:0}.note-item[data-v-44432012]{background-color:#e6e6e6;padding:15px;margin-bottom:10px;overflow:hidden}.note-item[data-v-44432012]:hover{cursor:pointer;background-color:#d2d2d2}.note-title[data-v-44432012],.preview-text[data-v-44432012]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-title[data-v-44432012]{font-size:1.3em;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.fa-thumbtack[data-v-44432012]{font-size:.7em;margin-right:8px}.last-updated[data-v-44432012]{font-weight:300;font-size:.6em}.notes-list[data-v-e1833bfc]{margin-top:30px}@media only screen and (min-width:600px){.notes-list[data-v-e1833bfc]{padding:0 20px}}hr[data-v-e1833bfc]{margin:15px 0}.no-notes[data-v-e1833bfc]{text-align:center}.search-bar[data-v-3f8e1fe0]{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}#query[data-v-3f8e1fe0]{padding-left:35px}@media only screen and (max-width:599px){#query[data-v-3f8e1fe0]{padding-left:25px}}.hover-circle-btn[data-v-3f8e1fe0]{position:absolute;right:0;scale:.6}.hover-circle-btn[data-v-3f8e1fe0]:hover{scale:.6}@media only screen and (min-width:600px){.hover-circle-btn[data-v-3f8e1fe0]{right:40px}}.fa-search[data-v-3f8e1fe0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);left:60px}@media only screen and (max-width:599px){.fa-search[data-v-3f8e1fe0]{left:25px}}#title[data-v-19dbdd26]{font-size:1.2em;font-weight:600}.read-only input[data-v-19dbdd26],.read-only textarea[data-v-19dbdd26]{border-color:transparent}.read-only input[data-v-19dbdd26]:focus,.read-only textarea[data-v-19dbdd26]:focus{outline:none}.modal[data-v-eb3d5dc0]{border:2px solid #000;background-color:#fff;position:absolute;left:50%;top:10%;transform:translateX(-50%);z-index:100;padding:30px 20px;text-align:center;width:80%;max-width:600px}@media only screen and (min-width:600px){.modal[data-v-eb3d5dc0]{width:60%}}.modal-sm[data-v-eb3d5dc0]{max-width:300px;top:20%}.modal-sm .close-form[data-v-eb3d5dc0]{scale:.5;top:0;right:0}.backdrop[data-v-eb3d5dc0]{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.502);z-index:99}.close-form[data-v-eb3d5dc0]{position:absolute;top:4px;right:4px}@media only screen and (max-width:599px){.btn-text[data-v-3e5a6fe2]{display:none}}.btn-header[data-v-206a5a98]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:30px 0 10px}header[data-v-206a5a98]{padding:0}