.pages-body{z-index:101;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:50px 0 0;display:flex;position:relative}.pages-body .pages-body-container{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;max-width:1600px;height:auto;min-height:calc(100vh - 100px);margin:auto;padding:20px;display:flex;position:relative}.pages-body .pages-body-container .pages-left{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:300px;height:auto;min-height:400px;display:flex}.pages-body .pages-body-container .pages-left .pages-info{background-color:#fafafa;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:auto;min-height:100px;padding:30px;display:flex}.pages-body .pages-body-container .pages-left .pages-info .pages-image{background-color:#fff;border-radius:5px;width:240px;height:240px;font-size:70pt;position:relative;overflow:hidden;box-shadow:0 0 2px #0003}.pages-body .pages-body-container .pages-left .pages-info .pages-image img{object-fit:cover;width:100%;height:100%}.pages-body .pages-body-container .pages-left .pages-info .pages-image.no-cover:after{content:"";opacity:.1;background-color:#0000;background-image:url(../media/image_green.0wva8rr1flef..svg);background-position:50%;background-repeat:no-repeat;background-size:90%;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area{z-index:101;width:40px;min-width:40px;height:24px;position:absolute;bottom:5px;right:5px}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area input[type=file]{opacity:0;width:100%;min-width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label{color:#fff;cursor:pointer;opacity:.5;background-color:#f16532;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;padding:0;font-size:11pt;display:flex;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label:hover{opacity:1}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label:active{opacity:.8}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label .btn-edit{color:#fff;opacity:.5;background-color:#f16532;border-radius:3px;width:100%;min-width:100%;height:100%;padding:3px 7px;font-size:11pt}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label .btn-edit:hover{opacity:1}.pages-body .pages-body-container .pages-left .pages-info .pages-image .btn-file-area label .btn-edit:active{opacity:.8}.pages-body .pages-body-container .pages-left .pages-info .pages-user{flex-direction:row;justify-content:flex-start;align-items:flex-end;width:100%;height:40px;padding:0 5px;font-weight:500;display:flex}.pages-body .pages-body-container .pages-left .pages-info .pages-desc{width:100%;height:auto;padding:5px;position:relative}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .view-box{width:100%;height:auto}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .edit-box{flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;width:100%;height:auto;display:flex}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .edit-box textarea{border:0;border-radius:5px;width:100%;height:100px;padding:0;line-height:1.5}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .edit-box .btn-list{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:100%;height:auto;display:flex}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .edit-box .btn-list button{color:#fff;background-color:#3087f0;border-radius:5px;width:calc(50% - 5px);min-width:100px;height:30px}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .edit-box .btn-list button.cancel{background-color:tomato}.pages-body .pages-body-container .pages-left .pages-info .pages-desc p{width:100%;font-size:13pt;font-weight:200;line-height:1.5}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .btn-edit{color:#fff;opacity:.5;z-index:101;background-color:#f16532;border-radius:3px;width:auto;min-width:auto;height:auto;padding:3px 7px;font-size:11pt;position:absolute;bottom:5px;right:5px}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .btn-edit:hover{opacity:1}.pages-body .pages-body-container .pages-left .pages-info .pages-desc .btn-edit:active{opacity:.8}.pages-body .pages-body-container .pages-left .pages-categorys{background-color:#f6f6f6;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:15px 20px;display:flex}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items{border-radius:5px;width:100%;height:40px;position:relative}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items:hover{background-color:#fff}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items:hover:after{display:block}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items.active .pages-category-item{font-weight:500}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items.active:before{right:-28px;transform:rotate(45deg)}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items:after{content:"";background-color:#fff;width:20px;height:20px;display:none;position:absolute;top:10px;right:-5px;transform:rotate(45deg)}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items:before{content:"";background-color:#f6f6f6;width:20px;height:20px;transition:all .2s ease-in-out;display:block;position:absolute;top:10px;right:-20px}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items a{width:100%}.pages-body .pages-body-container .pages-left .pages-categorys .pages-category-items a .pages-category-item{word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;width:100%;height:40px;padding:0 10px;font-size:14pt;line-height:40px;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-left .pages-keywords{background-color:#f6f6f6;border-radius:15px;width:100%;height:auto;min-height:200px;display:none}.pages-body .pages-body-container .pages-center{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;width:calc(100% - 320px);height:100%;min-height:500px;display:flex}.pages-body .pages-body-container .pages-center .pages-main-body{background-color:#fafafa;border-radius:15px;width:100%;height:100%;padding:30px}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1.2vw 2%;width:100%;height:auto;display:flex;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a{aspect-ratio:3/4;width:23.5%;height:auto;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item{cursor:pointer;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;height:100%;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item.trans{opacity:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item:hover{border-width:0;transform:scale(1.03);box-shadow:0 0 6px #0000004d}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item:active{transform:scale(1.01)}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-title{z-index:102;border:1px solid #fff;border-radius:3px;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:calc(100% - 10px);height:50px;padding:0 5px 0 10px;display:flex;position:absolute;bottom:5px;left:5px;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-title:before{content:"";-webkit-backdrop-filter:blur(7px);z-index:100;background-color:#efefefd9;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-title .user-image{z-index:101;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fff;border-radius:50%;width:26px;height:26px;font-size:11pt}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-title .title-text{text-overflow:ellipsis;white-space:nowrap;z-index:101;text-shadow:0 0 10px #fff;width:calc(100% - 26px);height:100%;padding:0 0 0 5px;font-size:14pt;font-weight:500;line-height:50px;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-title.gray{z-index:101;background-color:#f9f9f9;border-bottom:1px solid #f2f2f2}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover{opacity:1;z-index:101;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:visible}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover.small{height:calc(100% - 55px)}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list{background-color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s ease-in-out;display:flex;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list img{object-fit:cover;object-position:center;border:0;width:100%;height:100%}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade{opacity:1;background-color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s ease-in-out;display:flex;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade.fade.in{opacity:1}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade.fade.out{opacity:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade img{object-fit:cover;object-position:center;border:0;width:100%;height:100%}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-content{width:100%;height:100%;white-space:wrap;word-wrap:break-word;padding:20px;font-size:13pt;line-height:1.85;position:absolute;top:0;left:0;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-content:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:101;background:#ffffffb3;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-content .content-text{z-index:102;width:100%;height:calc(100% - 20px);padding:20px 25px;position:absolute;top:0;left:0;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-content .content-text p{word-break:break-all;font-size:14pt;line-height:1.8}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover+.note-item-content{width:calc(100% - 10px);height:auto;min-height:55px;bottom:60px;left:5px;top:unset;border:1px solid #fff;border-radius:5px;padding:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover+.note-item-content:before{background-color:#f8f8f8cc}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-cover+.note-item-content .content-text{height:auto;max-height:121px;padding:12px 20px;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-content+.note-item-title:before{background-color:#efefeff2}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom{width:calc(100% - 10px);height:40px;white-space:wrap;word-wrap:break-word;z-index:101;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:0 5px;font-size:13pt;display:flex;position:absolute;bottom:60px;left:5px;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom .comment-cnt{color:#fff;background-color:#58d5dc;border:1px solid #fff;border-radius:50% 50% 0;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:10pt;display:flex;position:absolute;bottom:2px;right:2px}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords{width:1px}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords.active{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:auto;padding:3px;display:flex}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords span.keyword{color:#fff;background-color:#a3a3a3;border:1px solid #fff;border-radius:10px;width:auto;height:auto;padding:3px 6px;font-size:10pt;display:none}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords span.keyword.active{display:inline-block}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more{aspect-ratio:3/4;width:23.5%;height:auto;transition:.5 all ease-in-out;opacity:.5;background-color:#fcfcfc;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more.hide{display:none}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more.trans{opacity:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more:hover{opacity:1}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more button.btn-more{aspect-ratio:1;text-indent:-10000px;width:70%;height:auto;box-shadow:none;background-color:#0000;border-radius:50%;outline:none;font-size:14pt}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more button.btn-more:hover:after{transition:all .2s ease-in-out}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more button.btn-more:active:after{transition:all .2s ease-in-out;transform:scale(1.2)rotate(90deg)}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more button.btn-more.hide{display:none}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item.more button.btn-more:after{content:"";background-color:#0000;background-image:url(../media/btn_add.0bjzg8j8uc-h6.svg);background-position:50%;background-repeat:no-repeat;background-size:30%;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item-more-container{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;height:auto;display:flex;position:relative}.pages-body .pages-body-container .pages-center .pages-main-body .main-body-note-summary-container .note-item-more-container.hide{display:none}.pages-body .pages-body-container .pages-center .pages-note-body{background-color:#f6f6f6;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:calc(100% - 70px);display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 30px;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-note-title{text-align:center;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;width:100%;height:70px;font-size:18pt;font-weight:400;line-height:70px;overflow:hidden}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:50px;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .note-edit{cursor:pointer;background-image:url(../media/btn_edit_note.0adwfbi~sf16o.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:5px;width:50px;height:50px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .note-edit:hover{background-color:#f0f0f0}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .note-edit:active{background-color:#e0e0e0}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .btn-share{cursor:pointer;background-color:#0000;background-image:url(../media/btn_share_black.14~v0qklxb3e6.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:5px;width:50px;min-width:50px;height:50px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .btn-share:hover{background-color:#f0f0f0}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-header .pages-title-button .btn-share:active{background-color:#e0e0e0}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:0 30px 60px;font-size:16pt;display:flex;position:relative}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content.no-tag{padding:0 30px 30px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .weffice-view-template{background-color:#fff;border-radius:10px;width:100%;height:100%;padding:30px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list{width:calc(100% - 60px);height:40px;position:absolute;bottom:15px;left:30px;overflow-x:auto}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list::-webkit-scrollbar{width:6px;height:6px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list::-webkit-scrollbar-thumb{background-color:#9a9a9a;background-clip:padding-box;border:1px solid #0000;border-radius:3px;height:6px}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list::-webkit-scrollbar-thumb:hover{background-color:#646464}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list::-webkit-scrollbar-track{background-color:#0000}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list::-webkit-scrollbar-corner{background:0 0}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list{flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:10px;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-info-container .pages-note-content .pages-keyword-list .keyword{word-break:keep-all;white-space:nowrap;background-color:#eaeaea;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:auto;height:30px;padding:0 15px;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer{background-color:#f2f2f2;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 30px;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .user-info{border-radius:25px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:40px;padding:0 20px 0 0;transition:background-color .2s ease-in-out;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .user-info:hover{background-color:#e5e5e5}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .user-info:active{box-shadow:0 0 1px #c801ff}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .user-info .user-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d9d9d9;border-radius:50%;width:40px;height:40px;font-size:17pt}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .user-info .user-name{color:#000}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .date-info{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:auto;display:flex}.pages-body .pages-body-container .pages-center .pages-note-body .pages-note-footer .date-info span{background-color:#fff;border-radius:20px;height:auto;padding:10px 15px;font-size:12pt}.pages-body .pages-body-container .pages-center .public-notelist-container-frame{background-color:#f6f6f6;border-radius:15px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;height:auto;padding:20px;display:flex}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-left,.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right{cursor:pointer;background-color:#fcfcfc;border-radius:5px;width:40px;height:100%;position:relative}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-left:after,.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right:after{content:"";background-image:url(../media/arrow_black.0eudnnj4_e351.svg);background-position:50%;background-repeat:no-repeat;background-size:28px;border-radius:50%;width:38px;height:38px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(180deg)}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-left:hover,.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right:hover{background-color:#fff}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-left:active,.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right:active{background-color:#fcfcfc}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-left.disabled,.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right.disabled{opacity:.3;cursor:default;pointer-events:none}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .btn-right{transform:rotate(180deg)}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:20px;width:calc(100% - 120px);height:auto;display:flex;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container.no-scroll{overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item{cursor:pointer;background-color:#fff;border-radius:5px;width:262px;min-width:262px;height:350px;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item:hover:after{content:"";z-index:102;background-color:#0051ff0d;border:2px solid #aedbff;border-radius:5px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item:active:after{content:"";z-index:102;background-color:#0051ff1a;border:2px solid #018efe;border-radius:5px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item.active:before{content:"";z-index:102;background-color:#0051ff80;background-image:url(../media/check_white.0cow~eint_1b9.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border:1px solid #fff;border-radius:50%;width:70px;height:70px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item.active:after{content:"";z-index:102;background-color:#0051ff1a;border:2px solid #018efe;border-radius:5px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item.loading{animation:1s ease-in-out infinite alternate loading-fade-reverse}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-title{z-index:101;background-color:#e5e5e5;border-top:1px solid #fff;border-radius:3px;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:calc(100% - 10px);height:50px;padding:0 5px 0 10px;display:flex;position:absolute;bottom:5px;left:5px;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-title:before{content:"";-webkit-backdrop-filter:blur(7px);z-index:100;background-color:#efefefd9;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-title .user-image{z-index:101;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fff;border-radius:50%;width:26px;height:26px;font-size:11pt}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-title .title-text{text-overflow:ellipsis;white-space:nowrap;z-index:101;width:calc(100% - 31px);height:100%;padding:0 10px;font-size:14pt;font-weight:600;line-height:50px;position:relative;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-title.gray{z-index:101;background-color:#f9f9f9;border-bottom:1px solid #f2f2f2}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover{opacity:1;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:visible}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover.small{height:calc(100% - 55px)}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list{background-color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s ease-in-out;display:flex;position:relative}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list img{object-fit:cover;object-position:center;border:0;width:100%;height:100%}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list-fade{background-color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s ease-in-out;display:flex;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list-fade.fade.in{opacity:1}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list-fade.fade.out{opacity:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover .note-item-cover-image-list-fade img{object-fit:cover;object-position:center;border:0;width:100%;height:100%}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-content{width:100%;height:calc(100% - 55px);white-space:wrap;word-wrap:break-word;border-top:1px solid #f2f2f2;padding:14px 20px;font-size:13pt;line-height:1.85;position:absolute;top:0;left:0;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-content:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#ffffffe6;width:100%;height:100%;position:absolute;top:0;left:0}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-content.line3{height:110px}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-content .content-text{z-index:101;width:100%;height:calc(100% - 10px);font-size:inherit;border-radius:0 0 15px 15px;padding:15px;position:absolute;top:0;left:0;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-content .content-text p{word-break:break-all;font-size:14pt;line-height:1.55}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-cover+.note-item-content{height:50%;padding:15px 20px}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom{width:100%;height:40px;white-space:wrap;word-wrap:break-word;z-index:101;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 5px;font-size:13pt;display:flex;position:absolute;bottom:55px;left:0;overflow:hidden}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom .comment-cnt{color:#fff;background-color:#fdadad;border-radius:50% 50% 0;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:10pt;display:flex;position:relative}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom .note-item-keywords{width:1px}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom .note-item-keywords.active{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:auto;padding:3px;display:flex}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom .note-item-keywords span.keyword{color:#fff;background-color:#a3a3a3;border:1px solid #fff;border-radius:10px;width:auto;height:auto;padding:3px 6px;font-size:10pt;display:none}.pages-body .pages-body-container .pages-center .public-notelist-container-frame .public-notelist-container .note-item .note-item-bottom .note-item-keywords span.keyword.active{display:inline-block}