.floating-notes-wrapper{position:fixed;right:20px;z-index:98;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.floating-notes-wrapper .filter{margin:0 0}.floating-notes-wrapper .filter .center{padding-left:0;padding-right:12px}.floating-notes-wrapper .floating-notes{background-color:var(--secondary-color);color:#fff;padding:10px;border-radius:50%;width:45px;text-align:right;cursor:pointer}.floating-notes-wrapper .floating-notes__tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background-color:#fff;padding:4px 4px 4px 18px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.25);box-shadow:0 2px 4px rgba(0,0,0,.25);margin-bottom:12px}.floating-notes-wrapper .floating-notes__tip span{cursor:pointer}.floating-notes-wrapper .floating-notes-float{background-color:#fff;position:fixed;bottom:0;right:20px;height:580px;width:300px;border-top:8px solid var(--secondary-color);border-radius:8px 8px 0 0;padding:12px}.floating-notes-wrapper .floating-notes-float__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.floating-notes-wrapper .floating-notes-float__header span{cursor:pointer}.floating-notes-wrapper .floating-notes-float__body{margin-top:12px;max-height:420px;overflow-y:auto}.floating-notes-wrapper .floating-notes-float__body .note{background-color:hsla(0,0%,88.6%,.5019607843)}.floating-notes-wrapper .floating-notes-float__body .empty-message .icon-wrapper,.floating-notes-wrapper .floating-notes-float__body .empty-message svg{width:92px;height:92px}.floating-notes-wrapper .floating-notes-float__body .loading{width:100%;margin:0 auto}.floating-notes-wrapper .floating-notes-float__body .note,.floating-notes-wrapper .floating-notes-float__body .note .note-footer,.floating-notes-wrapper .floating-notes-float__body .note .origin,.floating-notes-wrapper .floating-notes-float__body .note .title{color:var(--text-color)}.floating-notes-wrapper .floating-notes-float__body .note .title{border-bottom:1px solid var(--black-300)}.floating-notes-wrapper .floating-notes-float__footer{position:fixed;bottom:-16px;width:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:60px}.floating-notes-wrapper .floating-notes-float__footer .add{width:60px;height:60px}.floating-notes-wrapper .floating-notes-float .floating-notes-create .center{padding:0 8px}.floating-notes-wrapper .floating-notes-float .floating-notes-create .center>p{display:none}.floating-notes-wrapper .floating-notes-float .floating-notes-create .center h3{margin-bottom:8px}.floating-notes-wrapper .floating-notes-float .floating-notes-create .text-editor-container.form-item>label.form-label{margin:20px}.floating-notes-wrapper .floating-notes-float .floating-notes-create .note-create{margin:0;padding:0}.floating-notes-wrapper .floating-notes-float .floating-notes-create .form-item{margin-bottom:0}.floating-notes-wrapper .floating-notes-float .floating-notes-create .form-editor{padding:8px;border:12px solid var(--gray);border-radius:8px 8px 0 0}.floating-notes-wrapper .floating-notes-float .floating-notes-create .form-item-tools{display:none}.floating-notes-wrapper .floating-notes-float .floating-notes-create .form-input-details{background-color:var(--gray);border:none}.floating-notes-wrapper .floating-notes-float .floating-notes-create .note-create__actions{background-color:var(--gray);padding:12px;border-radius:0 0 8px 8px}@media screen and (max-width:1024px){.floating-notes-wrapper .floating-notes-float{width:100%;right:0;height:90vh}.floating-notes-wrapper .floating-notes-float__body{height:80vh;max-height:none;padding-bottom:90px}.floating-notes-wrapper .floating-notes-float__footer{width:90%}}