#id-message-container{display:flex;flex-wrap:wrap}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit}a:visited{color:inherit;font-size:14px}body{color:#383838}.hidden{display:none}.container{overflow:hidden}.gua-button{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);border:0;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:12px;line-height:2;outline:transparent;padding:0 1rem;text-align:center;text-decoration:none;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap}.gua-button:not([disabled]):hover{box-shadow:0 0 .25rem rgba(0,0,0,.5),-.125rem -.125rem 1rem rgba(239,71,101,.5),.125rem .125rem 1rem rgba(255,154,90,.5)}.flex-container{display:flex}.flex-container .left{border-right:1px solid #ececec;background-color:#f8f8f8;width:73px;height:100vh;padding:12px 12px 24px 17px;position:relative}.flex-container .middle{width:350px;height:100vh;border-right:1px solid #ececec}.flex-container .right{flex:1;height:80vh;width:50vw;padding:30px 48px 0 48px}.gua-note-container,.note-list{overflow:auto}.gua-note-add,.gua-note-buy,.gua-note-show-tag{cursor:pointer;margin-bottom:20px}.gua-note-add a,.gua-note-buy a,.gua-note-show-tag a{text-decoration:none}.nav-button{align-self:center;background-color:#fff;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px;border-style:solid;border-width:2px;box-shadow:rgba(0,0,0,.2) 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:0;padding:3px;text-decoration:none;transition:all 235ms ease-in-out;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.nav-button:hover{box-shadow:rgba(0,0,0,.3) 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.gua-avater{cursor:pointer}.gua-account{border-top:1px solid #e1e1e1;position:absolute;bottom:0;left:0;right:0;padding:17px}.note-header{padding:24px 20px 0 24px;letter-spacing:1px;font-size:21px;color:#878787;font-weight:300;line-height:26px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between}.note-icon-hide{font-size:12px;font-weight:700;width:30px;height:30px;display:block;text-align:center;line-height:30px;border-radius:3px}.note-icon-hide:hover{background:#e1e1e1;cursor:pointer}.note-header-summery{margin-top:11px;font-size:16px}.note-list{color:#878787;font-weight:300;height:95vh}.note-list-item{padding:12px 24px 15px 24px;height:120px;cursor:pointer;position:relative;overflow:hidden}.note-list-item+.note-list-item{border-top:1px solid #ececec}.note-list-item.active{background:#eaf2fa;border-top:none}.note-list-item.active+.note-list-item{border-top:none}.note-list-item-title{font-weight:700;padding-bottom:5px;display:inline-block;font-size:18px}.note-list-item-time{font-size:14px;bottom:10px;position:absolute;left:24px}.gua-note-title{color:#262626;line-height:35px;font-size:21px;margin-top:38px;padding-left:30px;position:relative;font-weight:700}.gua-note-container{outline:0;display:block;width:100%;border:none;font-size:17px;padding:0 130px 32px 32px;margin-top:20px;white-space:pre-wrap}.gua-button-save{width:100px;border:none}.hidden{display:none!important}.gua-button-save .save-button-shortcut{text-transform:lowercase}.note-list-item-summery{pointer-events:none;width:280px}#id-note-time{display:flex;justify-content:space-between;width:60%;margin-bottom:16px}#id-note-time-wrapper{border-bottom:1px solid #d9d9d9}#id-note-time span{color:#8a8a8a;font-size:14px}#id-file-upload{display:inline-block;font-size:13px}#id-div-upload{position:absolute;left:25px;top:0}.note-list-item-delete{color:red;display:none;size:100px;font-size:30px;position:absolute;top:0;right:10px}#id-notes-upload{cursor:pointer;border:none;background:0 0;outline:0;text-decoration:underline;font-size:18px;color:inherit}#id-span-title{width:29vw;display:inline-block;margin-top:47px}#id-div-purchase .purchase-option{background-color:#e1ecf4;border-radius:3px;border:1px solid #7aa7c7;color:#39739d;cursor:pointer;font-size:16px;margin:10px 0;outline:0;padding:13px 0;position:relative;text-align:center;text-decoration:none;user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}#id-div-purchase .selected{background-color:#a0c7e4;box-shadow:none;color:#2c5777}#id-mobile-right{display:none}#id-span-delete-note,#id-span-import-notes,#id-span-update-pwd{text-decoration:underline;margin-top:5px;display:inline-block;cursor:pointer}#id-div-confirm-export span,#id-div-confirm-upgrade span{font-size:16px;display:block;text-align:left;line-height:26px}#id-div-confirm-exported span:first-child{margin-right:17px}.note-more-time,.order-cell{font-size:15px;line-height:30px}.note-more-time{margin-bottom:20px}.tag-list-delete{color:red;font-size:23px;font-weight:400}#id-button-tag-list-mobile{display:none}