@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#fff;color:#000}button,html,input,select,textarea{font-family:sans-serif}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{word-wrap:break-word;white-space:pre;white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;font-family:Roboto,sans-serif;font-size:16px;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit;margin:0;outline:none;padding:0}body{font-family:Roboto,sans-serif;margin:0;overflow-x:hidden}img{height:auto;max-width:100%}a{text-decoration:none}button{border:none}.icon{margin:0 5px;width:1rem}.icon.btn-icon:active{transform:scale(.9)}body,html{background-color:#f3f3f3}body{color:#202124;min-height:100vh;padding-top:1rem}.container,body{position:relative}.container{margin:0 auto;max-width:1024px;padding-bottom:2rem;width:95%;z-index:10}@media (min-width:480px){.container{width:90%}}@media (min-width:992px){.container{width:80%}}header.header{align-items:center;background-color:rgba(0,0,0,.04);border-radius:32px;box-shadow:0 1px 14px -7px #000;display:grid;gap:.25rem;grid-template-columns:25px 1fr auto;margin-bottom:1rem;padding:.5rem;position:relative}@media (min-width:480px){header.header{gap:.5rem;padding:.5rem 1rem}}@media (min-width:992px){header.header{border-radius:16px;gap:1.5rem;grid-template-columns:25px 1fr auto;margin-bottom:2rem;padding:.75rem 1.5rem}}header.header span{color:rgba(32,33,36,.7)}header.header button.sidebar-button{align-items:center;background-color:transparent;display:flex;justify-content:center}header.header button.sidebar-button span{font-size:1.5rem}@media (min-width:992px){header.header button.sidebar-button span{font-size:2rem}}header.header .empty-trash{justify-self:center}header.header .empty-trash button{background:transparent;border-radius:.5rem;color:#1a73e8;font-weight:700;padding:.5rem 1.5rem;text-align:center;transition:background .25s ease}header.header .empty-trash button:hover{background-color:rgba(66,133,244,.08)}header.header .empty-trash button:focus{background-color:rgba(66,133,244,.122)}header.header .input-search{background-color:rgba(0,0,0,.1);border-radius:50px;display:flex;justify-content:space-between;padding:.5rem .75rem}header.header .input-search input{flex-grow:1}@media (min-width:992px){header.header .input-search{padding:.5rem 1.5rem}}header.header .input-search>*{background:transparent;border:none;font-size:.75rem}@media (min-width:480px){header.header .input-search>*{font-size:1rem}}@media (min-width:992px){header.header .input-search>*{font-size:1.25rem}}header.header .input-search button{align-items:center;display:flex;justify-content:center}header.header .input-search button span{color:#202124;font-size:1rem}@media (min-width:992px){header.header .input-search button span{font-size:1.75rem}}header.header .right-component{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:.25rem}@media (min-width:992px){header.header .right-component{gap:.5rem;gap:1.5rem}}header.header .icons{width:24px}header.header .icons button{background:transparent;color:rgba(32,33,36,.7);display:none;font-size:24px}@media (min-width:992px){header.header .icons button{font-size:2rem}}header.header .icons button.active{display:block}@media (min-width:992px){header.header .icons{width:32px}}header.header .profile-image{aspect-ratio:1/1;border-radius:100%;overflow:hidden;width:28px}@media (min-width:992px){header.header .profile-image{width:32px}}header.header .profile-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header-container .dropdown{background:#fff;border-radius:8px;box-shadow:0 3px 15px -7px #000;display:none;padding:1rem 2rem;position:absolute;right:0;top:3.5rem;z-index:10}.header-container .dropdown.active{display:block}@media (min-width:992px){.header-container .dropdown{padding:1rem 4rem;top:5rem}}.header-container .dropdown .user-image{position:relative;text-align:center}.header-container .dropdown .user-image img{aspect-ratio:1/1;border-radius:50%;margin-bottom:0;max-width:80px;-o-object-fit:cover;object-fit:cover}.header-container .dropdown .user-image .icon-camera{align-items:center;background:#fff;border-radius:50%;bottom:0;box-shadow:0 1px 13px -7px #000;display:flex;font-size:1.25rem;height:28px;justify-content:center;left:60%;padding:.5rem;position:absolute;width:28px}.header-container .dropdown .user-data{margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative;text-align:center}.header-container .dropdown .user-data h2{font-size:.875rem;margin-bottom:.25rem;margin-top:.75rem}@media (min-width:992px){.header-container .dropdown .user-data h2{font-size:1rem}}.header-container .dropdown .user-data span{font-size:.75rem}@media (min-width:992px){.header-container .dropdown .user-data span{font-size:.875rem}}.header-container .dropdown .user-data:after{background:rgba(0,0,0,.2);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:125%;z-index:90}.header-container .dropdown .user-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.header-container .dropdown .user-options a{align-items:center;color:#202124;display:flex;font-size:1rem;gap:.25rem;list-style:none}.header-container .dropdown .user-options span{font-size:1.25rem}.header-container .dropdown .close-bttn{cursor:pointer;font-size:1.25rem;position:absolute;right:.5rem;top:.5rem}.card-container{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;position:relative;word-break:break-word}.card{border:1px solid #e0e0e0;border-radius:1rem;box-shadow:0 3px 13px -7px #000;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1rem;position:relative;transition:all 1ms ease;z-index:1}.card:hover{box-shadow:0 5px 13px -7px #000}.card a{color:rgba(32,33,36,.7)}.card a.main-content{margin-bottom:1rem}.card h3{color:#202124;font-size:1rem;margin-bottom:.75rem}@media (min-width:480px){.card h3{font-size:1.125rem}}.card .content{font-size:.75rem;line-height:1.25}@media (min-width:480px){.card .content{font-size:.875rem}}.card ol,.card ul{list-style:auto;padding-left:1.5em}.card .tags-container{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.card .label{background:rgba(0,0,0,.1);border-radius:.5rem;display:inline-block;font-size:.875rem;min-width:2.5rem;padding:.25rem .5rem;text-align:center;transition:all .25s ease}.card .label:hover{background:rgba(0,0,0,.15)}@media (min-width:480px){.card .label{font-size:1rem}}.card .icons{align-items:center;display:flex;justify-content:space-between}.card .icons i{cursor:pointer}.card .icons>a{font-size:1.25rem;margin-bottom:0}.card .options{color:rgba(32,33,36,.7);display:flex;gap:.75rem;justify-content:flex-start}.card .options button{align-items:center;background-color:transparent;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.card .options i:hover{background:rgba(0,0,0,.15)}.card-container .dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 3px 15px -7px #000;display:none;flex-direction:column;margin-top:-.75rem;overflow:hidden;padding:.5rem 0;position:absolute;right:0;z-index:20}.card-container .dropdown.active{display:flex}.card-container .dropdown .menu-item{background:transparent;color:#202124;font-size:.875rem;padding:.5rem 1rem;text-align:left;width:100%}.card-container .dropdown .menu-item:hover{background:rgba(0,0,0,.15)}.add-note-bttn{align-items:center;background:#fde291;border-radius:50%;bottom:1rem;box-shadow:0 5px 13px -7px #000;display:flex;height:3rem;justify-content:center;position:fixed;right:1rem;width:3rem;z-index:10}.add-note-bttn span{color:rgba(0,0,0,.7);font-size:1.5rem}@media (min-width:992px){.add-note-bttn{height:4rem;width:4rem}.add-note-bttn span{font-size:2rem}}.overlay{background:rgba(0,0,0,.4);display:none;left:0;right:0}.menu-container,.overlay{bottom:0;position:fixed;top:0;z-index:20}.menu-container{background:#fff;left:-100%;overflow:hidden;overflow-y:scroll;padding-bottom:2rem;padding-right:3rem;padding-top:2rem;transition:all .5s ease;width:80%}@media (min-width:480px){.menu-container{width:65%}}@media (min-width:992px){.menu-container{padding-right:3rem;padding-top:3rem;width:30%}}.menu-container button{align-items:center;background-color:transparent;display:flex}.menu-container li{border-radius:0 50px 50px 0;font-size:.875rem;padding:.75rem .75rem .75rem 1rem}@media (min-width:992px){.menu-container li{font-size:1rem;padding-left:3rem}}.menu-container li .icons{margin-right:1rem}.menu-container li a{align-items:center;color:#202124;display:flex}.menu-container li:hover{background-color:rgba(0,0,0,.05)}.menu-container li.active{background-color:#feefc3}.menu-container .general{margin-bottom:3rem;position:relative}.menu-container .general:after{background:rgba(0,0,0,.2);bottom:-1.5rem;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:200%;z-index:90}.menu-container .labels h3{color:#202124;font-size:1rem;margin-bottom:1rem;padding-left:3rem}@media (min-width:992px){.menu-container .labels h3{font-size:1.17rem}}.menu-container .bttn-close{cursor:pointer;position:absolute;right:1rem;top:1rem}.menu.active .overlay{display:block}.menu.active .menu-container{left:0}.alert-title{font-size:1.5rem!important}.form-labels{display:flex;flex-direction:column;overflow-x:hidden}.form-labels .input-container,.form-labels label{align-items:center;display:flex}.form-labels .input-container{border-bottom:1px solid rgba(0,0,0,.7);margin-bottom:1rem;padding-bottom:.75rem}.form-labels .input-container button{background-color:transparent}.form-labels .alert-label-container{border-bottom:none;margin-bottom:.75rem;padding-bottom:0}.form-labels .alert-label-container span{margin-right:.25rem}.form-labels .alert-label-container label{flex-grow:1}.form-labels input[type=text]{border:none;flex-grow:1;margin-left:.25rem}.form-labels input[type=submit]{background:#7066e0;border:0;border-radius:.25rem;color:#fff;font-size:1rem;margin-bottom:.5rem;margin-top:1.5rem;padding:.625em 1.1em}.form-labels input[type=submit]:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.form-labels input[type=checkbox]{padding:10px;transform:scale(1.5);width:2em}.form-labels.home label{flex-grow:0;order:-1;width:1.75rem}.form-labels.home .delete-icon{cursor:pointer;display:none}.form-labels.home input[type=text]:focus+label .label-icon,.form-labels.home input[type=text]:hover+label .label-icon,.form-labels.home label:focus .label-icon,.form-labels.home label:hover .label-icon{display:none}.form-labels.home input[type=text]:focus+label .delete-icon,.form-labels.home input[type=text]:hover+label .delete-icon,.form-labels.home label:focus .delete-icon,.form-labels.home label:hover .delete-icon{display:block}.form-labels.home label.edit{order:0}.btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.25;margin:0 .5rem;padding:.5rem .75rem;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.btn-danger:focus{box-shadow:0 0 0 3px rgba(220,53,69,.5)}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-success:focus{box-shadow:0 0 0 3px rgba(40,167,69,.5)}.title-result{color:rgba(0,0,0,.5);font-size:1.5rem;margin-bottom:1.5rem}.notes-section .grid-item{margin-bottom:1.25rem;width:calc(50% - .5rem)}@media (min-width:992px){.notes-section .grid-item{width:calc(33.3% - .75rem)}}.notes-section .no-notes{color:rgba(0,0,0,.5);grid-column:1/-1;position:absolute;text-align:center;top:50vh;width:100%}.header-note{background:#fff;box-shadow:0 3px 10px -7px #000;padding:.5rem 0;position:fixed;top:0;width:100%;z-index:20}.header-note .container{display:flex;justify-content:space-between;padding-bottom:0}.header-note .icons{border-radius:50%;color:#202124;font-size:1.5rem;padding:.25rem}.header-note .icons:hover{background:rgba(0,0,0,.1)}.header-note .options{display:flex;flex-direction:row;gap:.75rem}.header-note .button-icon{align-items:center;border-radius:1rem;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;padding:.25rem .75rem}.header-note .button-icon:hover{background:rgba(0,0,0,.1)}.header-note .dropdown-editor{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 3px 15px -7px #000;overflow:hidden;padding:.5rem 0;position:absolute;z-index:20}.header-note .dropdown-editor.active{display:flex}.header-note .dropdown-options{display:flex;display:none;flex-direction:column;right:0;top:2.25rem}.header-note .dropdown-options .menu-item{background:transparent;color:#202124;font-size:.875rem;padding:.5rem 1rem;text-align:left;width:100%}.header-note .dropdown-options .menu-item:hover{background:rgba(0,0,0,.15)}.header-note .dropdown-colors{display:none;flex-wrap:wrap;gap:.25rem;padding:.5rem;right:40px;top:2.25rem}.header-note .dropdown-colors input{display:none}.header-note .dropdown-colors .color-label{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;height:1.75rem;justify-content:center;width:1.75rem}.header-note .dropdown-colors .color-label.active{border:1px solid rgba(0,0,0,.5)}.header-note #note-form .note-title,.header-note #note-form textarea{display:none}.title-input{background:transparent;background:rgba(0,0,0,.05);border:none;box-shadow:0 3px 10px -7px #000;font-size:1.5rem;font-weight:700;margin-top:3.5rem;padding:.5rem 1rem;text-align:center;width:100%}.editor-container,.title-input{border-radius:.5rem;margin-bottom:1.5rem}.editor-container{box-shadow:0 3px 13px -5px #000;overflow:hidden}.editor-container .ql-toolbar.ql-snow{background:#f3f3f3;border:none;border-bottom:1px solid rgba(0,0,0,.75);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center}.editor-container .ql-toolbar.ql-snow:after{display:none}.editor-container .ql-container.ql-snow{background:rgba(0,0,0,.05);border:none;border-radius:.5rem;font-size:1rem;padding:1rem 0}.editor-container .ql-container.ql-snow .ql-editor{min-height:60vh}.label-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.label-container h3{font-size:1rem}.label-container .label{background:rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 3px 10px -7px #000;color:rgba(32,33,36,.8);display:inline-block;font-weight:700;min-width:3rem;padding:.5rem 1rem;text-align:center;transition:all .25s ease}.label-container .label:hover{background:rgba(0,0,0,.15)}.label-container .add-bttn{align-items:center;background-color:#f3f3f3;border-radius:50%;box-shadow:0 3px 10px -7px #000;display:flex;height:2rem;justify-content:center;width:2rem}.alert-list{text-align:left}.alert-list li{list-style:inside}.profile-title{align-self:center;color:#202124;font-size:1.125rem;position:relative;right:50%;text-align:center;transform:translate(50%)}.profile-form{align-items:center;color:#202124;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.75rem;margin-bottom:.5rem;margin-top:3.25rem}.profile-form input[type=file]{height:0;visibility:hidden;width:0}.profile-form .input-container-image{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.profile-form .profile-image{display:block;height:200px;max-height:75%;max-width:75%;position:relative;width:200px}.profile-form .profile-image figure{border-radius:50%;cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.profile-form .profile-image img{box-shadow:0 3px 7px -4px #000;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .25s ease-in-out;width:100%}.profile-form .profile-image .edit{align-items:center;background-color:#fff;background-color:#feefc3;border-radius:50%;bottom:.75rem;box-shadow:0 3px 7px -4px #000;cursor:pointer;display:flex;height:2.25rem;justify-content:center;position:absolute;right:.75rem;width:2.25rem}.profile-form .profile-image:hover img{transform:scale(1.1)}.profile-form .profile-image:hover .edit{background-color:#fee8aa}.profile-form .input-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:90%;width:600px}.profile-form .input-container label{margin-left:2.25rem;text-align:left;width:100%}.profile-form .input-container .icon{align-items:center;display:flex;font-size:1.75rem;justify-content:center;width:20px}.profile-form .input-container input[type=password],.profile-form .input-container input[type=text]{background-color:#f9f9f9;border:3px solid transparent;border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.2);flex-grow:1;font-size:1.1rem;padding:.5rem .75rem}.profile-form .input-container input[type=password]:focus,.profile-form .input-container input[type=text]:focus{border:3px solid #210099;outline:none}.profile-form input[type=submit]{background-color:#feefc3;border:none;border-radius:5px;box-shadow:5px 5px 15px rgba(0,0,0,.2);font-size:1.25rem;max-width:100%;padding:.5rem 2rem}.profile-form input[type=submit]:hover{background-color:#fee8aa}.card-form-container{align-items:center;display:flex;justify-content:center;min-height:90vh}.card-form-container .form{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 20px rgba(0,0,0,.25),0 10px 8px rgba(0,0,0,.22);max-width:100%;min-height:550px;padding:2.5rem;text-align:center;width:500px}@media (min-width:480px){.card-form-container .form{padding:3.5rem 4rem}}.card-form-container h1{font-size:1.25rem;margin-bottom:1rem}.card-form-container h2{font-size:1.75rem;font-weight:lighter;margin-bottom:2rem}.card-form-container .input-container{display:flex;flex-wrap:wrap;margin-bottom:2.25rem;width:100%}.card-form-container .input-container label{color:#727272;display:block;margin-bottom:.25rem;text-align:left;width:100%}@media (min-width:480px){.card-form-container .input-container label{margin-left:2rem}}.card-form-container .input-container .icon{display:none}@media (min-width:480px){.card-form-container .input-container .icon{align-items:center;color:#202124;display:flex;font-size:1.75rem;justify-content:center;margin-right:.5rem;width:20px}}.card-form-container .input-container input[type=email],.card-form-container .input-container input[type=password],.card-form-container .input-container input[type=text]{background-color:#f3f3f3;border:3px solid transparent;border-radius:5px;flex-grow:1;font-size:1.1rem;padding:.5rem .75rem}.card-form-container .input-container input[type=email]:focus,.card-form-container .input-container input[type=password]:focus,.card-form-container .input-container input[type=text]:focus{border:3px solid #210099;outline:none}.card-form-container .input-container .show-password{display:flex;flex-grow:1;margin-top:.5rem}@media (min-width:480px){.card-form-container .input-container .show-password{padding-left:2rem}}.card-form-container .input-container .show-password label{margin-left:.5rem}.card-form-container .input-container.sumbit{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:0;margin-top:3rem;width:100%}.card-form-container .input-container.sumbit a{border-radius:.5rem;color:#1a73e8;display:inline-block;font-size:.875rem;font-weight:700;padding:.5rem 1rem;transition:all .25s ease}.card-form-container .input-container.sumbit a:hover{background-color:#ebf3fd}.card-form-container .input-container.sumbit a:focus{background-color:#d3e4fb}.card-form-container input[type=submit]{background-color:#feefc3;border:none;border-radius:5px;box-shadow:3px 3px 7px rgba(0,0,0,.3);font-size:1rem;max-width:100%;padding:.5rem 1rem}.card-form-container input[type=submit]:hover{background-color:#fee8aa}