.main-container{z-index:100;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100vh;margin:auto;display:flex;position:relative}.main-container .header{z-index:102;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;height:50px;min-height:50px;display:flex;position:fixed;top:0;left:0;right:0}.main-container .header:before{content:"";z-index:-1;background-color:#f8f8f8d9;border-bottom:1px solid #e9e9e9;width:100%;height:100%;position:absolute;top:0;left:0}.main-container .header:hover:before{background-color:#fff;box-shadow:0 1px 4px #0003}.main-container .header .header-container{border-radius:15px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:600px;max-width:1600px;height:100%;margin:auto;padding:0 20px;display:flex;position:relative}.main-container .header .header-container .right-menu,.main-container .header .header-container .right-menu .menu{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:auto;display:flex}.main-container .header .header-container .right-menu .menu .btn-menu{width:30px;min-width:30px;height:30px;padding:0}.main-container .header .header-container .right-menu .menu .btn-menu.note{background-color:#3c9f72;background-image:url(../media/btn_edit_pen_white.0jnvtsuf7mmk8.svg);background-position:50%;background-repeat:no-repeat;background-size:60%}.main-container .header .header-container .right-menu .menu .btn-menu.weffice-home{background-color:#a3ddff;background-image:url(../media/home_blue.0sk.s9ucv168u.svg);background-position:50%;background-repeat:no-repeat;background-size:75%}.main-container .header .header-container .right-menu .menu .btn-menu.pages-home{background-color:#d7c931;background-image:url(../media/home_white.0lwhvm0w2x4gb.svg);background-position:50%;background-repeat:no-repeat;background-size:60%}.main-container .header .header-container .right-menu .menu .btn-menu.dropdown{background-color:#a3ddff;background-image:url(../media/home_blue.0sk.s9ucv168u.svg);background-position:50%;background-repeat:no-repeat;background-size:75%}.main-container .body{z-index:100;background-color:#f2f2f2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:50px 0 0;display:flex;position:relative}.main-container .body .body-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;max-width:1600px;height:auto;min-height:calc(100vh - 100px);margin:auto;padding:20px;display:flex;position:relative}.main-container .body .main-body-message-box{flex-direction:column;justify-content:flex-start;align-items:center;gap:30px;width:100%;height:auto;min-height:70px;padding:20px;display:flex;position:relative}.main-container .body .main-body-message-box .main-body-message-box-content{opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:auto;transition:all .3s ease-in-out;display:flex}.main-container .body .main-body-message-box .main-body-message-box-content.hide{opacity:0}.main-container .body .main-body-message-box .main-body-message-box-content p{font-size:17pt}.main-container .body .main-body-message-box .main-body-message-box-content .btn{width:120px;height:50px}.main-container .body .main-body-note-summary-container{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:30px 2%;width:100%;height:auto;display:flex;position:relative}.main-container .body .main-body-note-summary-container a{aspect-ratio:3/4;width:18.4%;height:auto;position:relative}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item.loading{animation:1s ease-in-out infinite alternate loading-fade-reverse}.main-container .body .main-body-note-summary-container a .note-item.trans{opacity:0}.main-container .body .main-body-note-summary-container a .note-item:hover{border-width:0;transform:scale(1.03)rotate(2deg);box-shadow:0 0 10px #0000004d}.main-container .body .main-body-note-summary-container a .note-item:active{transform:scale(1.01)}.main-container .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}.main-container .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}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-title.gray{z-index:101;background-color:#f9f9f9;border-bottom:1px solid #f2f2f2}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-cover.small{height:calc(100% - 55px)}.main-container .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}.main-container .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%}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade.fade.in{opacity:1}.main-container .body .main-body-note-summary-container a .note-item .note-item-cover .note-item-cover-image-list-fade.fade.out{opacity:0}.main-container .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%}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-content.line3{height:110px}.main-container .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}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-cover+.note-item-content:before{background-color:#f8f8f8cc}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-content+.note-item-title:before{background-color:#efefeff2}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords{width:1px}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container a .note-item .note-item-bottom .note-item-keywords span.keyword.active{display:inline-block}.main-container .body .main-body-note-summary-container .note-item.more{aspect-ratio:3/4;width:18.4%;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}.main-container .body .main-body-note-summary-container .note-item.more.hide{display:none}.main-container .body .main-body-note-summary-container .note-item.more.trans{opacity:0}.main-container .body .main-body-note-summary-container .note-item.more:hover{opacity:1}.main-container .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}.main-container .body .main-body-note-summary-container .note-item.more button.btn-more:hover:after{transition:all .2s ease-in-out}.main-container .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)}.main-container .body .main-body-note-summary-container .note-item.more button.btn-more.hide{display:none}.main-container .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}.main-container .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}.main-container .body .main-body-note-summary-container .note-item-more-container.hide{display:none}.main-container .footer{z-index:100;background-color:#fcfcfc;border-top:1px solid #e9e9e9;width:100%;height:50px;min-height:50px}.main-container .footer .footer-container{border-radius:15px;flex-direction:row;justify-content:center;align-items:center;width:100%;min-width:600px;max-width:1600px;height:100%;margin:auto;padding:0 10px;display:flex}.main-container .footer .thanks-list{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;height:100%;padding:0 20px;display:flex;position:relative}.main-container .footer .thanks-list .list-container{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.main-container .footer .thanks-list .list-container .logo{color:#969696;font-family:Blue;font-size:15pt}.main-container .footer .thanks-list .list-container .btn-contact{color:#fff;background-color:#969696;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;padding:0;font-family:CloudSansCode;font-size:10pt;display:flex;position:relative}.main-container .footer .thanks-list .list-container .btn-contact:before{content:"";background-color:#0000;background-image:url(../media/btn_email_white.0skw3s4min936.svg);background-position:50%;background-repeat:no-repeat;background-size:65%;width:100%;height:100%;position:absolute;top:0;left:0}.main-container .footer .thanks-list .list-container .contact{color:gray;cursor:pointer;background-color:#f1f1f1;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:auto;height:22px;padding:0 15px;font-family:CloudSansCode;font-size:9pt;transition:opacity .3s ease-in-out;display:flex;position:relative;overflow:hidden}.main-container .footer .thanks-list .list-container .contact:hover{box-shadow:0 0 4px #0004ff33}.main-container .footer .thanks-list .list-container .contact:active{background-color:#f7dfff;transform:scale(1.05)}.main-container .footer .thanks-list .list-container .contact2{color:gray;cursor:pointer;background-color:#f1f1f1;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:auto;height:22px;padding:0 15px 0 80px;font-family:CloudSansCode;font-size:9pt;transition:opacity .3s ease-in-out;display:flex;position:relative;overflow:hidden}.main-container .footer .thanks-list .list-container .contact2:hover{box-shadow:0 0 4px #0004ff33}.main-container .footer .thanks-list .list-container .contact2:active{background-color:#f7dfff;transform:scale(1.05)}.main-container .footer .thanks-list .list-container .contact2:before{content:"contact";background-color:#e7e7e7;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:70px;height:100%;font-size:9pt;display:flex;position:absolute;top:0;left:0}.main-container .footer .thanks-list .list-container .item{cursor:pointer;opacity:.3;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:24px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:auto;height:auto;transition:opacity .3s ease-in-out;display:flex}.main-container .footer .thanks-list .list-container .item:hover{opacity:1}.main-container .footer .thanks-list .list-container .item.supabase{background-image:url(../media/supabase.0kqm.w8dn3sch.png);background-size:contain;width:120px;height:18px}.main-container .footer .thanks-list .list-container .item.google{background-image:url(../media/google_cloud.0i-ydapgi.xy2.svg);background-size:contain;width:140px;height:16px}.main-container .footer .thanks-list .list-container .item.react{flex-direction:row;justify-content:flex-start;align-items:center;width:80px;height:20px;padding:0 0 0 36px;font-size:11pt;font-weight:400;display:flex;position:relative}.main-container .footer .thanks-list .list-container .item.react:before{content:"";background-color:#0000;background-image:url(../media/react.0xpd3i.n3bq.n.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;top:0;left:10px}.main-container .footer .thanks-list .list-container .item.nextjs{background-image:url(../media/nextjs.0df53hwkgah7~.png);background-size:contain;width:100px;height:12px}.main-container .footer .thanks-list .list-container .item.nodejs{background-image:url(../media/nodejs.03nhqtd2twsr4.png);background-size:contain;width:70px;height:18px}.main-container .footer .thanks-list .list-container .item.jotai{background-image:url(../media/jotai.0s_b.u2b75jp3.svg);background-size:contain;width:70px;height:16px}