:root{--color-background:#1c1b19;--color-background-transparent:#1c1b19a4;--color-on-background:#e6e2de;--color-surface:#272623;--color-on-surface:#e6e2de;--color-primary:#d0c79d;--color-on-primary:#363112;--color-secondary:#cbc6b9;--color-on-secondary:#333027;--color-tertiary:#bec9c0;--color-on-tertiary:#29332c;--button-green:#006400;--button-red:darkred}[data-theme=light]{--color-background:#e7e6e4;--color-background-transparent:hsla(40,6%,90%,.643);--color-on-background:#201c18;--color-surface:#dbdad7;--color-on-surface:#201c18;--color-primary:#60572e;--color-on-primary:#ede8c9;--color-secondary:#464134;--color-on-secondary:#d7d4cb;--color-tertiary:#354037;--color-on-tertiary:#ccd6cf;--button-green:#90ee90;--button-red:red}@media only screen and (max-width:60em){header{flex-direction:column}header>*+*,main>*+*{margin-top:2em}.container-base{flex-direction:column}.container-base>*+*{margin-top:8px}.list-background{overflow:auto}}@media only screen and (min-width:60.1em){header *{align-items:center;display:flex}header *+*,main>*+*{margin-left:8px}.container-base{flex-direction:row}.container-base>*+*{margin-left:8px}.list-note{flex-wrap:wrap}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:#d0c79d;background:var(--color-primary)}.card{background-color:#272623;background-color:var(--color-surface);border-radius:8px;padding:1em}body{background-color:#1c1b19;background-color:var(--color-background);color:#e6e2de;color:var(--color-on-background);font-family:Inter,sans-serif;min-width:425px}h1,h2{font-family:Indie Flower}h2{text-align:center}#add-note-content,input{background-color:initial;border:1px solid #d0c79d;border:1px solid var(--color-primary);border-radius:4px;color:#e6e2de;color:var(--color-on-surface);font-family:Inter,sans-serif;margin:12px 0;padding:12px}input:focus,textarea:focus{background-color:#d0c79d;background-color:var(--color-primary);color:#363112;color:var(--color-on-primary)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#e6e2de;color:var(--color-on-surface);font-style:italic;font-weight:700}input::placeholder,textarea::placeholder{color:#e6e2de;color:var(--color-on-surface);font-style:italic;font-weight:700}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:#363112;color:var(--color-on-primary);font-weight:400}input:focus::placeholder,textarea:focus::placeholder{color:#363112;color:var(--color-on-primary);font-weight:400}.char-remaining{display:none;font-size:.75em;margin:0;text-align:end}textarea{height:auto;max-height:200px;min-height:80px;overflow:auto;resize:vertical}button{background-color:#bec9c0;background-color:var(--color-tertiary);border:1px solid #272623;border:1px solid var(--color-surface);border-radius:5px;color:#29332c;color:var(--color-on-tertiary);cursor:pointer;font-weight:700;padding:8px}button.green{color:#006400;color:var(--button-green)}button.red{color:darkred;color:var(--button-red)}button:hover{box-shadow:0 0 16px 2px #bec9c0;box-shadow:0 0 16px 2px var(--color-tertiary)}button.green:hover{box-shadow:0 0 16px 2px #006400}button.red:hover{box-shadow:0 0 16px 2px darkred}header{background-color:#272623;background-color:var(--color-surface);border-radius:0 0 8px 8px;display:flex;justify-content:space-between;padding:12px}header h1{color:#e6e2de;color:var(--color-on-surface)}.container-search{display:flex;margin:0 5%}#input-search{width:100%}main{display:flex;flex-direction:column;margin:0 5%}.container-newnote{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.container-newnote form{display:flex;flex-direction:column}.container-base{display:flex;flex-basis:0.5;width:100%}.list-default{height:100%;width:100%}h2+*{margin-top:1em}.list-background{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.list-note{display:flex;width:100%}.list-note>.div-empty{text-align:center;width:100%}.item-note{cursor:zoom-in;display:flex;flex-direction:column;height:300px;justify-content:space-between;margin:8px;min-height:300px;min-width:200px;width:200px}.item-note.card{background-color:#d0c79d;background-color:var(--color-primary);color:#363112;color:var(--color-on-primary)}.item-note:hover{box-shadow:0 0 16px 2px #d0c79d;box-shadow:0 0 16px 2px var(--color-primary)}.item-note>*+*{margin-top:4px}.item-note .caption{font-size:.75em;text-align:end}.item-note p{overflow:hidden}.item-note .item-actions,.item-note p{display:flex;flex-direction:column}.item-note .item-actions>*+*{margin-top:4px}.container-detail{background-color:#d0c79d;background-color:var(--color-primary);color:#363112;color:var(--color-on-primary);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:8px;min-height:24rem}.container-detail .item-actions{display:flex;justify-content:flex-end}.container-detail .item-actions>*+*{margin-left:1em}.button-new-note{bottom:0;margin:0 16px 16px 0;position:fixed;right:0}footer{background-color:#272623;background-color:var(--color-surface);border-radius:0 8px 8px 0;color:#bec9c0;color:var(--color-tertiary);margin:1.5em 0;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer>a{background-color:#bec9c0;background-color:var(--color-tertiary);border-radius:4px;color:#29332c;color:var(--color-on-tertiary);cursor:pointer;padding:.3em .5em}.page-not-found{text-align:center}.page-not-found>span{font-size:20rem}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:auto;width:auto}.spinner-container{align-items:center;display:grid;height:100%;justify-content:center}.button-submit,.container-auth{display:flex;justify-content:center}.container-auth{align-items:center;flex-basis:0.5;flex-direction:column;margin-top:2rem;width:100%}.container-auth>*+*{margin-top:2rem}form{display:flex;flex-direction:column}a>a{color:currentColor;text-decoration:underline}
/*# sourceMappingURL=main.4090b04a.css.map*/