body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notebook{height:100%;display:flex;overflow:hidden}.sidebar{width:240px;background-color:#2f419b;color:#fff;padding:24px 16px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;overflow:auto}.sidebar .sidebar__title{padding:16px 24px}.sidebar .sidebar__btn{background:#fff;color:#2f419b;width:190px;height:48px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:.5s ease;transition:.5s ease}.sidebar .sidebar__btn svg{width:20px;height:20px}.sidebar .sidebar__btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar .sidebar__btn:focus{outline:none}.sidebar .sidebar__span{font-size:18px;font-weight:500;padding-left:8px}.sidebar .sidebar__list{list-style:none;padding:0}.sidebar .sidebar__list .sidebar__list-item{padding:12px 24px;display:flex;align-items:center;cursor:pointer}.sidebar .sidebar__list .sidebar__list-item svg{margin-right:8px}.sidebar .sidebar__style-selector{display:flex;align-items:center}.sidebar .sidebar__style-selector span{margin:12px 8px}.sidebar .sidebar__style-selector .sidebar__style-selector-group{display:flex;flex-direction:row;margin-left:8px}.sidebar .sidebar__style-selector .sidebar__style-selector-icon{border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar .sidebar__style-selector .sidebar__style-selector-icon svg{border:1px;width:32px;height:32px}.sidebar .sidebar__style-selector .sidebar__style-selector-icon--active{background-color:#fff}.sidebar .sidebar__dog{display:flex;align-items:center;justify-content:space-around}.sidebar .sidebar__dog img{width:40px;height:40px}.sidebar .sidebar__dog span{color:#f4f6f7;font-weight:500}.notelist{background:#f4f6f7;border-right:1px solid #d8d8d8;color:#555;height:100vh;display:flex;flex-direction:column}.notelist .notelist__search{padding:48px 28px 12px;position:relative}.notelist .notelist__search svg{position:absolute;top:60px;left:40px}.notelist .notelist__search input{width:260px;height:36px;background:#e6e6e6;border:0;border-radius:6px;padding-left:40px;font-size:16px;display:flex}.notelist .notelist__search input:focus{outline:none}.notelist .notelist__header{justify-content:space-between;padding:0 28px}.notelist .notelist__header,.notelist .notelist__header .notelist__header-title{display:flex;align-items:center}.notelist .notelist__header .notelist__header-title h3{margin-right:8px}.notelist .notelist__header .notelist__header-display-mode{cursor:pointer}.notelist hr{padding:0;margin:0;border:1px solid #d8d8d8}.notelist .notelist__list{overflow:auto}.notelist-view-switch__btn{position:relative}.notelist-view-switch__btn svg{width:24px;height:24px}.notelist-view-switch__list{position:absolute;background-color:#f4f6f7;z-index:10;box-shadow:0 3px 6px #e6e6e6;border:1px solid #c6c6c6;border-radius:8px}.notelist-view-switch__list ul{list-style:none;padding:0}.notelist-view-switch__list ul li{padding:8px 24px;display:flex;align-items:center}.notelist-view-switch__list ul li:hover{color:#fff;background-color:#2f419b}.notelist-view-summary{display:flex;justify-content:center;font-size:16px;flex-direction:column}.notelist-view-summary .notelist-view-summary__note-list-item{width:300px;position:relative;padding:16px 28px;border-bottom:1px solid #e6e6e6;cursor:pointer}.notelist-view-summary .notelist-view-summary__note-list-item:hover{background-color:#e9ebf4}.notelist-view-summary .notelist-view-summary__note-list-item .notelist-view-summary__note-title{margin-top:0}.notelist-view-summary .notelist-view-summary__note-list-item .notelist-view-summary__note-info{display:flex;justify-content:space-between;margin-top:20px;font-weight:500;align-items:center}.notelist-view-summary .notelist-view-summary__note-list-item .notelist-view-summary__note-info .notelist-view-summary__note-tags{display:flex;flex-direction:row}.notelist-view-summary .notelist-view-summary__note-list-item .notelist-view-summary__note-info .notelist-view-summary__note-tags .notelist-view-summary__note-tag{margin-right:8px;padding:2px 16px;border-radius:4px;background-color:#fff;color:#2f419b}.notelist-view-summary .notelist-view-summary__note-list-item--active{background-color:#e9ebf4}.notelist-view-card{padding:12px 0;font-size:16px;display:flex;flex-direction:column;justify-content:center}.notelist-view-card .notelist-view-card__note-list-item{background:linear-gradient(to left bottom,transparent 50%,#e9ebf4 0) no-repeat 100% 0/32px 32px,linear-gradient(-135deg,transparent 23px,#fff 0);width:240px;position:relative;padding:16px 24px;margin:12px auto;cursor:pointer;border:3px solid #f4f6f7}.notelist-view-card .notelist-view-card__note-list-item:hover{background:-webkit-gradient(linear,right top,left bottom,color-stop(35%,transparent),color-stop(35%,#2f419b),color-stop(50%,#2f419b),color-stop(0,#e9ebf4)) no-repeat 100% 0/2em 2em,-webkit-gradient(linear,right top,left bottom,color-stop(1.5em,transparent),color-stop(0,#fff));background:linear-gradient(to left bottom,transparent 35%,#2f419b 0,#2f419b 50%,#e9ebf4 0) no-repeat 100% 0/2em 2em,linear-gradient(to left bottom,transparent 1.5em,#fff 0);-webkit-clip-path:polygon(0 0,calc(100% - 2em) 0,100% 2em,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 2em) 0,100% 2em,100% 100%,0 100%);border:3px solid #2f419b}.notelist-view-card .notelist-view-card__note-list-item .notelist-view-card__note-title{padding-bottom:12px;border-bottom:1px solid #e6e6e6}.notelist-view-card .notelist-view-card__note-list-item .notelist-view-card__note-content{word-wrap:break-word}.notelist-view-card .notelist-view-card__note-list-item .notelist-view-card__note-info{display:flex;justify-content:space-between;margin-top:20px;font-weight:500;align-items:center}.notelist-view-card .notelist-view-card__note-list-item .notelist-view-card__note-info .notelist-view-card__note-tags{display:flex;flex-direction:row}.notelist-view-card .notelist-view-card__note-list-item .notelist-view-card__note-info .notelist-view-card__note-tags .notelist-view-card__note-tag{margin-right:8px;padding:2px 16px;border-radius:4px;background-color:#e9ebf4;color:#2f419b}.notelist-view-card .notelist-view-card__note-list-item--active{background:-webkit-gradient(linear,right top,left bottom,color-stop(35%,transparent),color-stop(35%,#2f419b),color-stop(50%,#2f419b),color-stop(0,#e9ebf4)) no-repeat 100% 0/2em 2em,-webkit-gradient(linear,right top,left bottom,color-stop(1.5em,transparent),color-stop(0,#fff))!important;background:linear-gradient(to left bottom,transparent 35%,#2f419b 0,#2f419b 50%,#e9ebf4 0) no-repeat 100% 0/2em 2em,linear-gradient(to left bottom,transparent 1.5em,#fff 0)!important;-webkit-clip-path:polygon(0 0,calc(100% - 2em) 0,100% 2em,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 2em) 0,100% 2em,100% 100%,0 100%);border:3px solid #2f419b}.notelist-view-list{display:flex;justify-content:center;font-size:16px;flex-direction:column}.notelist-view-list .notelist-view-list__note-list-item{position:relative;width:300px;padding:0 28px;border-bottom:1px solid #e6e6e6;display:flex;flex-direction:row;align-items:center;cursor:pointer}.notelist-view-list .notelist-view-list__note-list-item:hover{background-color:#e9ebf4}.notelist-view-list .notelist-view-list__note-list-item .notelist-view-list__note-title{margin-left:12px}.notelist-view-list .notelist-view-list__note-list-item .notelist-view-list__note-info{display:flex;justify-content:space-between;font-weight:500;align-items:center}.notelist-view-list .notelist-view-list__note-list-item .notelist-view-list__note-info .notelist-view-list__note-date{display:flex;align-items:center}.notelist-view-list .notelist-view-list__note-list-item--active{background-color:#e9ebf4}.note-editor{flex:1 1;padding:36px;color:#555}.note-editor .note-editor__note{padding-top:24px;height:calc(100% - 30px)}.note-editor .note-editor__note-title input{width:100%;font-size:18px;font-weight:500;border:none}.note-editor .note-editor__note-title input:focus{outline:none}.note-editor .note-editor__note-tags{display:flex;flex-direction:row;margin:12px auto}.note-editor .note-editor__note-tags .note-editor__note-tag{font-size:14px;font-weight:500;padding:4px 16px;border-radius:4px;margin-right:12px;display:flex;align-items:center;cursor:pointer;background-color:#e9ebf4;color:#2f419b}.note-editor .note-editor__note-tags .note-editor__note-add-tag{font-size:14px;font-weight:500;padding:4px 16px;border-radius:4px;margin-right:12px;display:flex;align-items:center;cursor:pointer;border:1px dashed #c7c7c7;color:#a3a3a3}.note-editor .note-editor__note-tags .note-editor__note-add-tag input{border:0;width:24px}.note-editor .note-editor__note-tags .note-editor__note-add-tag input:focus{outline:none}.note-editor .note-editor__note-content{height:calc(100% - 76px);overflow-x:hidden;overflow-y:auto}.note-editor .note-editor__note-content .note-editor__note-textarea{height:100%}.note-editor .note-editor__note-content .note-editor__note-textarea textarea{width:100%;height:100%;font-size:14px;border:0}.note-editor .note-editor__note-content .note-editor__note-textarea textarea:focus{outline:none}.note-editor .note-editor__note-content .note-editor__note-files{margin-top:8px;margin-bottom:8px}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file{font-size:14px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;margin:8px auto;border-radius:4px;background-color:#e9ebf4;color:#2f419b}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file div:first-child{display:flex;align-items:center}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file div:first-child svg{width:18px;height:18px;margin-right:8px}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file div:last-child svg{width:24px;height:24px}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input span{margin-left:12px;text-decoration:underline}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input label{font-size:14px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;margin:8px auto;border-radius:4px;cursor:pointer;border:1px dashed #c7c7c7;color:#a3a3a3}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input label div:first-child{display:flex;align-items:center}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input label div:first-child svg{width:18px;height:18px;margin-right:8px}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input label div:last-child svg{width:24px;height:24px}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-input input{display:none}.note-editor .note-editor__note-content .note-editor__note-files .note-editor__note-file-icon{margin-right:8px}.toolbar{list-style:none;padding-left:0;margin-bottom:0;margin-top:0;flex-direction:row;font-size:18px;border-bottom:1px solid #e6e6e6}.toolbar,.toolbar li{display:flex;align-items:center}.toolbar li{margin:8px;cursor:pointer}.toolbar li svg{width:24px;height:24px}
/*# sourceMappingURL=main.ef25cb36.chunk.css.map */