.app-bar{position:static;background-color:#f5ba13!important;padding:16px 32px;box-shadow:0 0 10px #0000004d!important}.app-bar.dark{background-color:#1a3a3a!important}.app-name{color:#fff;font-family:McLaren,cursive!important}.app-name.dark{color:#f5f5f593}.box{display:flex;gap:1rem;align-items:center;cursor:pointer}.tool-bar{display:flex;justify-content:space-between;align-items:center;min-height:0!important;padding:0!important}.tool-bar>a{text-decoration:none}.icon{display:flex;align-items:center;justify-content:center;width:2.5rem!important;height:2.5rem!important}.icon>img{width:100%;height:100%;object-fit:cover;cursor:pointer}.avatar{width:2.5rem!important;height:2.5rem!important;border-radius:50%;cursor:pointer}.google-icon{color:#f5ba13}.google-icon:hover{color:#fb0}.google-signin{background-color:#fff!important;color:#f5ba13!important}.google-signin:hover{background-color:#f1f1f1;color:#fb0}@media screen and (max-width: 700px){.app-bar{padding:16px}.app-name{font-size:1.5rem!important}.icon,.avatar{width:2rem!important;height:2rem!important}}@media screen and (max-width: 500px){.app-bar{padding:8px}.app-name{font-size:1.4rem!important}.icon,.avatar{width:1.8rem!important;height:1.8rem!important}.google-signin{font-size:.8rem!important}}@media screen and (max-width: 520px){.app-bar{padding:8px}.app-name{font-size:1.2rem!important}.icon,.avatar{width:1.5rem!important;height:1.5rem!important}.google-signin{font-size:.6rem!important}.google-signin>span>svg{width:.8rem!important;height:.8rem!important}}footer{position:fixed;text-align:center;bottom:0;width:100vw;height:2.5rem}footer p{color:#ccc}.dark p{color:#f5f5f5}.box{display:flex;justify-content:center;align-items:center;box-shadow:none}.box>div{box-shadow:none}.card{background-color:transparent!important;box-shadow:none}.card-content{padding:0rem!important}form.create-note{position:relative;width:480px;margin:30px auto 20px;background:#fff;padding:20px;border-radius:7px;box-shadow:0 1px 5px #8a8989}.create-note.dark{background-color:#2d2d2d!important;color:#f5f5f5!important;box-shadow:0 1px 5px #0009}.titleInput,.noteInput,.alertInput{width:100%;border:none;padding:5px;font-size:1.2em!important;font-family:inherit;resize:none!important}.titleInput.dark input,.noteInput.dark textarea,.alertInput.dark input{background-color:#2d2d2d!important;color:#f5f5f5!important}.titleInput.dark label,.noteInput.dark label,.alertInput.dark label{color:#86c7c7!important}.titleInput label.Mui-focused,.noteInput label.Mui-focused,.alertInput label.Mui-focused{color:#f5ba13!important}.titleInput.dark fieldset.Mui-focused,.noteInput.dark fieldset.Mui-focused,.alertInput.dark fieldset.Mui-focused{border:1px solid #f5ba13;color:#f5f5f5!important}.titleInput.dark fieldset,.noteInput.dark fieldset,.alertInput.dark fieldset{border:1px solid #3f5c5c;color:#f5f5f5!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f5ba13!important}.titleInput.dark fieldset:hover,.noteInput.dark fieldset:hover,.alertInput.dark fieldset:hover{border:1px solid #3f5c5c;color:#f5f5f5!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f5b913!important}.alertInput svg{color:#f5ba13}.addButton{position:absolute!important;right:18px!important;bottom:-16px!important;background:#f5ba13!important;color:#fff!important;border:none!important;border-radius:50%;width:36px!important;height:auto!important;box-shadow:0 1px 3px #0000004d!important;cursor:pointer!important;outline:none!important;border-radius:50%!important}@media screen and (max-width: 600px){form.create-note{width:80vw}}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px;width:400px;margin:16px;float:left;position:relative;border:1px solid #f5ba13;transition:all .3s}.note-content{max-height:40vh;overflow-y:auto}@media screen and (max-width: 850px){.note{margin:10px;width:200px}}@media screen and (max-width: 520px){.note{margin:5px;padding:5px!important;width:38vw!important}body{padding-top:.5rem!important}.note-content{max-height:30vh!important}}.note.dark{background-color:#2d2d2d;color:#f5f5f5;border:1px solid #3f5c5c;box-shadow:0 2px 5px #0009}.note:active{cursor:no-drop}.drag:active{cursor:grabbing}.note-title{font-size:1.1em;margin-bottom:6px;display:flex;gap:2px;justify-content:space-between;align-items:center;word-wrap:break-word;word-break:break-all}.note-content{font-size:1.1em;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word}.note-button{position:relative;float:right;margin-right:10px;color:#f5ba13;border:none;width:36px;height:36px;cursor:pointer;outline:none;background-color:transparent}.edit-button{color:#116566}.star-button{float:left!important;color:#f5ba13!important}.phrase1{font-size:.8rem!important;color:coral!important;font-family:McLaren,cursive!important}.phrase2{font-family:McLaren,cursive!important;font-size:1.5rem!important;margin-bottom:.5rem!important;color:#f5ba13!important}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:90vh}.login-image{width:20rem!important}@media screen and (max-width: 770px){.container{height:90vh}}@media screen and (max-width: 500px){.container{height:85vh}.login-image{width:18rem!important}}.iconView.dark{color:#fffc!important}@media screen and (max-width: 1000px){.viewButton{padding:.1rem!important}}.iconSortBy.dark{color:#fffc!important}.Mui-selected.dark>svg{color:#f5f5f5!important}@media screen and (max-width: 1000px){.sortByButton{padding:.1rem!important}}.table-container{width:100%;overflow-x:auto;background-color:#fff;color:#000;margin-bottom:5rem;border-radius:.5rem}.table-container.dark{background-color:#2d2d2d!important;color:#fff}.table-head>tr{background-color:#f5ba13!important}.table-head>tr>th{color:#fff!important}.table-cell{padding:1rem!important;word-wrap:break-word;font-size:.9rem}.title-cell{min-width:12rem!important}.note-cell{min-width:18rem!important}.alert-cell,.date-cell{min-width:8rem!important}.markdownTable,.markdown-cell{max-width:12rem!important;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.tool-tip-content{max-height:50vh;overflow-y:auto;font-size:.85rem}.actionsButton{display:flex;justify-content:space-evenly;gap:.5rem}.action-button>svg{color:#f5ba13!important}.modal-title{display:flex!important;gap:1rem}.modal-content{max-height:80vh;overflow-y:auto}.modal-edit-button,.modal-delete-button{background-color:#f5ba13!important}.modal-edit-button.dark,.modal-delete-button.dark{background-color:#2d2d2d!important}.modal-box{width:500px!important}@media (max-width: 992px){.title-cell{min-width:10rem!important}.note-cell{min-width:14rem!important}.alert-cell,.date-cell{min-width:6rem!important}.markdownTable,.markdown-cell{max-width:10rem!important}.table-cell{padding:.75rem!important}}@media (max-width: 768px){.table-container{overflow-x:scroll}.table-container table{min-width:45rem}.table-container td:nth-child(3),.table-container th:nth-child(3),.table-container td:nth-child(4),.table-container th:nth-child(4){display:none}.title-cell{min-width:9rem!important}.note-cell{min-width:10rem!important}.alert-cell,.date-cell{min-width:4rem!important}.markdownTable,.markdown-cell{max-width:6rem!important}.table-cell{padding:.5rem!important}.tool-tip-content{max-height:30vh}.modal-box{width:350px!important}}@media (max-width: 480px){.table-container table{min-width:38rem}.title-cell{min-width:7rem!important}.actionsButton{flex-direction:column;align-items:center;gap:.25rem;max-width:2.5rem}.modal-box{width:250px!important}}.view-container{display:flex;align-items:center;justify-content:space-between;position:absolute;top:6rem;padding:0 1rem;box-sizing:border-box;width:100%;left:0%;margin:auto}.view-container>div{gap:0rem!important}@media screen and (max-width: 820px){.view-container{position:relative!important;top:1.2rem!important;gap:5rem!important;width:34rem!important}}@media screen and (max-width: 600px){.view-container{padding:0rem!important;margin:0rem!important;width:100%!important}body{padding:4rem 1rem 1rem!important}}@media screen and (max-width: 520px){body{padding-top:2rem!important}}.user-info__card{border-radius:10px 10px 0 0!important;margin-top:1rem;position:relative;display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#fdfbfb,#ebedee);box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.user-info__card.dark{background-color:#2d2d2d!important;box-shadow:0 4px 10px #0000001a;color:#f5f5f5!important}.user-info__content{display:flex;align-items:center;gap:20px;width:100%}.user-info__avatar{width:90px!important;height:90px!important;border:4px solid #f5ba13;box-shadow:0 3px 10px #0003;transition:transform .3s ease-in-out}@media screen and (max-width: 600px){.user-info__card{padding:.6rem}.user-info__avatar{width:70px!important;height:70px!important}.user-info__name{font-size:1rem!important}.user-info__details p{font-size:.8rem!important}.user-info__settings{width:5rem!important;bottom:-15px!important;right:-10px!important}.user-info-container{padding:0rem!important}.user-info__content{padding:1rem .5rem!important;gap:1rem!important}}.user-info__avatar:hover{transform:scale(1.1)}.user-info__details{flex-grow:1}.user-info__name{font-weight:600;color:#333}.user-info__name.dark{color:#f5f5f5!important}.user-info__details p{font-size:14px;color:#666;margin-top:4px}.user-info__details.dark p{color:#999!important}.user-info__details p:last-child{font-style:italic;color:#999}.user-info__details.dark p:last-child{font-style:italic;color:#666!important}.user-info__settings{position:absolute;bottom:-10px;right:-10px;width:10rem;opacity:.5;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.user-info__card:hover .user-info__settings{opacity:1;transform:scale(1.1)}.setting-info__card{border-radius:0 0 10px 10px!important;margin-bottom:4rem}.setting-info__card.dark{background-color:#2d2d2d!important;color:#f5f5f5!important}.setting-info__title{font-size:1.5rem!important;font-weight:600;color:#333;display:flex;align-items:center}.setting-info__title.dark{color:#f5f5f5!important}.setting-info_subtitle{font-size:1.2rem!important;color:#666;margin-top:4px;display:flex;align-items:center;margin:0 1rem!important;gap:1rem}.setting-info_subtitle.dark{color:#999!important}@media screen and (max-width: 600px){.setting-info-container{padding:0rem!important}.setting-info__card{padding:.5rem!important}.setting-info__title{font-size:1rem!important}.setting-info_subtitle{font-size:.8rem!important}}*{padding:0;margin:0}html{font-family:Montserrat,sans-serif}body{background:#11656685;padding:0 16px;position:relative;min-height:80vh;height:max-content;overflow-x:hidden;padding-top:4rem}body.dark{background:#0d1b1e;color:#f5f5f5}