@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none;font-family:Arial,Helvetica,sans-serif}img{width:100%}input{border:0;outline:0;background-color:transparent;width:100%;color:#e8eaed;font-weight:600;font-size:1rem}input::-moz-placeholder{color:#e8eaed}input::placeholder{color:#e8eaed}body{background-color:#202124}body header{border-bottom:1px solid #82868b;padding:.8rem}body header .mobile_header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;visibility:visible;position:relative}@media screen and (min-width: 768px){body header .mobile_header{display:none;visibility:hidden}}body header .mobile_header .f-line,body header .mobile_header .s-line{display:flex;align-items:center;justify-content:center;gap:.3rem}body header .mobile_header .f-line svg,body header .mobile_header .s-line svg{padding:.2rem}body header .mobile_header .f-line .icon-menu,body header .mobile_header .s-line .icon-menu{display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;width:2rem;height:2rem}body header .mobile_header .f-line .icon-menu:hover,body header .mobile_header .s-line .icon-menu:hover{background-color:#ffffff1a;border-radius:50%}body header .mobile_header .f-line svg{color:#e8eaed;font-size:2rem}body header .mobile_header .f-line .icon-keep{display:flex;align-items:center;justify-content:center;gap:.3rem}body header .mobile_header .f-line .icon-keep h2{color:#e8eaed;font-weight:500;font-size:1.375rem}body header .mobile_header .f-line .icon-keep img{width:2rem}body header .mobile_header .s-line{gap:0rem}@media (min-width: 375px){body header .mobile_header .s-line{gap:.5rem}}body header .mobile_header .s-line .search{display:flex;align-items:center;justify-content:center;background-color:#525355;padding:.5rem .8rem;border-radius:.4rem;position:absolute;left:0;visibility:visible}body header .mobile_header .s-line .search.disappear{display:none;visibility:hidden}body header .mobile_header .s-line .search input{background-color:transparent;border:0;outline:0;padding-left:1.2rem;font-size:.95rem;color:#e8eaed}body header .mobile_header .s-line .search input::-moz-placeholder{color:#e8eaed}body header .mobile_header .s-line .search input::placeholder{color:#e8eaed}body header .mobile_header .s-line .icon-update,body header .mobile_header .s-line .icon-config,body header .mobile_header .s-line .icon-grid,body header .mobile_header .s-line .icon-search,body header .mobile_header .s-line .icon-back{transition:all .3s ease-in-out;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}body header .mobile_header .s-line .icon-update:hover,body header .mobile_header .s-line .icon-config:hover,body header .mobile_header .s-line .icon-grid:hover,body header .mobile_header .s-line .icon-search:hover,body header .mobile_header .s-line .icon-back:hover{background-color:#ffffff1a;border-radius:50%}body header .mobile_header .s-line .icon-update svg,body header .mobile_header .s-line .icon-config svg{color:#82868b}body header .mobile_header .s-line svg{color:#e8eaed;font-size:1.6rem}body header .mobile_header .s-line img{width:2rem;border-radius:50%}body header .desktop_header{display:none;visibility:hidden}@media screen and (min-width: 768px){body header .desktop_header{visibility:visible;display:flex;align-items:center;justify-content:space-between;gap:2rem}}body header .desktop_header .f-line,body header .desktop_header .s-line{display:flex;align-items:center;justify-content:center;gap:1rem}body header .desktop_header .f-line .icon-grid.accounts,body header .desktop_header .s-line .icon-grid.accounts{margin-left:3rem}body header .desktop_header .f-line .icon-update,body header .desktop_header .f-line .icon-config,body header .desktop_header .f-line .icon-grid,body header .desktop_header .f-line .icon-search,body header .desktop_header .f-line .icon-grid,body header .desktop_header .f-line .icon-delete,body header .desktop_header .f-line .icon-list,body header .desktop_header .s-line .icon-update,body header .desktop_header .s-line .icon-config,body header .desktop_header .s-line .icon-grid,body header .desktop_header .s-line .icon-search,body header .desktop_header .s-line .icon-grid,body header .desktop_header .s-line .icon-delete,body header .desktop_header .s-line .icon-list{transition:all .3s ease-in-out;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}body header .desktop_header .f-line .icon-update:hover,body header .desktop_header .f-line .icon-config:hover,body header .desktop_header .f-line .icon-grid:hover,body header .desktop_header .f-line .icon-search:hover,body header .desktop_header .f-line .icon-grid:hover,body header .desktop_header .f-line .icon-delete:hover,body header .desktop_header .f-line .icon-list:hover,body header .desktop_header .s-line .icon-update:hover,body header .desktop_header .s-line .icon-config:hover,body header .desktop_header .s-line .icon-grid:hover,body header .desktop_header .s-line .icon-search:hover,body header .desktop_header .s-line .icon-grid:hover,body header .desktop_header .s-line .icon-delete:hover,body header .desktop_header .s-line .icon-list:hover{background-color:#ffffff1a;border-radius:50%}body header .desktop_header .f-line svg,body header .desktop_header .s-line svg{padding:.2rem}body header .desktop_header .f-line .icon-menu,body header .desktop_header .s-line .icon-menu{display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;width:2rem;height:2rem}body header .desktop_header .f-line .icon-menu:hover,body header .desktop_header .s-line .icon-menu:hover{background-color:#ffffff1a;border-radius:50%}body header .desktop_header .f-line svg{color:#e8eaed;font-size:2rem}body header .desktop_header .f-line .icon-keep{display:flex;align-items:center;justify-content:center;gap:.3rem}body header .desktop_header .f-line .icon-keep h2{color:#e8eaed;font-weight:500;font-size:1.2rem}body header .desktop_header .f-line .icon-keep img{width:2rem}body header .desktop_header .f-line .search{display:flex;align-items:center;justify-content:center;background-color:#525355;padding:.5rem .8rem;border-radius:.4rem;margin:0 2rem}@media (min-width: 1024px){body header .desktop_header .f-line .search{width:30rem}}body header .desktop_header .f-line .search input{background-color:transparent;border:0;outline:0;padding-left:.6rem;font-size:.95rem;color:#e8eaed}@media (min-width: 1024px){body header .desktop_header .f-line .search input{width:30rem}}body header .desktop_header .f-line .search input::-moz-placeholder{color:#e8eaed}body header .desktop_header .f-line .search input::placeholder{color:#e8eaed}body header .desktop_header .s-line{gap:.9rem}body header .desktop_header .s-line .icons-grid-list .icon-grid,body header .desktop_header .s-line .icons-grid-list .icon-list{position:relative}body header .desktop_header .s-line .icons-grid-list .icon-grid:hover span,body header .desktop_header .s-line .icons-grid-list .icon-list:hover span{opacity:1}body header .desktop_header .s-line .icons-grid-list .icon-grid.disappear,body header .desktop_header .s-line .icons-grid-list .icon-list.disappear{display:none;visibility:hidden}body header .desktop_header .s-line .icons-grid-list .icon-grid span,body header .desktop_header .s-line .icons-grid-list .icon-list span{position:absolute;display:block;color:#fff;left:50%;bottom:-1rem;padding:.2rem;border-radius:.2rem;transform:translate(-50%);white-space:nowrap;font-size:.7rem;background-color:#9aa0a64d;transition:all .3s ease-in-out;opacity:0}body header .desktop_header .s-line .icon-update svg,body header .desktop_header .s-line .icon-config svg{color:#82868b}body header .desktop_header .s-line svg{color:#e8eaed;font-size:1.7rem}body header .desktop_header .s-line img{width:2rem;border-radius:50%}body main{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:2rem}body main .notes{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .3s ease-in-out}body main .notes.list_view{width:21.3rem}body main .notes.grid_view{width:100%}body main .notes_creator{position:relative;width:100%}@media (min-width: 768px){body main .notes_creator{width:30rem}}body main .notes_creator form{align-items:center;justify-content:space-between;box-shadow:0 0 20px 2px #0003;border:1px solid #5f6368;border-radius:.5rem;padding:1rem;margin-bottom:2rem;display:flex;visibility:visible}body main .notes_creator form.disappear{display:none;visibility:hidden}body main .notes_creator form input{border:0;outline:0;background-color:transparent;width:100%;color:#e8eaed;font-weight:600;font-size:1rem}body main .notes_creator form input::-moz-placeholder{color:#e8eaed}body main .notes_creator form input::placeholder{color:#e8eaed}body main .notes_creator form svg{color:#e8eaed;font-size:1.6rem;cursor:pointer;transition:all .3s ease-in-out}body main .notes_creator form svg:hover{color:#fff}body main .notes_creator_detailed{width:100%;box-shadow:0 0 20px 2px #0000001a;border:1px solid #5f6368;border-radius:.5rem;padding:1rem;gap:1.2rem;position:absolute;transition:all .3s ease-in-out;top:0;display:none;visibility:hidden}body main .notes_creator_detailed.show{display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible}@media (min-width: 768px){body main .notes_creator_detailed{width:30rem}}body main .notes_creator_detailed .f-line,body main .notes_creator_detailed .s-line,body main .notes_creator_detailed .t-line{width:100%;display:flex;align-items:center;justify-content:space-between}body main .notes_creator_detailed .f-line svg,body main .notes_creator_detailed .s-line svg,body main .notes_creator_detailed .t-line svg{color:#e8eaed;font-size:1.3rem;cursor:pointer;transition:all .3s ease-in-out}body main .notes_creator_detailed .f-line svg:hover,body main .notes_creator_detailed .s-line svg:hover,body main .notes_creator_detailed .t-line svg:hover{color:#fff}body main .notes_creator_detailed .f-line input::-moz-placeholder,body main .notes_creator_detailed .s-line input::-moz-placeholder,body main .notes_creator_detailed .t-line input::-moz-placeholder{color:#82868b}body main .notes_creator_detailed .f-line input::placeholder,body main .notes_creator_detailed .s-line input::placeholder,body main .notes_creator_detailed .t-line input::placeholder{color:#82868b}body main .notes_creator_detailed .s-line input{font-size:.9rem}body main .notes_creator_detailed .t-line{margin-top:.7rem;display:flex;align-items:center;justify-content:flex-end;width:100%}body main .notes_creator_detailed .t-line button{border:0;outline:0;background-color:transparent;width:100%;color:#e8eaed;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease-in-out}body main .notes_creator_detailed .t-line button:hover{color:#fff}body main .notes_creator_detailed .t-line svg{font-size:1.1rem}body main .notes_menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}body main .notes_menu.list_view{width:21.3rem}body main .notes_menu.grid_view{width:100%}body main .notes_menu.margin{margin-top:8rem}body main .notes_menu .notes_pin_title h1{color:#82868b;font-size:.85rem;font-weight:500;margin:1rem 0}body main .notes_menu_pinned,body main .notes_menu_not_pinned{width:100%}@media (min-width: 1024px){body main .notes_menu_pinned.grid_view,body main .notes_menu_not_pinned.grid_view{min-width:60rem}}@media (min-width: 1200px){body main .notes_menu_pinned.grid_view,body main .notes_menu_not_pinned.grid_view{min-width:77.375rem}}@media (min-width: 1440px){body main .notes_menu_pinned.grid_view,body main .notes_menu_not_pinned.grid_view{min-width:77.375rem}}body main .notes_menu_pinned.list_view{width:21.3rem}body main .notes_menu_not_pinned.list_view{width:21.3rem}body main .notes_list{display:flex;align-items:center;justify-content:center;gap:2rem;transition:all .3s ease-in-out;width:100%}body main .notes_list.list_view{flex-direction:column-reverse;width:21.3rem}body main .notes_list.grid_view{flex-direction:row-reverse;justify-content:flex-end;flex-wrap:wrap;width:100%}body main .notes_list.grid_view .note{width:15rem}body main .notes_list.grid_view .note .title{width:13rem}body main .notes_list.grid_view .note .desc{width:13rem}body main .notes_list.grid_view .note h1{width:13rem}body main .notes_list.grid_view .note p{width:13rem}body main .notes_list .note{background-color:transparent;border:1px solid #5f6368;border-radius:.5rem;padding:1rem;width:21.3rem;min-height:6.5rem;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:.7rem;overflow-wrap:break-word;text-align:left;box-shadow:0 0 20px 2px #0003}body main .notes_list .note .title{display:flex;align-items:center;justify-content:space-between;cursor:pointer}body main .notes_list .note .title svg{color:#e8eaed;font-size:1.3rem;transition:all .3s ease-in-out;pointer-events:none}body main .notes_list .note .title svg:hover{color:#fff}body main .notes_list .note .note_fixer,body main .notes_list .note .note_delete{z-index:1000;display:flex;align-items:center;justify-content:space-between;position:relative}body main .notes_list .note .note_fixer:hover span,body main .notes_list .note .note_delete:hover span{opacity:1}body main .notes_list .note .note_fixer svg,body main .notes_list .note .note_delete svg{z-index:-1}body main .notes_list .note .note_delete{width:100%;justify-content:flex-end;cursor:pointer;opacity:.2;transition:all .3s ease-in-out}body main .notes_list .note .note_delete:hover{opacity:1}body main .notes_list .note .note_delete:hover svg{color:#fff;opacity:1}body main .notes_list .note .note_delete svg{color:#82868b;font-size:1rem;pointer-events:none;transition:all .3s ease-in-out}body main .notes_list .note .note_delete span{position:absolute;display:block;color:#fff;right:-3.8rem;bottom:-1.5rem;padding:.2rem;border-radius:.2rem;transform:translate(-50%);white-space:nowrap;font-size:.7rem;background-color:#9aa0a64d;transition:all .3s ease-in-out;opacity:0}body main .notes_list .note .note_fixer span{position:absolute;display:block;color:#fff;right:-2.8rem;top:-1.5rem;padding:.2rem;border-radius:.2rem;transform:translate(-50%);white-space:nowrap;font-size:.7rem;background-color:#9aa0a64d;transition:all .3s ease-in-out;opacity:0}body main .notes_list .note .title,body main .notes_list .note .desc,body main .notes_list .note h1,body main .notes_list .note p{width:19.2rem}body main .notes_list .note h1,body main .notes_list .note p{display:block}body main .notes_list .note h1{color:#e8eaed;font-size:1rem}body main .notes_list .note p{color:#e8eaed;font-size:.9rem}