.page-top{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px}.page-top a{text-decoration:none;color:var(--color-main-hover)}.page-top a:hover{text-decoration:underline}.page-top .page-info{display:block;align-items:center}.page-top .page-info>div,.page-top .page-info>a,.page-top .page-info>span,.page-top .page-info>button{display:inline-flex;align-items:center}.page-top .page-time,.page-top .page-views,.page-top .page-comments,.page-top .page-voice,.page-top .page-read-time,.page-top .page-count{font-size:12px;color:var(--color-gray-dark);margin-right:16px;display:flex;align-items:center}.page-top .page-time .ic,.page-top .page-views .ic,.page-top .page-comments .ic,.page-top .page-voice .ic,.page-top .page-read-time .ic,.page-top .page-count .ic{margin-right:4px;font-size:16px;color:var(--color-gray)}.page-top .page-read-time .ic{margin-top:0}.page-top .page-comments,.page-top .page-voice{display:flex;align-items:center;margin-right:16px;color:var(--color-main-hover)}.page-top .page-comments button,.page-top .page-voice button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:var(--color-main-hover)}.page-top .page-comments .ic,.page-top .page-voice .ic{margin-top:1px;font-size:20px;color:var(--color-gray)}.page-top .page-comments:hover,.page-top .page-voice:hover{text-decoration:none}.page-top .page-voice .ic{margin-top:1px}.social-buttons .buttons-list{display:flex;align-items:center;justify-content:space-around;border-radius:12px;overflow:hidden;border:1px solid var(--color-gray-light)}.social-buttons .buttons-list a,.social-buttons .buttons-list button{display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray);text-decoration:none;width:100%;padding:14px 5px;line-height:1.2;border-right:1px solid var(--color-gray-light)}.social-buttons .buttons-list a:last-child,.social-buttons .buttons-list button:last-child{border-right:none}.social-buttons .buttons-list a:hover,.social-buttons .buttons-list button:hover{background-color:var(--color-sky-hover);color:var(--color-main-hover);text-decoration:none}.social-buttons .buttons-list a .ic,.social-buttons .buttons-list button .ic{font-size:20px}.social-buttons .buttons-list a .ic.ic-wa,.social-buttons .buttons-list button .ic.ic-wa{font-size:16px}.view-page{background-color:#fff;padding:16px;border-radius:20px;margin-bottom:16px;min-height:calc(70vh - 200px)}.view-page .content-page{max-width:880px}.view-page .content-page.full-screen{max-width:100%}.view-page .image-block{width:100%;margin-bottom:16px;max-height:510px;display:flex;justify-content:center;align-items:center}.view-page .image-block img{width:100%;margin:16px 0;border-radius:12px;overflow:hidden;object-fit:contain}.view-page .text h1,.view-page .text .h1,.view-page .text h2,.view-page .text .h2,.view-page .text h3,.view-page .text .h3,.view-page .text h4,.view-page .text .h4,.view-page .text h5,.view-page .text .h5,.view-page .text h6,.view-page .text .h6{margin-top:24px}.view-page .text a:not(.btn,.single-file-block,.author-contact-btn,.webinar-link){color:var(--color-blue);text-decoration:none}.view-page .text a:not(.btn,.single-file-block,.author-contact-btn,.webinar-link):hover{text-decoration:underline}.view-page .text .single-file-block,.view-page .text .btn,.view-page .text .author-contact-btn,.view-page .text .webinar-link{text-decoration:none;color:initial}.view-page .text .single-file-block:hover,.view-page .text .btn:hover,.view-page .text .author-contact-btn:hover,.view-page .text .webinar-link:hover{text-decoration:none;color:initial}.view-page .text ul li,.view-page .text ol li{margin-bottom:16px}.view-page .text ul li::marker,.view-page .text ol li::marker{color:var(--color-blue)}.view-page .text img{border-radius:12px}.view-page .text video{overflow:hidden;border-radius:12px}.view-page .text .single-file-block{padding:16px 30px 16px 16px;border-radius:16px;font-size:14px;background-color:var(--color-gray-light);display:inline-flex;align-items:center;margin-top:16px;color:var(--color-main);text-decoration:none;position:relative;width:100%}.view-page .text .single-file-block:hover,.view-page .text .single-file-block:focus{background-color:var(--color-sky-hover);text-decoration:none}.view-page .text .single-file-block:before{font-family:"ic",sans-serif;content:var(--ic-file);display:inline-block;position:relative;top:-5px;width:12px;height:16px;margin-right:12px}.view-page .text .single-file-block:after{content:"";position:absolute;right:16px;display:inline-block;border-right:2px solid var(--color-main);border-top:2px solid var(--color-main);-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:10px;height:10px}.page-row{display:flex;gap:16px;flex-direction:column-reverse}.page-container,.page-author{width:100%}.authors-side{position:relative;min-width:250px;padding-bottom:20px}.page-author{background-color:#fff;padding:16px;border-radius:20px;margin-bottom:16px}.page-author .author-info{display:flex;margin-bottom:16px;width:100%;justify-content:space-between}.page-author .author-info .label{display:inline-flex;padding:4px 8px;line-height:16px;justify-content:center;align-items:center;border-radius:8px;font-size:12px;border:1px solid var(--color-gray-light);margin-bottom:8px}.page-author .author-avatar{overflow:hidden;margin-left:12px;width:48px;height:48px;max-width:48px;max-height:48px;border-radius:50%;min-width:48px;min-height:48px}.page-author .author-avatar img{width:100%;height:100%;object-fit:cover}.page-author .author-name{display:block;font-weight:bold;color:var(--color-main);margin-bottom:4px;font-size:18px;text-decoration:none}.page-author .author-name .user-member{bottom:-1px;right:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-green)}.page-author .author-name .user-member .ic{font-size:17px;position:relative}.page-author .author-name .user-member .ic:after{content:"";position:absolute;bottom:0;right:0;width:17px;height:17px;z-index:0;border-radius:50%;background-color:var(--bg-color);transition:background-color 300ms ease}.page-author .author-name .user-member .ic:before{position:relative;z-index:1;transition:background-color 300ms ease}.page-author .author-name .user-member:hover .ic:before{text-decoration:none;color:var(--bg-color);transition:background-color 300ms ease}.page-author .author-name .user-member:hover .ic:after{background-color:var(--color-green);transition:background-color 300ms ease}.page-author .author-bio{font-size:14px;color:var(--color-gray-dark);margin-bottom:16px}.page-author .author-contact-btn{display:inline-flex;padding:8px 12px;justify-content:center;align-items:center;gap:4px;border-radius:12px;background:var(--color-sky);text-decoration:none;color:var(--color-blue)}.page-author .author-contact-btn:hover{background:var(--color-sky-hover);text-decoration:none}.tag-block{display:flex;flex-wrap:wrap;margin-bottom:16px}.tag-block .tag-btn{background-color:var(--bg-color);color:var(--color-main);border:none;height:auto;border-radius:12px;padding:8px 12px;font-size:12px;margin:4px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.tag-block .tag-btn:hover{background-color:var(--color-sky);text-decoration:none}.attachment-files{margin-top:24px}.attachment-files .attachment-file{display:inline-flex;align-items:center}.attachment-files .attachment-file .ic{margin-left:8px;font-size:23px}.zoom{cursor:pointer;border-radius:5px;-webkit-transform:scale(1);-khtml-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.zoom:hover{-webkit-transform:scale(1.01);-khtml-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);-moz-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1100;display:flex;justify-content:center;align-items:center}.zoom-overlay img{width:auto;max-width:80%;height:100%;object-fit:contain;max-height:90vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.zoom-overlay #close-zoom-image{position:absolute;font-family:serif;font-weight:100;z-index:2;top:10px;right:50px;background-color:transparent;border:0;color:#fff;font-size:40px;cursor:pointer}@media(min-width: 768px){.view-page{padding:24px;border-radius:24px}.content-body{display:flex;flex-direction:column}.content-body.sticky-sidebar{height:100%;gap:24px;flex-direction:row;justify-content:space-between}.page-top{font-size:14px;flex-direction:row;justify-content:space-between;align-items:center}.sticky-sidebar .social-buttons{position:sticky;height:fit-content;top:20px}.sticky-sidebar .social-buttons .buttons-list{flex-direction:column;padding:10px}.sticky-sidebar .social-buttons .buttons-list a,.sticky-sidebar .social-buttons .buttons-list button{border-right:none;border-bottom:1px solid var(--color-gray-light);width:auto;padding:10px 0}.sticky-sidebar .social-buttons .buttons-list a:last-child,.sticky-sidebar .social-buttons .buttons-list button:last-child{border-bottom:none}}@media(min-width: 991px){.page-top .page-info{display:flex;align-items:center}.page-row{flex-direction:row;height:100%;width:100%}.authors-side{position:sticky;top:30px}.page-container{width:67.3333%}.page-authors{width:33.3333%}.page-author .author-name{font-size:20px}}@media(min-width: 1170px){.page-container{width:70%}.page-authors{width:30%}.page-author .author-avatar{width:72px;height:72px;max-width:72px;max-height:72px;border-radius:50%;min-width:72px;min-height:72px}.view-page{padding:40px;border-radius:40px;margin-bottom:24px}.view-page .single-file-block{font-size:16px}.view-page .image-block{max-height:700px}.tag-block{display:flex;flex-wrap:wrap;margin-bottom:16px}.tag-block .tag-btn{font-size:16px;padding:8px 12px;margin:6px}}/*# sourceMappingURL=page.css.map */