.note{background-color:var(--secondary-700);border-radius:8px;padding:18px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-contrast-primary-color)}.note .note-options{position:absolute;right:8px;top:8px}.note .icon-wrapper{cursor:pointer}.note .note-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.note .note-main .origin{font-size:1.4em;color:var(--text-contrast-primary-color)}.note .note-main .title{border-bottom:1px solid var(--black-300);padding-bottom:8px}.note .note-main .content,.note .note-main .title{font-size:1.6em}.note .note-main .content.--clamp{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.note .note-footer{color:var(--text-contrast-primary-color)}.note .note-footer,.note .note-footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.note.--list-mode{cursor:pointer}.note.--view-mode .note-footer-info{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:row}.notes-list .notes{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px}@media screen and (max-width:1024px){.notes-list .notes{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.notes-list .notes .note{width:220px;height:300px}.notes-list .open-note .note{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99991;width:50vw}.notes-list .open-note .note .content{min-height:18em}.notes-list .open-note:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9999}