body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.layout-container{position:relative}.layout-container,.layout-container-topic{width:90%;margin:70px auto auto}.font-roboto{font-family:"Roboto",sans-serif}.font-nunito{font-family:"Nunito",sans-serif}.font-bold{font-weight:700}.text-center{text-align:center}.btn-forum{border:none;background-color:#ff4e4e;color:#fff}.btn-forum,.btn-forum-outlined{min-width:100px;height:30px;cursor:pointer;font-weight:700;box-shadow:0 3px 6px 0 rgba(202,181,154,.3)}.btn-forum-outlined{background-color:#fff;border:1px solid #ff4e4e;color:#ff4e4e}.div-flex{display:flex}.div-justify-between{justify-content:space-between}.div-justify-center{justify-content:center}.div-align-center{align-items:center}.div-flex-wrap{flex-wrap:wrap}.margin-0{margin:0}.chevron-open{transform:rotate(-90deg)}.chevron-close,.chevron-open{width:15px;cursor:pointer;transition:.7s}.chevron-close{transform:rotate(90deg)}.chip-input-root{padding-top:3px!important;padding-bottom:3px!important}.chip-input{margin-bottom:-4px!important}.chip-input-label{top:-1px!important}.chip{margin:2px 8px 0 0!important}.helper-text{margin-bottom:-7px}.cursor-pointer{cursor:pointer}.search-container{width:350px;border:1px solid #ccc;background-color:#fff;position:fixed;right:6%;z-index:2100;top:120px;padding:15px;border-radius:10px}.backdrop-search{width:100%;height:100vh;cursor:pointer;position:fixed;z-index:2000}.search-container-field{width:100%;padding:6px;border-radius:50px;border:none;outline:none;font-size:16px;margin-bottom:10px}.empty-beranda{width:300px}.react-pdf__Page__canvas{height:unset!important}.breadcrump{width:100%;height:40px;display:flex;align-items:center;top:72px}.breadcrump img{width:10px;margin:0 10px}.prev-breadcrump{color:#ff4e4e!important}.current-breadcrump,.prev-breadcrump{font-family:"Lato",sans-serif;font-size:12px;margin:0}.current-breadcrump{color:#171c26;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block}.btn-remove-capital{text-transform:none!important}@media screen and (max-width:668px){.breadcrump{padding:20px}.empty-beranda,.layout-container{width:100%}.layout-container{width:98%}}.loading-wrapper{z-index:500;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-wrapper,nav{position:fixed;width:100%}nav{margin:auto;top:0;overflow:hidden;background-color:#d5ebf4;z-index:1300;-webkit-appearance:none;-moz-appearance:none;appearance:none}.navbar{width:90%;padding:15px;margin:auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{max-width:100px;max-height:100px}.navbar-logo img{width:100%}.nav-item{width:70%}.nav-item ul{list-style-type:none;margin:0;padding:0}.nav-item ul li{display:inline}.nav-item ul li a{font-family:"Ibarra Real Nova",serif;color:#252525;padding:14px 24px;font-size:18px;font-weight:700}.nav-login-btn{width:75px}.download-cataloge-btn,.nav-login-btn{height:37px;border:none;background-color:#faf7f3;cursor:pointer;font-weight:700;box-shadow:0 3px 6px 0 rgba(202,181,154,.3)}.download-cataloge-btn{width:150px}.mobile-menu{max-height:100%;width:100%;position:fixed;background-color:#e9ddcc;display:flex;flex-direction:column;overflow-x:scroll;z-index:2000;top:0}.mobile-menu-head{padding:20px;display:flex;justify-content:space-between;color:#171c26;font-family:"Ibarra Real Nova",serif}.mobile-menu-head img{width:8%}.mobile-menu-head h1{margin:0}.mobile-menu-list{padding:10px 20px 20px}.hidden{display:none}.mobile-menu-list{height:200vh;padding:60px 20px 20px;display:flex;flex-direction:column}.mobile-menu-list h6 a{font-family:"Ibarra Real Nova",serif;font-weight:700;font-size:24px;text-decoration:none;margin-bottom:10px}.profile-circle{width:35px;height:35px;border-radius:100%;object-fit:cover;cursor:pointer}.profile-tooltip{width:250px}.tooltip-item{padding:10px 20px;cursor:pointer;background-color:#fff}.tooltip-item:hover{background-color:#efefef}.item-link{padding:5px 20px;cursor:pointer;background-color:#fff}.item-link:hover{background-color:#efefef;color:#ff4e4e}.kursusqu{font-size:14px}@media screen and (max-width:668px){.nav-item,.nav-login-btn{display:none}.hamburger{position:absolute;cursor:pointer;right:5%;text-align:right;transition:background-position .5s}.line{width:30px}.line,.line-middle{height:3px;background:#8cbbcc;margin:5px}.line-middle{width:25px}.navbar-logo{width:135px}.navbar{width:95%}.kursusqu{display:none}.profile-tooltip{width:100%}}.digital-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.digital-grid-item{padding:10px 5px;border:.5px solid #ccc;background-color:#fff}.digital-title{width:300px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-image:linear-gradient(97deg,#2d333f,#ff4e4e 103%);border-radius:10px;padding:10px 20px}.digital-title p{margin:0;color:#fff}.digital-topic p{font-weight:700;font-size:12px}.digital-topic-flex{display:flex;flex-wrap:wrap}.topic-item{padding:10px;border-radius:35px;display:flex;justify-content:center;align-items:center;cursor:pointer}.topic-item p{margin:0}.active{background-color:#ff4e4e;color:#fff}.topic-logo{width:100px}.digital-desc{padding:10px;color:#000;font-weight:700}.kategori-favorit{padding:10px;width:200px;cursor:pointer;color:#ff4e4e;font-weight:700}.kategori-favorit-active p,.kategori-favorit p{font-size:12px}.kategori-favorit-active{padding:8px 20px;width:160px;cursor:pointer;color:#fff;font-weight:700;border-radius:20px;background-color:#ff4e4e;display:flex;align-items:center}.kategori-favorit-active img{width:15px;margin-left:15px}@media screen and (max-width:668px){.topic-logo{width:80px}.digital-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px}.digital-section h1,.greeting-text h1{font-size:14px}.digital-section p{font-size:12px}}.footer-wrapper{width:100%;background-color:#f5f5f5;color:#262626;padding:50px;display:flex}.footer-link{width:25%}.footer-link h4{margin-top:0}.footer-link p{font-weight:400}.footer-link p:hover{color:#ff4e4e}.footer-download{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.footer-download h4{margin-top:0}.footer-download{width:35%}.footer-download img{width:130px}.footer-copyright{width:100%;background-color:#f0efef;color:#262626;padding:30px 50px;display:flex;justify-content:space-between}.footer-copyright a svg{width:20px;height:20px}@media screen and (max-width:668px){.footer-wrapper{flex-direction:column;grid-gap:10px;gap:10px}.footer-wrapper>div{width:100%;text-align:center}.footer-download{text-align:center;align-items:center}.footer-copyright{align-items:center}.footer-copyright,.footer-sosmed{flex-direction:column;grid-gap:10px;gap:10px}}.home-grid{display:grid;grid-template-columns:25% 50% 25%;grid-gap:15px}.home-filter{width:100%;border-radius:20px;background-color:#eee;padding:20px}.center-grid{position:relative}.kategory-item{width:100%;padding:15px;border-radius:10px;cursor:pointer;margin:10px 0}.kategory-item p{font-size:14px;font-weight:700}.active-kat{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.16)}.beranda-info{margin:10px 0}.amount-diskusi{color:#000;font-weight:400}.beranda-sort{display:flex}.beranda-sort-item{padding:2px 14px;border-radius:10px;cursor:pointer}.beranda-sort-active{background-color:#ff4e4e;color:#fff}.beranda-sort-active p span{color:#fff!important}.beranda-sort-item p{font-size:12px;font-weight:700}.beranda-sort-item p span{color:#ff4e4e}.beranda-hr{height:2px;background-color:#ffb8b8}.beranda-hr,.card-wrapper{width:100%;margin-bottom:20px}.card-wrapper{box-shadow:0 5px 10px 0 rgba(0,0,0,.15);background-color:#fff;position:relative}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.ava-circle{width:40px;height:40px;border-radius:100%;object-fit:cover}.header-author p{font-size:12px}.header-timestamp p{font-size:10px!important;color:#777}.card-content{margin-bottom:20px;padding:2px 20px 0}.card-title{margin:10px 0}.card-desc{margin:0;font-size:16px}.card-desc a:hover{border-bottom:1px solid grey}.card-footer{display:flex;padding:15px 20px;justify-content:space-between}.footer-action{display:flex;align-items:center;margin:0 5px;cursor:pointer;padding:5px}.footer-action:hover{background-color:#ebf5ff;border-radius:5px}.footer-action p{font-size:13px;font-weight:700}.footer-action img{margin-right:10px;width:20px}.hashtag-section{width:50%;display:flex;flex-wrap:wrap}.comment-section{width:30%;display:flex}.comment-section>div{margin-left:20px}.status-section{width:20%;display:flex;align-items:center}.status-section>div{margin-left:20px}.hashtag-item{margin:0 10px 5px 0;font-weight:700;color:#ff8383;font-size:12px;cursor:pointer}.comment-section img{width:20px;cursor:pointer}.comment-section p{font-size:14px;font-weight:700}.status-section img{width:20px;cursor:pointer}.status-section p{font-size:14px;font-weight:700}.fix-menu-beranda{background-color:#fff;z-index:4;top:68px}.fix-menu-beranda,.fix-menu-filter{position:-webkit-sticky;position:sticky;width:100%}.fix-menu-filter{top:72px;overflow-y:auto;max-height:90vh}.card-file,.file-gambar{width:100%}.react-pdf__Page__canvas,.react-pdf__Page__textContent{width:100%!important}.pdf-chevron-left{width:35px;height:35px;border-radius:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:50%;left:10px}.pdf-chevron-left img{width:20px;transform:rotate(180deg)}.pdf-chevron-right{width:35px;height:35px;border-radius:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:50%;right:10px}.pdf-chevron-right img{width:20px}.pdf-info-slide{padding:10px;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;cursor:pointer}.pdf-info-slide p{color:#fff;font-size:12px}.search-wrapper{position:relative}.search-field{width:100%;padding:6px;border-radius:50px;border:1px solid #ccc;outline:none;font-size:16px}.fix-menu-search{position:-webkit-sticky;position:sticky;width:86%;top:72px}.hashtag-item-right{margin:15px 0;font-weight:700;color:#ff8383;font-size:13px;cursor:pointer}.menu-beranda-mobile{display:none}.beranda-mobile-head{padding:20px 25px 15px}.beranda-mobile-info{padding:0 25px 15px}.chevron-mobile-sort{transform:rotate(90deg);width:13px}.beranda-mobile-info p{font-size:12px}.search-mobile{width:13px}.card-container{padding:20px 20px 0}.cdhx-kat{padding:10px 10px 10px 20px}.card-option{position:relative}.card-option img{cursor:pointer;width:20px}.option-container{position:absolute;right:-35px;top:-7px;background-color:#fff;z-index:3;box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.option-backdoor{position:absolute;width:100%;height:100%;cursor:pointer;z-index:2}.footer-text-action{margin-right:10px}.card-action{display:flex}.card-comment{display:flex;padding:20px;background-color:#f8f8f8}.card-comment-wrapper{width:100%}.comment-textarea{border-radius:5px;border:1px solid #ccc;background-color:#fff;width:100%;margin-bottom:10px;padding:1px}.comment-field{width:100%;outline:none;border:0;font-size:14px;padding:7px;resize:none;min-height:30px}.react-pdf__Page__canvas{width:100%!important;height:100%!important}@media screen and (max-width:668px){.option-container{right:-20px}.card-container{padding:0}.fix-menu-beranda{width:100%;left:0;right:0;top:67px}.home-grid{grid-template-columns:100%}.left-grid,.menu-beranda-desktop,.right-grid{display:none}.menu-beranda-mobile{display:block}.hashtag-section{width:100%;display:flex;flex-wrap:wrap}.comment-section{width:unset;display:flex}.comment-section>div{margin-left:15px}.status-section{width:unset;display:flex;align-items:center}.status-section>div{margin-left:15px}.search-field{width:100%;padding:10px;border-radius:50px;border:1px solid #ccc;outline:none;font-size:18px}.footer-action{display:flex;align-items:center;margin:0 5px;cursor:pointer;padding:2px}.footer-action img{margin-right:8px;width:20px}.card-footer{grid-gap:10px;gap:10px;flex-direction:column}.card-action{justify-content:space-between}}.chevron-back{width:25px;height:25px;border-radius:100%;background-color:#ff4e4e;display:flex;justify-content:center;align-items:center;cursor:pointer}.chevron-back img{width:13px;transform:rotate(180deg)}.search-icon{width:90%;border-radius:10px;border:1px solid #ccc;outline:none;font-size:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTMjIyMjIyMnJyc/Pz8jIyMjIyMfHx3Z2dsjIyMfHx8jIyMjIyMnJycjIyIqKinZ2dsjIyHh4eHd3d8jIyHd3d+2u8rUAAAAUdFJOUwCA2CUQZ/DAoKBA77BQv9aQkGDwFSOMYgAAAKpJREFUKM+dUNsWwyAIo7VKtZf1gv//qwPnEXXry/JEiEICgMAM+0LLbidoMHnKWIamP5Jinbq+wxWT4osgc5zVkTb3jRCTieV6zPXAta5cmW2fUiarEaNbHBFWFqlQehK6H0qxMgWwMTvVobqSZyEHd1UoX+VIQcjLtJCOE5pQfFg+vOAVj++rp36Mc/ljXW6PIcZGgc0j4snjj14pmP9VbnhQLvip3Be8AZSZD2RX2LDRAAAAAElFTkSuQmCC) no-repeat scroll 7px 7px;padding:8px 8px 8px 40px;background-size:18px;background-position:11px}.more-container{padding:5px;border-radius:10px;background-color:#ff4e4e;color:#fff;font-size:12px;width:180px;margin:10px 0 20px;text-align:center;cursor:pointer}.search-category{padding:10px 0}@media screen and (max-width:668px){.search-category{padding:10px 20px}}.fix-menu-author{position:-webkit-sticky;position:sticky;width:100%;top:72px}.author{width:100%;border-radius:20px;background-color:#eee;padding:20px}.author-head{font-size:14px}.author-ava{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:10px}.author-ava img{width:100px;border-radius:100%;object-fit:cover}.comment-wrapper{box-shadow:0 5px 10px 0 rgba(0,0,0,.15);background-color:#fff}.comment-wrapper,.comment-wrapper-on-card{width:100%;padding:20px 20px 0;margin-bottom:20px;position:relative}.comment-wrapper-on-card{background-color:#f8f8f8}.comment-ava{margin-right:10px;display:flex;flex-direction:column;align-items:center}.comment-ava img{margin-bottom:10px}.comment-ava-img{width:30px;height:30px;border-radius:100%;object-fit:cover}.comment-head p{font-size:12px}.comment-content{width:90%;margin-top:8px}.comment-desc{width:90%;margin-top:5px}.comment-desc p{color:#000}.comment-footer{margin-top:10px;position:relative;width:93%}.comment-icon img{width:18px}.comment-action p{color:#ff4e4e;font-size:12px;margin:0 5px;cursor:pointer}.margin-left20{margin-left:20px}.margin-left60{margin-left:60px}.sub-comment-content{background-color:#eee;border-radius:0 20px 20px 20px;padding:10px 20px;width:100%}.sub-coment-head p{font-size:12px}.sub-comment-desc{width:95%;margin-top:10px}.sub-comment-desc p{color:#000}.comment-item{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-end}.detail-header-mobile{display:none}.author-mobile{display:none;background-color:#fff;top:68px;width:100%;z-index:1000}.author-mobile-profile{display:flex;align-items:center}.author-mobile-profile img{width:30px;border-radius:100%;object-fit:cover;margin-right:5px}.icon-status{width:16px!important;margin:0!important}.icon-status-wrapper{text-align:center;margin-bottom:5px}.icon-status-wrapper p{font-size:12px}@media screen and (max-width:668px){.comment-footer{width:100%}.detail-header-desktop{display:none}.author-mobile,.detail-header-mobile{display:block}}.login-container{width:85%;margin:auto;display:flex;justify-content:space-between;min-height:550px;overflow-y:auto}.login-card{width:35%;box-shadow:0 5px 10px 0 rgba(0,0,0,.15);background-color:#fff}.login-head{display:flex;justify-content:center;align-items:center;padding:10px}.login-head img{width:160px}.login-hr{width:100%;height:1.2px;background-color:#ccc}.login-field{padding:40px}.login-input{width:100%;height:30px;border:1px solid #ccc;outline:none;padding:20px 10px;font-size:18px;border-radius:10px}.login-label{margin-bottom:10px}.login-password{position:relative}.login-eye{position:absolute;right:15px;top:8px;cursor:pointer}.btn-login{min-width:100%;height:38px;border:none;background-color:#ff4e4e;cursor:pointer;font-weight:700;color:#fff;box-shadow:0 3px 6px 0 rgba(202,181,154,.3)}.login-bg{width:50%}.error-msg{width:100%;padding:10px;border:1px solid red;color:red;border-radius:10px;margin-bottom:20px}.field-error{color:red;margin:10px 0;font-size:12px}@media screen and (max-width:668px){.login-container{flex-direction:column-reverse}.login-bg{width:100%}.login-card{width:100%;box-shadow:0 5px 10px 0 rgba(0,0,0,.15);background-color:#fff}.login-field{padding:20px}}.modal{align-items:center;justify-content:center}.modal,.modal-profile{display:flex;border-radius:10px;z-index:5000;position:fixed!important}.modal-profile{align-items:flex-start;justify-content:flex-end;margin-top:20px;margin-right:20px;padding:10px}.modal-content{outline:0;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;max-height:80vh;width:100%;overflow-y:auto}.modal-content p{font-size:16px}.modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between}.modal-header img{cursor:pointer}.modal-header h2{font-family:"Lato",sans-serif;color:#252525;font-size:20px;margin:0}.modal-body{padding-left:20px;padding-right:20px;padding-top:0;min-height:100px}.modal-content .modal-hr{border:1px dashed #ccc}.modal__field{width:100%}.modal-footer{display:flex;justify-content:flex-end;padding-bottom:20px}.alert-container,.confirm-container{padding:10px;text-align:center}.p-filter{color:#252525}.p-filter,.p-filter2{font-size:12px;margin:0}.p-filter2{color:#777;font-weight:700}.diskusi-field{width:100%;outline:none;border:1px solid #ccc;font-size:18px;padding:10px}.file-diskusi img{width:25px;margin:0 10px;cursor:pointer}.diskusi-footer{display:flex;align-items:center;justify-content:space-between}.tag-diskusi{width:60%}.cancel-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:rgba(0,0,0,.7);position:absolute;top:10px;right:10px;cursor:pointer}.sortir-item-active{background-color:#ff4e4e;color:#fff}.sortir-item,.sortir-item-active{width:100%;padding:10px;border-radius:10px;cursor:pointer;margin:10px 0;font-size:18px}.sortir-item{background-color:#fff;color:#000}.delete-container{padding:20px 50px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.delete-title{font-size:18px!important;margin-bottom:0}.delete-desc{font-size:14px!important}@media screen and (max-width:768px){.modal-content{width:100%;outline:0;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff}.modal-header h2{font-size:18px}.modal{align-items:flex-end}.diskusi-footer{flex-direction:column;align-items:unset;justify-content:center}.tag-diskusi{width:100%}}
/*# sourceMappingURL=main.f784df64.chunk.css.map */