*{box-sizing:border-box}body{margin:0;padding:0;font-family:Karla,sans-serif}button:focus{outline:none}.ql-editor p,.ql-editor.ql-blank:before{font-size:1.3em;font-weight:100}.pane{overflow-y:auto}.sidebar{width:20%;height:100vh;min-width:200px}.sidebar--note{display:flex}.sidebar--header{display:flex;justify-content:space-around;align-items:center}.sidebar--header>h3{font-size:1.75rem}.new-note{cursor:pointer;background-color:#6a19a0;border:none;color:#fff;border-radius:10px;height:30px;width:30px}.new-note:hover{background-color:#fff;border:2px solid #7b19a8;color:#5b0297}.first-note{cursor:pointer;background-color:#7b19a8;border:none;color:#fff;border-radius:10px;padding:1rem}.first-note:hover{background-color:#fff;border:2px solid #7b19a8;color:#5b0297}.editor{width:80%;height:100vh;min-width:300px}.title{overflow:hidden;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.title--delete{display:none;cursor:pointer;background-color:transparent;border:none}.title:hover .title--delete{display:block}.note-summary:not(:last-of-type){border-bottom:1px solid lightgray}.text-snippet{padding-inline:5px;font-size:.8rem;font-weight:400;line-height:1.2rem;color:#4a4e74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-note{background-color:#780196}.selected-note .text-snippet{color:#fff;font-weight:700}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.gutter.gutter-horizontal:hover{cursor:col-resize}.split{display:flex}.no-notes{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5}.delete-btn{display:none;background:none;border:none}.title:hover>.delete-btn{display:block}.trash-icon{cursor:pointer}.gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0,inset 2px 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px;color:#71b175}.gg-trash:after,.gg-trash:before{content:"";display:block;box-sizing:border-box;position:absolute}.gg-trash:after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash:before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}