.button{color:#fff;text-align:center;height:40px;line-height:38px;font-size:14px;border:0;text-decoration:none;font-weight:600;border-radius:5px;cursor:pointer}.button:hover{opacity:.8}.button_width_full{width:100%}.button_bg_green{background-color:#76c100}.button_bg_black{background-color:#505050}.button_bg_red{background-color:#f06565}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0;border:0}input{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}[contenteditable]{outline:0 solid transparent}body,html{position:fixed;overflow:hidden}body{overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;color:#2e2e2e;font-size:14px}body .app{background:#f5f5f5;padding-top:30px;padding-bottom:30px;width:100vw;height:100vh}body .app a{color:rgba(0,135,216,.619608)}@media (max-width:1024px){body .app{padding:0}}body .app__wrapper{display:flex;flex-flow:row nowrap;width:1280px;margin:0 auto;height:100%;background:#fff;border-radius:5px}@media (max-width:1024px){body .app__wrapper{width:100%}}body .app__wrapper .app__content-wrapper{width:100%}body .app__wrapper .app__content-wrapper .mobile__show-notes-link{display:none;float:right;width:65px;margin-top:10px;margin-right:10px}@media (max-width:768px){body .app__wrapper .app__content-wrapper .mobile__show-notes-link{display:inline-block}}body .app .app__content{height:100%;padding-bottom:0}body .app .app__content__header{padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid #f5f5f5}@media (max-width:768px){body .app .app__content__header{flex-direction:column-reverse}}body .app .app__content__header .header__title{margin-top:10px;font-size:19px;font-weight:500;color:#505050}body .app .app__content__header .header__actions__action{width:200px;margin-right:10px}@media (max-width:768px){body .app .app__content__header .header__actions__action{width:65px}}body .app .app__content__header .header__actions__action:last-child{margin-right:0}body .app .app__content .app__content__note-data{overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;padding:10px;height:calc(100vh - 121px)}body .app .app__content .app__content__note-data::-webkit-scrollbar{width:0}@media (max-width:768px){body .app .app__content .app__content__note-data{height:calc(100vh - 140px)}@supports (-webkit-touch-callout:none){body .app .app__content .app__content__note-data{height:calc(100vh - 200px)}}}body .app .app__content .app__content__note-data .note-data__note-content,body .app .app__content .app__content__note-data .note-data__note-name{border-radius:5px;padding:10px}body .app .app__content .app__content__note-data .note-data__note-content[contenteditable=true]:hover,body .app .app__content .app__content__note-data .note-data__note-name[contenteditable=true]:hover{background-color:#f5f5f5}body .app .app__content .app__content__note-data .note-data__note-content[contenteditable=true]:empty:before,body .app .app__content .app__content__note-data .note-data__note-name[contenteditable=true]:empty:before{content:attr(placeholder);color:hsla(0,0%,54.5%,.45098);display:block;position:absolute}body .app .app__content .app__content__note-data .note-data__note-name{font-size:48px;line-height:56px;min-height:76px}@media (max-width:768px){body .app .app__content .app__content__note-data .note-data__note-name{font-size:32px;line-height:36px}}body .app .app__content .app__content__note-data .note-data__note-content{font-size:14px;line-height:24px;min-height:calc(100vh - 217px)}body .app .app__content__empty-notes-box{height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center}@media (max-width:768px){body .app .app__content__empty-notes-box{width:100%;position:absolute;padding:20px}}body .app .app__content__empty-notes-box .empty-notes-box__text{color:hsla(0,0%,54.5%,.45098);text-align:center;line-height:36px;font-weight:600}@media (max-width:768px){body .app .app__content__empty-notes-box .empty-notes-box__text{font-size:24px}}body .app .app__sidebar{min-width:300px;max-width:300px;border-right:1px solid #f5f5f5}@media (max-width:768px){body .app .app__sidebar{display:none;width:100%;min-width:100%;max-width:100%;position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;z-index:1}body .app .app__sidebar-visible{display:block}}body .app .app__sidebar_content_empty{min-width:0;width:0;border:0}body .app .app__sidebar .sidebar__header{padding:10px;border-bottom:1px solid #f5f5f5}body .app .app__sidebar .sidebar__header .sidebar__close-button{float:right;color:red;text-decoration:none;position:relative;top:-10px;right:-10px;margin-bottom:-8px;display:none;padding:10px}@media (max-width:768px){body .app .app__sidebar .sidebar__header .sidebar__close-button{display:inline-block}}body .app .app__sidebar .sidebar__header .sidebar__search-form__input{width:100%;margin-top:10px;padding-left:5px;height:40px;line-height:38px;border:1px solid #eee;border-radius:5px}body .app .app__sidebar .sidebar__header .sidebar__search-form__input::-moz-placeholder{color:#cdcdcd;font-size:14px}body .app .app__sidebar .sidebar__header .sidebar__search-form__input:-ms-input-placeholder{color:#cdcdcd;font-size:14px}body .app .app__sidebar .sidebar__header .sidebar__search-form__input::placeholder{color:#cdcdcd;font-size:14px}body .app .app__sidebar .sidebar__header .sidebar__search-form__input:focus{border-color:#e2e2e2}body .app .app__sidebar .sidebar__header .sidebar__sort-box{display:flex;margin-top:10px;margin-left:2px;position:relative}body .app .app__sidebar .sidebar__header .sidebar__sort-box a{text-decoration:none;font-weight:500}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__title{width:51px}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper{padding:5px;position:absolute;left:51px;z-index:1;top:-10px;border:1px solid transparent}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper .sort-box__menu__item{list-style:none;padding:5px;cursor:pointer;color:rgba(0,135,216,.619608);font-weight:500}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper .sort-box__menu__item:hover{background:#f5f5f5;border-radius:5px}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper .sort-box__menu__item:last-of-type{display:none}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper-active{background:#fff;border-color:#f5f5f5;border-radius:5px}body .app .app__sidebar .sidebar__header .sidebar__sort-box .sort-box__menu-wrapper-active .sort-box__menu__item:last-of-type{display:block}body .app .app__sidebar .sidebar__content{overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;height:calc(100vh - 200px);padding:10px}body .app .app__sidebar .sidebar__content::-webkit-scrollbar{width:0}@media (max-width:768px){body .app .app__sidebar .sidebar__content{height:calc(100vh - 210px)}@supports (-webkit-touch-callout:none){body .app .app__sidebar .sidebar__content{height:calc(100vh - 290px)}}}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;cursor:pointer;position:relative;margin-bottom:5px;list-style:none}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item.sidebar__notes-list__item_active,body .app .app__sidebar .sidebar__content .sidebar__notes-list__item:hover{background:#f5f5f5;border-radius:5px}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item:hover .item__delete-button{display:block}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item .item__content,body .app .app__sidebar .sidebar__content .sidebar__notes-list__item .item__name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item .item__name{font-size:16px;font-weight:600;margin-bottom:2px}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item .item__delete-button{display:none;position:absolute;top:0;right:0;width:20px;height:20px;text-align:center;font-size:11px;line-height:18px;color:red}body .app .app__sidebar .sidebar__content .sidebar__notes-list__item.load-more-button{text-align:center;margin-top:20px;color:rgba(0,135,216,.619608);font-weight:600}