/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/html{-moz-tab-size:4;-o-tab-size:4}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}@-webkit-keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite}.appearance-none{-moz-appearance:none}.gap-x-8{-moz-column-gap:2rem}.gap-x-4{-moz-column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem}@import url("https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap");body,html{font-family:Hind,sans-serif!important;color:#000;min-height:100vh;min-height:100%;width:100%;min-width:100%}body.mobile-open{overflow:hidden}body>#__next{min-height:100vh;width:100%}body>#__next main{min-height:calc(100vh - 238px)}.text-default{color:#004e93}.text-secondary{color:#008bd2!important}.border-secondary{border-color:#32c6f5!important}.border-secondary:hover{background-color:#32c6f5!important;color:#fff!important}.text-blue-light{color:#32c6f5}.text-orange{color:#f1921f}.bg-brand{background-color:#004e93}.bg-secondary,.thumbnail .lazyload-wrapper,.thumbnail .loader,figure .lazyload-wrapper,figure .loader{background-color:#008bd2!important}.bg-yellow{background-color:#f2c94c}.bg-orange{background-color:#f1921f}.bg-gray{background-color:#bdbdbd}.aligncenter{display:block;margin-left:auto;margin-right:auto}.thumbnail,figure{max-width:100%}.figure-img{display:inline-block;margin:0 0 1rem}.thumbnail .lazyload-wrapper,.thumbnail .loader,figure .lazyload-wrapper,figure .loader{display:flex;background-image:url(https://res.cloudinary.com/dmjkiarn3/image/upload/v1696499008/Blibli_icon_lchcsp.png);background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.thumbnail .loader,figure .loader{top:0;left:0;min-height:222px}.thumbnail .lazyload-wrapper,figure .lazyload-wrapper{min-height:130px;border-radius:16px}.thumbnail img,figure img{height:auto;-o-object-fit:cover;object-fit:cover}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal.show{display:block}.header-modal.show .menu-content{background-color:#fff;width:100%;height:100%;padding:28px 23px;overflow-y:auto}.header-modal.show .menu-content .mobile-menu-wrapper,.header-modal.show .menu-content .mobile-profile-wrapper,.header-modal.show .menu-content .submenu-mobile{max-width:360px;margin:0 auto}.footer-media{border-bottom:16px solid #008bd2}.footer-media .border-accent{margin-bottom:-16px}.footer-media .border-accent .border-footer{height:16px;background-color:#f1921f}.footer-post .post-summary span{color:#e5e5e5;font-size:14px}.footer-post .post-summary .title-produk{color:#fff;font-size:18px}.footer-post .post-summary .title-produk:hover{color:#32c6f5}.footer-post .post-summary .h6{color:#32c6f5;display:block;font-weight:700;font-size:14px;margin-bottom:8px;text-transform:uppercase}.notfound .notfound-content .h1 span{font-size:288px}.notfound .half-bottom-group{width:80%}.notfound .half-bottom-group .mid-group{width:30%}@media only screen and (max-width:500px){.form-verify{margin-top:36px}.notfound .notfound-content .h1 span{font-size:102px}}.embed-product-body{display:block;max-width:500px;margin:0 auto 30px;position:relative;border:2px solid #008bd2;border-radius:15px;overflow:hidden}.embed-product-body .shadow{padding:15px}.embed-product-card{max-width:500px}.embed-product-card img{margin-bottom:16px;box-shadow:none!important;border-radius:0;max-width:240px!important;margin-left:auto;margin-right:auto}.embed-product-body:hover .shadow{transform:scale(1.1);transition:all .5s;margin:10px;padding-bottom:30px;padding-top:30px}.embed-container{max-width:500px;padding:5px}.embed-container .embed-product_name{font-size:16px;font-weight:700;text-align:center;display:inline-block;vertical-align:middle}.embed-container .embed-descriptions{font-size:13px;display:inline-block;vertical-align:middle;margin:0}.embed-container .embed-footer{list-style-type:none;margin:0;padding:0;overflow:hidden}.embed-container .embed-footer li{float:left}.embed-container .embed-footer .test:hover{box-shadow:0 currentColor}.embed-footer .embed-price{color:#f1921f;font-weight:700;margin:0;font-size:14px}.embed-container .embed-footer+div .block{width:100%;height:100%;padding:8px 16px;text-align:center;display:block;border-radius:8px;background-color:#008bd2;margin-top:12px;color:#fff!important}.notfound .notfound-content{margin:auto;max-width:530px}.notfound .notfound-content .h1{max-height:288px}.notfound .notfound-content .h1 .txt-end,.notfound .notfound-content .h1 .txt-start{color:#008bd2}.notfound .notfound-content .h1 .txt-mid{color:#dcf4ff}.notfound .half-bottom-group .start-group .illustrasi-plant-group{margin-right:-55px;margin-bottom:-1px}.notfound .half-bottom-group .start-group .illustrasi-man-group .illustrasi-man{z-index:-1}.notfound .half-bottom-group .mid-group{min-height:124px;width:90%;display:block}.notfound .half-bottom-group .mid-group .text-mid{color:#323232}.notfound .half-bottom-group .mid-group .btn-group{max-width:216px}.notfound .half-bottom-group .mid-group .btn-group .btn-home{max-width:215px;min-height:44px;background:#008bd2;border-radius:8px}.notfound .half-bottom-group{width:100%;margin:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}.notfound .notfound-content .h1 span{font-size:288px}.notfound .half-bottom-group{width:80%}}@media only screen and(max-width:400px){.headline .header{max-width:328px;min-height:74px}.headline .header .h2{font-size:18px}.headline .header .h2 span{font-size:15px}.h4{font-size:24px!important}.home-bg{background-image:url(/images/bg-1.png),url(/images/bg-2.png);background-position:left 260px,right 900px;background-repeat:no-repeat,no-repeat}.notfound .notfound-content .h1 span{font-size:1rem}}.thumbnail-hover{transition:.2s ease-in-out;border-radius:16px}.thumbnail-hover:hover{filter:black;-webkit-filter:brightness(.8);border-radius:16px}.txt-look{font-size:16px;color:#0095da}.txt-look:hover{color:#32c6f5}.icon-arrow{margin-bottom:3px}.post-summary h3,.post-summary h4{font-weight:700;line-height:140%}.post-summary h3{font-size:18px}.post-summary h4{font-size:16px;text-transform:uppercase;color:#004e93}.post-summary .h6{font-weight:700;display:block;text-decoration:none}.post-summary .h6:hover{color:#0095da}.post-summary .price{font-size:14px;font-weight:700}.post-summary .text-muted{color:#828282;font-weight:500;font-size:16px}.post-summary .title-produk{font-size:24px;color:#000;font-weight:700;text-decoration:none}.post-summary .title-produk:hover{color:#008bd2}.post-summary .writer-name{font-size:16px}.post-summary span{color:#6e6e6e}.home-bg{background-image:url(/images/bg-1.png),url(/images/bg-2.png);background-position:left 300px,right 1000px;background-repeat:no-repeat,no-repeat;max-width:1440px;margin:0 auto}.headline:before{content:"";display:block;width:90%;height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(270deg,#f0faff,#dcf4ff);border-radius:0 50px 50px 0;z-index:1}.headline .header{padding:20px 27px;width:379px;height:88px;border-radius:20px;position:relative;z-index:5}.headline .header:before{content:" ";display:block;position:absolute;left:37px;top:-15px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:32px solid #f1921f}.headline .header h3{line-height:normal;margin-bottom:0;font-size:24px;font-weight:600}.headline .header h3 span{font-size:60%;display:block;font-size:18px;font-weight:600}.headline-main .thumbnail{max-height:380px;margin-bottom:15px!important;border-radius:16px!important;display:block;box-shadow:0 4px 64px -8px rgba(0,0,0,.25)}.headline-main .thumbnail .loader{min-height:380px}.headline-main .thumbnail .img-fluid{border-radius:16px;box-shadow:0 8px 64px -16px rgba(0,0,0,.25)}.headline-main .post-summary .h6{margin-top:24px}.headline-main .post-summary .title-produk{font-size:36px;font-weight:700;color:#000}.headline-side .card-side{font-size:24px}.headline-side .thumbnail{max-width:180px;height:168px;border-radius:16px;box-shadow:0 4px 64px -8px rgba(0,0,0,.25)}.headline-side .thumbnail img{min-height:168px;max-width:300px}.headline-side .post-summary{margin-left:16px}.headline-side .post-summary .title-produk{font-size:24px}.headline-side .post-summary h3{font-size:16px;font-weight:700}.headline-side .post-summary .text-wrap{font-size:16px}.trending-post .card:hover .thumbnail{transform:scale(1.08)}.trending-post .card .thumbnail{transition:.4s ease}.trending-post .h4{font-size:36px;font-weight:700}.trending-post .h6{color:#32c6f5}.trending-post .card{height:226px;overflow:hidden;position:relative;padding:20px;box-shadow:0 4px 14px -8px rgba(0,0,0,.25);border-radius:16px}.trending-post .card:after{display:block;content:" ";position:absolute;background-color:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;z-index:3}.trending-post .card .thumbnail{position:absolute;top:0;left:0;z-index:1;width:100%}.trending-post .card .thumbnail img{width:auto!important;min-width:100%;min-height:226px}.trending-post .card .thumbnail .img-fluid{box-shadow:0 4px 64px -8px rgba(0,0,0,.25);border-radius:16px}.trending-post .card .post-summary{position:relative;z-index:5;min-height:100%;padding-bottom:27px}.trending-post .card .post-summary h4{margin-bottom:15px}.trending-post .card .post-summary .text-muted{position:absolute;bottom:0;left:0}.trending-post .card .post-summary .text-muted span{color:#fff}.trending-post .card .post-summary .h6{color:#32c6f5}.trending-post .card .post-summary .h6:hover,.trending-post .card .post-summary .title-produk{color:#fff}.trending-post .card .post-summary .title-produk:hover{color:#32c6f5}.obrolan .thumbnail img{box-shadow:0 4px 64px -8px rgba(0,0,0,.25);border-radius:16px;min-width:100%;height:auto}.obrolan .post-summary{margin-top:24px}.obrolan .post-summary .h6{margin-top:20px}.obrolan .h4{font-size:36px}.home-writer .h4{font-size:24px}.home-writer .highlight{border-radius:15px;border:2px solid #008bd2;padding:0 20px 20px}.home-writer .highlight h5{font-size:16px;font-weight:700}.home-writer .highlight .avatar{width:80px;height:80px;margin:-40px auto 15px}.home-writer .highlight .avatar img{min-height:80px;max-width:100px;position:relative;transform:translate(-50%,-50%);top:50%;left:50%}.home-writer .highlight:hover{border:2px solid #32c6f5}.home-writer .writer-list-avatar .avatar{width:52px;height:52px;border:2px solid #008bd2}.home-writer .writer-list-avatar .avatar:hover{border:2px solid #32c6f5}.home-writer .writer-rank-list{margin-bottom:15px}.home-writer .writer-rank-list>.d-flex{border-width:2px}.home-writer .writer-rank-list:first-child{padding:8px}.home-writer .writer-rank-list:first-child .avatar{margin-right:15px}.home-writer .writer-rank-list:first-child>img{margin:0 15px}.home-writer .writer-rank-list h5{font-size:16px;margin-bottom:8px;font-weight:600}.home-writer .writer-rank-list>.d-flex{border-style:solid;margin-right:20px}.home-writer .writer-rank-list>.d-flex>img{margin:0 15px}.home-writer .writer-rank-list>.d-flex.bg-orange{border-color:#f1921f}.home-writer .writer-rank-list>.d-flex.bg-yellow{border-color:#f2c94c}.home-writer .writer-rank-list>.d-flex.bg-gray{border-color:#bdbdbd}.home-writer .writer-rank-list .avatar{width:64px;height:64px}.home-writer .writer-rank-list .avatar img{min-height:64px;max-width:80px;position:relative;transform:translate(-50%,-50%);top:50%;left:50%}.half-bottom{position:relative;margin-top:100px}.half-bottom:after{display:block;width:100%;height:100%;position:absolute;content:"";top:130px;left:0;z-index:-1;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),linear-gradient(270deg,#f0faff,#dcf4ff)}.half-bottom .home-kuis{margin-top:-100px;border-radius:16px}.half-bottom .home-kuis .home-kuis-group{display:flex}.half-bottom .home-kuis .thumbnail{height:167px;margin-bottom:15px!important;display:block}.half-bottom .home-kuis .thumbnail img{width:auto!important;min-width:100%;max-width:400px;min-height:167px}.half-bottom .home-kuis .post-summary{margin-top:5px}.half-bottom .home-kuis .related .thumbnail{height:216px}.half-bottom .home-kuis .related .thumbnail img{min-height:216px}.half-bottom .produk-list{box-shadow:0 4px 64px -8px rgba(0,139,210,.25);border-radius:32px}.half-bottom .produk-list .h4{font-size:36px;color:#004e93}.half-bottom .home-rekomendasi .thumbnail{border-radius:16px!important;box-shadow:0 8px 64px -16px rgba(0,0,0,.25);height:82px}.half-bottom .home-rekomendasi .thumbnail img{min-height:82px}.half-bottom .home-rekomendasi .h4{font-size:36px}.half-bottom .home-rekomendasi .txt-look{color:#0095da}.half-bottom .home-rekomendasi .txt-look:hover{color:#32c6f5}.half-bottom .home-video .thumbnail{position:relative;overflow:hidden;max-width:173px;min-height:104px;border-radius:15px}.half-bottom .home-video .thumbnail button,.half-bottom .home-video .thumbnail img,.half-bottom .home-video .thumbnail span{position:absolute}.half-bottom .home-video .thumbnail img{top:0;left:0;z-index:1;min-height:104px;min-width:100%}.half-bottom .home-video .thumbnail span{z-index:3;background-color:#000;font-size:12px;right:10px;bottom:10px}.half-bottom .home-video .thumbnail button{z-index:3;top:10px;left:10px}.half-bottom .home-video .thumbnail .time{width:39px;height:18px;display:flex;align-items:center;justify-content:center}.half-bottom .home-video .video-summary{margin-left:16px;margin-top:-10px}.half-bottom .home-video .video-summary .title-video{color:#000;text-decoration:none;font-size:18px}.half-bottom .home-video .video-summary .title-video:hover{color:#32c6f5}.half-bottom .home-video .video-summary span{font-size:16px;color:#6e6e6e}.half-bottom .home-video .video-summary .text-muted{font-size:16px;color:#6e6e6e;line-height:20px}.half-bottom .home-video .video-summary .h5{font-style:normal;font-weight:700;font-size:18px;line-height:24px;color:#000}.half-bottom .home-topik .btn-tag{height:35px;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:8px;color:#0095da;font-weight:600;font-style:normal;font-size:12px;padding-left:16px;padding-right:16px}.half-bottom .home-topik .btn-tag:hover{background:#dcf4ff;border:1px solid #008bd2}.txt-copy{color:#e5e5e5}.footer-media{color:#fff;background:#004e93}.footer-media .footer-post{color:#fff}.footer-media .footer-media:hover{color:#32c6f5}.lists.produk-group .item-produk+.item-produk{padding:0 0 0 16px}.lists.produk-group .items{border:2px solid #008bd2;border-radius:15px;overflow:hidden;padding:15px;cursor:pointer}.lists.produk-group .items .product-link{position:absolute;width:100%;height:100%;top:0;left:0}.lists.produk-group .items .product-group{width:180px;height:292px}.lists.produk-group .items .produk-summary .small{text-decoration:line-through}.lists.produk-group .items .produk-summary .h5{color:#000}.lists.produk-group .items .produk-summary .h5,.lists.produk-group .items .produk-summary span{font-weight:700;font-size:14px}.lists.produk-group .items:hover{border:2px solid #32c6f5}article .judul{font-size:18px}@media (min-width:768px){.footer-media .footer-post .border-md-0>div{border-bottom:none}.footer-media .footer-post .h6{color:#32c6f5}.footer-media .footer-post .title-produk{color:#fff;font-size:18px}.footer-media .footer-post .text-muted span{color:#e5e5e5}.half-bottom .home-rekomendasi .thumbnail,.half-bottom.profile-stats .thumbnail{min-width:278px;max-width:278px;height:167px;box-shadow:0 8px 64px -16px rgba(0,0,0,.25);margin-right:1.5rem}.half-bottom .home-rekomendasi .thumbnail img{min-height:167px!important;min-width:100%}.lists.produk-group{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-column-gap:15px}.lists.produk-group .items{min-height:100%}.notfound .half-bottom-group .mid-group{min-height:124px;width:30%}article .judul{font-size:36px}}@media (min-width:992px){.lists.produk-group{grid-template-columns:repeat(5,1fr)}.lists.produk-group .items{width:auto}}@media only screen and (max-width:760px){.icon-arrow{width:20px;height:20px}.post-summary .h6{font-size:14px}.post-summary .title-produk{font-size:20px}.post-summary span{font-size:14px}.footer-post .post-summary .title-produk{color:#fff}}@media only screen and (max-width:400px){.headline .header{max-width:328px;min-height:74px}.headline .header .h2{font-size:18px}.headline .header .h2 span{font-size:15px}.h4{font-size:24px!important}.home-bg{background-image:url(/images/bg-1.png),url(/images/bg-2.png);background-position:left 260px,right 900px;background-repeat:no-repeat,no-repeat}.post-summary .h6{font-size:14px}.post-summary .title-produk{font-size:20px}.post-summary span{font-size:14px}.headline-main .thumbnail{max-height:380px;margin-bottom:15px!important}.headline-main .thumbnail .img-fluid{border-radius:16px;box-shadow:0 8px 64px -16px rgba(0,0,0,.25)}.headline-main .post-summary .h6{margin-top:24px}.headline-main .post-summary h3{font-size:36px;font-weight:700;color:#000}.headline-main .title-produk{font-size:24px}.headline-side .title-produk{font-size:20px}.headline-side .post-summary{margin-top:0}.home-writer .writer-group h5{font-size:18px}.obrolan-content-group,.rekomendasi-content-group{display:grid;grid-template-columns:auto auto;margin:16px}.obrolan-content-group>.thumbnail{width:156px}.footer-post .post-summary .title-produk{color:#fff}.footer-post .post-summary .h6{color:#32c6f5}}.post-summary .h6:hover{color:#00a9fd}.post-summary .title-produk:hover{color:#32c6f5}.post-summary .h6{color:#008bd2;font-size:16px}.post-summary .text-muted{color:#6e6e6e}.other-post .post-summary .h6{color:#008bd2}.btn-draf{background:#fff;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:8px;color:#0095da}.btn-draf:hover{background:#32c6f5;border:1px solid #32c6f5;color:#fff}.btn-publish{border-radius:8px}.btn-tags-group .btn-tag{height:35px;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:8px;color:#0095da;font-weight:600;font-style:normal;font-size:12px;padding-left:16px;padding-right:16px;line-height:26px}.btn-tags-group .btn-tag:hover{background:#dcf4ff;border:1px solid #008bd2}.article-page .breadcrumb-nav{font-size:16px;margin-bottom:24px}.article-page .tag-label h3{font-size:36px;margin-bottom:32px}.article-page .btn-show-more{border:2px solid #008bd2;box-sizing:border-box;border-radius:8px}.article-page .quiz-feature .post-summary .title-produk{font-size:36px}.article-page .produk-bottom .post-summary .title-produk{font-size:24px}.article-page .produk-bottom .post-summary .text-muted{display:flex}.article-page .trending-quiz .thumbnail{min-height:104px}.article-page .trending-quiz .post-summary .title-produk{font-size:18px}article .content img{box-shadow:0 8px 64px -16px rgba(0,0,0,.25);border-radius:16px;overflow:hidden}article .content blockquote,article .content h3,article .content h4,article .content ol,article .content table,article .content ul,article .content>h5,article .content>p{margin-bottom:30px}article .content ul{list-style:circle!important;padding-left:22px}article .content .produk-group ul{list-style:none!important}article .content .item-produk .item{max-height:100%}article .content ol{list-style:decimal!important;padding-left:40px}article .content h1{font-size:2.5rem}article .content h2{font-size:2rem}article .content h3{font-size:1.75rem}article .content h4{font-size:1.5rem}article .content h5{font-size:1.25rem}article .content table,article .content td,article .content th{border:thin solid}article .content table{width:100%;background:linear-gradient(270deg,#f0faff,#dcf4ff)}article .content td,article .content th{padding:4px 12px}.internal-linking-related-contents,article .content p b:has(a),article .content p strong:has(a){display:block;padding:22px 24px;font-weight:700}article .content p a,article .content p b:has(a),article .content p strong:has(a){color:#008bd2!important}.internal-linking-related-contents a{display:flex;flex-wrap:nowrap;align-items:center;-moz-column-gap:3px;column-gap:3px}article .related-product .item-not-login .produk-summary .price-group span{font-size:14px}article .insert-item-product .produk-summary h3,article .related-product
.item .produk-summary h3{font-weight:inherit;font-size:14px}.half-bottom .btn-artikel{background:#0095da;border-radius:8px}.half-bottom .home-kuis .h4{color:#004e93;font-size:36px}.half-bottom .home-kuis .related .thumbnail .img-fluid{box-shadow:0 4px 64px -8px rgba(0,0,0,.25);border-radius:16px}.half-bottom .home-kuis .related .post-summary .h6{color:#0095da}.half-bottom .home-kuis .related .post-summary a{color:#000;font-weight:700}.half-bottom .home-kuis .related .post-summary .title-produk:hover{color:#008bd2}.half-bottom .home-kuis .related .post-summary .text-muted{color:#6e6e6e;font-size:16px}.half-bottom .other-artikel .h4{color:#004e93;font-size:36px}.half-bottom .btn-show-more{margin-top:32px;background:#0095da;border-radius:8px}.editor-post .button-group,.editor-quiz .button-group{margin-bottom:82px}.editor-post .title,.editor-quiz .title{margin-bottom:40px}.editor-post .title input,.editor-quiz .title input{font-size:36px}.editor-post .file-upload,.editor-quiz .file-upload{width:100%;height:460px;background:#dcf4ff;border-radius:16px;overflow:hidden}.editor-post .file-upload input,.editor-quiz .file-upload input{width:100%;height:100%;opacity:0;position:relative;z-index:2;cursor:pointer}.editor-post .file-upload .icon,.editor-quiz .file-upload .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#008bd2}.editor-post .file-upload .preview,.editor-quiz .file-upload .preview{top:0;left:0;display:flex;align-items:center;justify-content:center}.presubmit-modal .modal-dialog .modal-content .modal-header{border:none;padding-bottom:0;font-weight:700}.presubmit-modal .modal-dialog .modal-content .modal-body .heading{color:#004e93;font-size:32px;margin-bottom:24px}.presubmit-modal .modal-dialog .modal-content .modal-body .pre-category{font-size:16px;text-transform:uppercase;margin-bottom:8px}.presubmit-modal .modal-dialog .modal-content .modal-body .pre-title{font-size:20px}.presubmit-modal .modal-dialog .modal-content .modal-body .button-closure{margin-top:32px}.presubmit-modal .modal-dialog .modal-content .modal-body .img-holder{border-radius:16px;overflow:hidden;box-shadow:0 4px 64px -8px rgba(0,0,0,.25)}.ReactTags__selected{display:flex;border:2px solid #e5e5e5;box-sizing:border-box;border-radius:8px;padding:10px 16px;flex-wrap:wrap}.ReactTags__selected .ReactTags__tag{padding:4px 8px;border-radius:4px;background:#008bd2;display:flex;align-items:center;flex-wrap:nowrap;font-size:12px;line-height:12px;text-transform:uppercase;color:#fff;margin-bottom:8px;margin-right:7px}.ReactTags__selected .ReactTags__tag button{padding:0;background:none;border:none;color:#fff;font-size:16px;line-height:6px;height:6px;margin-left:7px}.ReactTags__selected .ReactTags__tagInput{position:relative}.ReactTags__selected .ReactTags__tagInput .ReactTags__tagInputField{border:none}.ReactTags__selected .ReactTags__tagInput .ReactTags__tagInputField:focus{border:none;outline:none}.ReactTags__selected .ReactTags__tagInput .ReactTags__suggestions{position:absolute;padding:16px;background:#fff;border:2px solid #008bd2;border-radius:8px}.ReactTags__selected .ReactTags__tagInput .ReactTags__suggestions ul{padding:0;margin:0}.ReactTags__selected .ReactTags__tagInput .ReactTags__suggestions ul li{display:inline-block;border:1px solid #c4c4c4;border-radius:8px;padding:8px 16px;font-size:12px;color:#008bd2;text-transform:uppercase;margin-right:8px}@media (min-width:600px){.related-product .item-not-login{display:flex;align-items:center}}@media (min-width:768px){.others .thumbnail{max-width:278px;margin-right:1.5rem}.login-comment strong{max-width:340px;margin:0 auto 20px}article .rate-post .box .button-list{margin-bottom:-25px}article .rate-post .box .button-list .count{display:block}article .rate-post .box .button-list .count span{text-align:center;padding:60px 0 0}article .rate-post .box .button-list .count span.percentage-1:after{height:calc((1 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-2:after{height:calc((2 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-3:after{height:calc((3 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-4:after{height:calc((4 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-5:after{height:calc((5 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-6:after{height:calc((6 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-7:after{height:calc((7 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-8:after{height:calc((8 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-9:after{height:calc((9 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-10:after{height:calc((10 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-11:after{height:calc((11 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-12:after{height:calc((12 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-13:after{height:calc((13 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-14:after{height:calc((14 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-15:after{height:calc((15 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-16:after{height:calc((16 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-17:after{height:calc((17 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-18:after{height:calc((18 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-19:after{height:calc((19 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-20:after{height:calc((20 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-21:after{height:calc((21 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-22:after{height:calc((22 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-23:after{height:calc((23 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-24:after{height:calc((24 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-25:after{height:calc((25 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-26:after{height:calc((26 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-27:after{height:calc((27 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-28:after{height:calc((28 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-29:after{height:calc((29 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-30:after{height:calc((30 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-31:after{height:calc((31 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-32:after{height:calc((32 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-33:after{height:calc((33 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-34:after{height:calc((34 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-35:after{height:calc((35 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-36:after{height:calc((36 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-37:after{height:calc((37 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-38:after{height:calc((38 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-39:after{height:calc((39 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-40:after{height:calc((40 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-41:after{height:calc((41 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-42:after{height:calc((42 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-43:after{height:calc((43 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-44:after{height:calc((44 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-45:after{height:calc((45 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-46:after{height:calc((46 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-47:after{height:calc((47 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-48:after{height:calc((48 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-49:after{height:calc((49 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-50:after{height:calc((50 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-51:after{height:calc((51 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-52:after{height:calc((52 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-53:after{height:calc((53 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-54:after{height:calc((54 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-55:after{height:calc((55 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-56:after{height:calc((56 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-57:after{height:calc((57 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-58:after{height:calc((58 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-59:after{height:calc((59 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-60:after{height:calc((60 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-61:after{height:calc((61 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-62:after{height:calc((62 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-63:after{height:calc((63 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-64:after{height:calc((64 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-65:after{height:calc((65 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-66:after{height:calc((66 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-67:after{height:calc((67 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-68:after{height:calc((68 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-69:after{height:calc((69 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-70:after{height:calc((70 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-71:after{height:calc((71 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-72:after{height:calc((72 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-73:after{height:calc((73 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-74:after{height:calc((74 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-75:after{height:calc((75 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-76:after{height:calc((76 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-77:after{height:calc((77 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-78:after{height:calc((78 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-79:after{height:calc((79 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-80:after{height:calc((80 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-81:after{height:calc((81 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-82:after{height:calc((82 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-83:after{height:calc((83 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-84:after{height:calc((84 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-85:after{height:calc((85 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-86:after{height:calc((86 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-87:after{height:calc((87 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-88:after{height:calc((88 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-89:after{height:calc((89 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-90:after{height:calc((90 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-91:after{height:calc((91 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-92:after{height:calc((92 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-93:after{height:calc((93 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-94:after{height:calc((94 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-95:after{height:calc((95 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-96:after{height:calc((96 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-97:after{height:calc((97 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-98:after{height:calc((98 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-99:after{height:calc((99 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span.percentage-100:after{height:calc((100 * 1%) + 24px);width:100%}article .rate-post .box .button-list .count span:after{border-radius:30px 30px 0 0;bottom:-24px;left:0}}@media (min-width:992px){.presubmit-modal .modal-dialog{max-width:964px}.presubmit-modal .modal-dialog .modal-content .modal-header .modal-title{display:none}.presubmit-modal .modal-dialog .modal-content .modal-body{padding:0 147px 56px}}@media (max-width:600px){article .related-product{border-radius:0}article .related-product .item{margin-right:16px;max-width:180px;border-radius:16px}article .related-product .item-not-login .thumbnail{margin:auto}article .related-product .item-not-login .produk-summary{margin-bottom:36px}article .related-product .item-not-login .produk-summary .btn-buy{position:absolute;bottom:0;left:0;right:0;max-width:100%;border-radius:0 0 0 0}article .head-group{display:block}}@media only screen and (max-width:760px){.others .post-summary{margin-top:24px}}.follow a,.follow button{padding:4px 8px}@media (min-width:768px){.quiz-feature .thumbnail{min-width:45%;height:380px;max-width:45%}.quiz-feature .thumbnail img{min-width:600px;min-height:380px}.quiz-feature .post-summary{margin-top:62px}.trending-quiz .post-summary .text-muted.flex-nowrap{flex-direction:row}.trending-quiz .post-summary .text-muted span{width:auto}.trending-quiz .post-summary .text-muted .p-1{display:block}.featured-side-post .thumbnail,.other-quiz .thumbnail{min-width:206px;max-width:206px;height:167px}.featured-side-post .thumbnail img,.other-quiz .thumbnail img{min-height:167px;width:auto;height:auto;max-width:400px;min-width:100%}}.quiz-feature .thumbnail{width:100%;max-width:634px;box-shadow:0 8px 64px -16px rgba(0,0,0,.25);height:auto}.quiz-feature .thumbnail img{min-width:100%;max-width:100%;height:auto}.quiz-feature .post-summary .h6{color:#008bd2;font-size:16px}.quiz-feature .post-summary h3{font-size:36px;line-height:48px;font-weight:bolder;color:#000}.quiz-feature .post-summary .title-produk{font-size:36px}.trending-quiz .h5{color:#004e93;font-size:24px}.featured-side-post .thumbnail,.trending-quiz .thumbnail{min-width:120px;width:120px;height:120px;margin-right:1.5rem;display:block;box-shadow:0 4px 64px -8px rgba(0,0,0,.25)}.featured-side-post .thumbnail img,.trending-quiz .thumbnail img{min-height:120px;min-width:120px;width:auto;height:auto;max-height:120px;max-width:500px}.featured-side-post .post-summary .title-produk,.trending-quiz .post-summary .title-produk{font-size:18px}.featured-side-post .post-summary .text-muted.flex-nowrap,.trending-quiz .post-summary .text-muted.flex-nowrap{flex-direction:column}.featured-side-post .post-summary .text-muted span,.trending-quiz .post-summary .text-muted span{display:block;text-align:left;width:100%;font-size:16px}.featured-side-post .post-summary .text-muted .p-1,.trending-quiz .post-summary .text-muted .p-1{display:none}.other-quiz .thumbnail{min-width:100%;box-shadow:0 8px 64px -16px rgba(0,0,0,.25)}.other-quiz .post-summary h3{font-size:24px}.other-quiz .post-summary .h6{font-size:16px;color:#008bd2}.other-quiz .post-summary a{color:#000}.other-quiz .post-summary span{font-size:16px}.other-quiz .btn-show-more-quiz{border:2px solid #008bd2;box-sizing:border-box;border-radius:8px;margin-top:32px;margin-bottom:64px}.related-quiz .thumbnail .img-fluid{box-shadow:0 4px 64px -8px rgba(0,0,0,.25);border-radius:16px}.related-quiz .post-summary{margin-top:24px}.question-item{background:linear-gradient(270deg,#f0faff,#dcf4ff);border-radius:40px}.question-item .question{padding:115px 40px;font-size:48px;font-weight:700;line-height:56px;border-radius:16px;box-shadow:0 8px 64px -16px rgba(0,0,0,.25);margin-bottom:20px}.question-item .label-kuis{margin-top:20px;margin-bottom:10px;display:flex;justify-content:center}.question-item .label-kuis .h4{font-size:36px;color:#004e93}.question-item .options{margin-bottom:10px}.question-item .options .col-6{margin-bottom:20px}.question-item .options .col-6 .item{border-radius:16px;padding:42px 36px;font-size:24px;line-height:32px;font-weight:700;display:flex;align-items:center;text-align:center;box-shadow:0 8px 64px -16px rgba(0,0,0,.25)}.question-item .options .col-6 .item span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;position:absolute;top:-2px;right:-2px;border-radius:0 16px 0 16px}.question-item .options .col-6 .item.right span{background-color:#00ff75}.question-item .options .col-6 .item.wrong span{background-color:#ff2e00}.question-item .explanation{background:#fff;border:4px solid #dcf4ff;box-sizing:border-box;box-shadow:0 4px 64px -8px rgba(0,0,0,.25);border-radius:16px;margin-bottom:40px}.question-item .explanation .thumbnail img{min-height:100%;width:100%;border-radius:16px 0 0 16px}.question-item .explanation .explanation-summary{padding:31px}.question-item .explanation .explanation-summary .title{display:flex;align-items:center;margin-bottom:10px;color:#333;font-size:20px}.question-item .explanation .explanation-summary .title .option{font-size:14px;line-height:18px;height:24px;width:24px;padding:3px 7px;display:inline-block;background-color:#00ff75;border-radius:4px;color:#333}.question-item .explanation .explanation-summary .title .h5{font-size:20px;margin-bottom:0}.question-item .explanation .explanation-summary .description{font-size:16px;display:block;padding-left:40px;color:#333}.follow .border{border:2px solid #008bd2}.writer-group{color:#6e6e6e}.writer-group .h5{font-size:16px}.tags span{color:#6e6e6e}.tags button{border:1px solid #c4c4c4;box-sizing:border-box;border-radius:8px}.box .text-default,.comment-group .text-default{font-size:24px;color:#004e93}.result-group{background:linear-gradient(270deg,#f0faff,#dcf4ff);border-radius:40px}.result-group .label-kuis{margin-top:40px;margin-bottom:20px}.result-group .label-kuis .text-default{width:100vw;margin:auto}.result-group .question-result{margin-bottom:40px}.login-comment .btn-masuk{border-radius:8px}.comment-group .children .user-input{background:#fff;border:2px solid #e5e5e5;box-sizing:border-box;border-radius:8px;max-height:42px}.comment-group .btn-comment{background:#0095da;border-radius:8px}.question-result{border:4px solid #f1921f;box-sizing:border-box;border-radius:16px;background-color:#fff;padding:30px}.question-result .description .text{padding-left:30px;color:#333}.question-result .score{display:block;padding:34px 32px 30px;border-radius:16px}.question-result .score span:first-child{font-size:20px;line-height:26px;margin-right:32px}.question-result .score span:last-child{font-size:72px;line-height:52px}.comment-action span{margin-left:8px}.content p{color:#333}@media (max-width:600px){.other-quiz .post-summary,.quiz-feature .post-summary{margin-top:16px}.other-quiz .post-summary .text-muted,.other-quiz .post-summary .text-muted span,.quiz-feature .post-summary .text-muted,.quiz-feature .post-summary .text-muted span{width:auto}}@media (min-width:768px){.quiz-feature .thumbnail{min-width:45%;height:380px;max-width:45%}.quiz-feature .thumbnail img{min-width:100%;min-height:380px}.quiz-feature .post-summary{margin-top:62px}.trending-quiz .post-summary .text-muted.flex-nowrap{flex-direction:row}.trending-quiz .post-summary .text-muted span{width:auto}.trending-quiz .post-summary .text-muted .p-1{display:block}.featured-side-post .thumbnail,.other-quiz .thumbnail{min-width:206px;max-width:206px;height:167px}.featured-side-post .thumbnail img,.other-quiz .thumbnail img{min-height:167px;width:auto;height:auto;max-width:400px;min-width:100%}}@media (min-width:992px){.quiz-feature .thumbnail{min-width:634px}.featured-side-post .thumbnail,.other-quiz .thumbnail{min-width:278px;max-width:278px}.question-item .explanation .thumbnail{min-width:274px;max-width:274px}.question-item .explanation .thumbnail img{max-width:400px}.question-result .score{margin-right:24px}}@media only screen and (max-width:992px){.thumbnail .img-fluid{box-shadow:0 8px 64px -16px rgba(0,0,0,.25);border-radius:16px}.other-quiz .post-summary,.quiz-feature .post-summary{margin-top:24px}}article iframe{max-width:100%}article .content{color:#333}article .content:first-letter{-webkit-initial-letter:2;initial-letter:2;font-size:60px;display:inline;line-height:.81;margin:0 .1rem 0 0;font-weight:700;float:left}article .content img{max-width:100%}article .content.overflow-x-hidden{overflow-x:hidden}article .share{--offset:2rem;align-self:start;position:-webkit-sticky;position:sticky;top:var(--offset)}article .share p{color:#6e6e6e}article .share .content-share{color:#333}article .video{position:relative;border-radius:16px;overflow:hidden}article .video .icon{background:#008bd2;position:absolute;padding:20px 20px 20px 22px;top:50%;left:50%;transform:translate(-50%,-50%)}article .video .icon svg{stroke:#fff;stroke-width:30;stroke-linecap:butt;stroke-dasharray:0}article .video .duration{position:absolute;right:30px;bottom:30px}article .tag{font-size:16px}article .related-product{background:linear-gradient(270deg,#f0faff,#dcf4ff);border-radius:40px;padding:25px;margin-top:20px}article .related-product .item-not-login{background:#fff;font-weight:600;box-shadow:0 4px 32px -8px rgba(0,0,0,.25);border-radius:16px;max-height:334px;max-width:100%;border:2px solid #008bd2;position:relative;overflow:hidden}article .related-product .item-not-login .thumbnail{max-width:180px;border-radius:none;text-align:center}article .related-product .item-not-login .produk-summary{padding:15px}article .related-product .item-not-login .produk-summary h3{font-weight:inherit;font-size:14px}article .related-product .item-not-login .produk-summary .label-produk-summary{color:#f1921f}article .produk-group .produk-summary .h3,article .related-product .item-not-login .produk-summary .price-group span{font-size:14px}article .related-product .item-not-login .produk-summary .price-group .disc-produk{font-size:12px;color:#828282}article .related-product .item-not-login .produk-summary .price-group .disc{font-size:12px;color:#eb5757}article .related-product .item-not-login .btn-buy{background:#0095da;outline:none;border:none;max-width:76px;max-height:44px;border-radius:8px;margin-top:24px}article .insert-item-product,article .related-product
.item{background:#fff;font-weight:600;box-shadow:0 4px 32px -8px rgba(0,0,0,.25);border-radius:16px;max-height:334px;max-width:180px;border:2px solid #008bd2;position:relative;overflow:hidden;display:block}article .insert-item-product .thumbnail,article .related-product
.item .thumbnail{text-align:center;max-width:180px}article .insert-item-product .produk-summary,article .related-product
.item .produk-summary{padding:15px;margin-bottom:55px}article .insert-item-product .produk-summary h3,article .related-product
.item .produk-summary h5{font-weight:inherit;font-size:14px}article .insert-item-product .produk-summary .label-produk-summary,article .related-product
.item .produk-summary .label-produk-summary{color:#f1921f}article .insert-item-product .produk-summary .price-group span,article .related-product
.item .produk-summary .price-group span{font-size:14px}article .insert-item-product .produk-summary .price-group .disc-produk,article .related-product
.item .produk-summary .price-group .disc-produk{font-size:12px;color:#828282}article .insert-item-product .produk-summary .price-group .disc,article .related-product
.item .produk-summary .price-group .disc{font-size:12px;color:#eb5757}article .insert-item-product .btn-buy,article .related-product
.item .btn-buy{background:#0095da;outline:none;border:none;position:absolute;bottom:0;left:0;border-radius:0 0 0 0}article .content-read,article .next-content{border:2px solid #e5e5e5;box-sizing:border-box;border-radius:16px}article .next-content{font-size:20px;color:#008bd2}article .next-content .btn-next{background:#008bd2;border-radius:8px;max-width:44px}article .tags .btn-outline-secondary+.btn-outline-secondary{margin-left:10px}article .rate-post .box{border:4px solid #dcf4ff;border-radius:15px;padding:20px 15px 0;margin-bottom:30px}article .rate-post .box .h3{margin-bottom:30px}article .rate-post .box .button-list .count{padding:3px;border-radius:30px 30px 30px 30px;display:flex;align-items:center}article .rate-post .box .button-list .count span{display:block;width:100%;text-align:left;color:#008bd2;font-weight:700;position:relative;order:1;padding:10px 0 10px 10px}article .rate-post .box .button-list .count span.percentage-1:after{width:calc((1 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-2:after{width:calc((2 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-3:after{width:calc((3 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-4:after{width:calc((4 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-5:after{width:calc((5 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-6:after{width:calc((6 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-7:after{width:calc((7 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-8:after{width:calc((8 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-9:after{width:calc((9 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-10:after{width:calc((10 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-11:after{width:calc((11 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-12:after{width:calc((12 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-13:after{width:calc((13 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-14:after{width:calc((14 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-15:after{width:calc((15 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-16:after{width:calc((16 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-17:after{width:calc((17 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-18:after{width:calc((18 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-19:after{width:calc((19 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-20:after{width:calc((20 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-21:after{width:calc((21 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-22:after{width:calc((22 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-23:after{width:calc((23 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-24:after{width:calc((24 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-25:after{width:calc((25 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-26:after{width:calc((26 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-27:after{width:calc((27 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-28:after{width:calc((28 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-29:after{width:calc((29 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-30:after{width:calc((30 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-31:after{width:calc((31 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-32:after{width:calc((32 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-33:after{width:calc((33 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-34:after{width:calc((34 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-35:after{width:calc((35 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-36:after{width:calc((36 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-37:after{width:calc((37 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-38:after{width:calc((38 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-39:after{width:calc((39 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-40:after{width:calc((40 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-41:after{width:calc((41 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-42:after{width:calc((42 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-43:after{width:calc((43 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-44:after{width:calc((44 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-45:after{width:calc((45 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-46:after{width:calc((46 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-47:after{width:calc((47 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-48:after{width:calc((48 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-49:after{width:calc((49 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-50:after{width:calc((50 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-51:after{width:calc((51 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-52:after{width:calc((52 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-53:after{width:calc((53 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-54:after{width:calc((54 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-55:after{width:calc((55 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-56:after{width:calc((56 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-57:after{width:calc((57 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-58:after{width:calc((58 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-59:after{width:calc((59 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-60:after{width:calc((60 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-61:after{width:calc((61 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-62:after{width:calc((62 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-63:after{width:calc((63 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-64:after{width:calc((64 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-65:after{width:calc((65 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-66:after{width:calc((66 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-67:after{width:calc((67 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-68:after{width:calc((68 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-69:after{width:calc((69 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-70:after{width:calc((70 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-71:after{width:calc((71 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-72:after{width:calc((72 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-73:after{width:calc((73 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-74:after{width:calc((74 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-75:after{width:calc((75 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-76:after{width:calc((76 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-77:after{width:calc((77 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-78:after{width:calc((78 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-79:after{width:calc((79 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-80:after{width:calc((80 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-81:after{width:calc((81 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-82:after{width:calc((82 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-83:after{width:calc((83 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-84:after{width:calc((84 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-85:after{width:calc((85 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-86:after{width:calc((86 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-87:after{width:calc((87 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-88:after{width:calc((88 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-89:after{width:calc((89 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-90:after{width:calc((90 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-91:after{width:calc((91 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-92:after{width:calc((92 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-93:after{width:calc((93 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-94:after{width:calc((94 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-95:after{width:calc((95 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-96:after{width:calc((96 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-97:after{width:calc((97 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-98:after{width:calc((98 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-99:after{width:calc((99 * 1%) + 24px)}article .rate-post .box .button-list .count span.percentage-100:after{width:calc((100 * 1%) + 24px)}article .rate-post .box .button-list .count span:after{display:block;content:"";height:100%;background:#dcf4ff;position:absolute;border-radius:0 30px 30px 0;bottom:0;left:-24px;z-index:-1}article .rate-post .box .button-list .count .btn{position:relative;z-index:2;order:0;font-size:12px;width:48px;height:48px;padding:1px;border:4px solid #dcf4ff}article .login-comment{background:#dcf4ff;border-radius:15px;padding:30px;color:#6e6e6e;font-size:24px}article .login-comment .btn-masuk{background:#0095da;border-radius:8px;max-height:44px}article .login-comment .btn-masuk:hover{background:#32c6f5;border:1px solid #32c6f5}article .list-comment .avatar,article .logged .avatar{width:44px;height:44px;overflow:hidden}article .list-comment .comment-content p{margin-bottom:0;color:#333}article .list-comment .comment{border:2px solid #e5e5e5;box-sizing:border-box;border-radius:8px}article .list-comment .children{padding-left:60px}article .list-comment .children .level-2{background-image:url(/images/tree.png);background-repeat:no-repeat;top:0;left:0}article .list-comment .children .action,article .list-comment .children .level-2{padding-left:30px}article .btn-comment{background:#0095da;border-radius:8px;font-size:16px;border:none;max-height:44px}article .btn-comment:hover{background:#028ac9}.border-icon{border:1px solid #000}.btn-back-home,.btn-profile-dashboard,.btn-profile-dashboard-active{border-radius:8px}.btn-profile-dashboard:hover{background:#32c6f5}.profile{margin-top:32px}.profile .avatar{margin-right:24px;border:4px solid #008bd2;box-sizing:border-box;box-shadow:0 4px 64px -8px rgba(0,0,0,.25);width:100px;height:100px;position:relative;background-color:#fff}.profile .avatar img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile .names .text-default{font-size:36px;color:#004e93}.profile .names .label-subName{color:#f1921f;font-size:18px}.profile .names strong{font-size:16px}.profile .btn-ikuti{border:2px solid #008bd2;box-sizing:border-box;border-radius:8px;width:82px;height:44px;color:#008bd2;font-size:16px}.profile .btn-ikuti:hover{color:#fff;border:2px solid #32c6f5}.profile .txt-desc{color:#333;margin-left:24px}.profile .btn-diikuti{background-color:#004e93;outline:none;border:none;width:121px;height:44px;border-radius:8px;color:#fff}.half-bottom{margin-bottom:64px}.half-bottom.profile-stats,.stats-container{margin-top:30px}.half-bottom.profile-stats:after,.stats-container:after{top:40px}.half-bottom.profile-stats .stats,.stats-container .stats{background:#fff;border:2px solid #dcf4ff;box-sizing:border-box;box-shadow:0 4px 44px -8px rgba(0,0,0,.15);border-radius:16px;padding:25px 24px 23px;width:180px;height:74px;display:flex}.half-bottom.profile-stats .stats span:first-child,.stats-container .stats span:first-child{font-size:16px;color:#6e6e6e}.half-bottom.profile-stats .stats span:last-child,.stats-container .stats span:last-child{font-size:24px}.half-bottom.profile-stats .h2,.stats-container .h2{color:#004e93}.half-bottom.profile-stats .artikel-group .label-terbaru .sort-icon,.stats-container .artikel-group .label-terbaru .sort-icon{color:#008bd2}.half-bottom.profile-stats .artikel-group .label-terbaru span,.stats-container .artikel-group .label-terbaru span{margin-left:8px;color:#333}.artikel .label-terbaru{color:#333}.profile-stats .nav-pills .nav-link{background:none;color:#6e6e6e}.profile-stats .nav-pills .nav-link .sum{display:inline-block;max-width:24;max-height:24px;padding:4px 8px;border-radius:50%;border:thin solid #e5e5e5;font-size:16px;line-height:16px;margin-left:13px}.profile-stats .nav-pills .nav-link.active,.profile-stats .nav-pills .show>.nav-link{color:#008bd2;font-weight:600}.profile-stats .nav-pills .nav-link.active .sum,.profile-stats .nav-pills .show>.nav-link .sum{background-color:#008bd2;color:#fff;border-color:#dedede}.profile-stats .tab-content .post-item .post-summary h4{font-size:14px}.profile-stats .tab-content .post-item .post-summary h3{font-size:24px}.profile-stats .post-item .thumbnail{box-shadow:0 4px 64px -8px rgba(0,0,0,.25)}.profile-stats .post-item .thumbnail .img-fluid{border-radius:16px}.post-item .post-summary .sub-title{color:#0095da}.post-item .post-summary .title{text-decoration:none;color:#000}.post-item .post-summary .title:hover{color:#008bd2}.dashboard .profile .point .icon,.icon-bg{background:linear-gradient(180deg,#f1921f,#efb671);display:flex;align-items:center;justify-content:center}.dashboard .head.container:after{display:block;height:174px;width:100%;content:"";position:absolute;background:linear-gradient(270deg,#f0faff,#dcf4ff);top:0;left:0;z-index:-1}.dashboard .head.container,.dashboard main .container{background:transparent}.dashboard .profile .point{border-top:2px solid #dedede;padding-top:24px}.dashboard .profile .point .icon{width:64px;height:64px}.dashboard .profile .point .progress{height:8px;margin-bottom:8px}.dashboard .profile .point .info{border:thin solid #32c6f5;padding:1px 3px;line-height:13px}.dashboard .profile .point p{font-size:14px}.dashboard .stats-container{gap:16px;margin-bottom:50px}.dashboard .stats-container .stats{flex:0 0 calc(50% - 8px)}.dashboard .bottom-section .header .sum{width:42px;height:42px;vertical-align:middle;font-size:24px;padding-top:8px}.dashboard .bottom-section .btn-outline-secondary:hover,.dashboard .bottom-section .btn-secondary:hover{background-color:#dedede!important;color:#fff!important}.dashboard .bottom-section .button-group .btn{font-size:14px}.dashboard .bottom-section .button-group .btn+.btn{margin-left:10px}.dashboard .bottom-section .button-group .btn-profile-dashboard{background:#fff;border:1px solid #c4c4c4;color:#0095da}.dashboard .bottom-section .button-group .btn-profile-dashboard:hover{background:#32c6f5;color:#fff;border:1px solid #32c6f5}.dashboard .bottom-section .select-status{max-width:223px}.dashboard .bottom-section .nav-pills .nav-item+.nav-item{margin-left:32px}.dashboard .bottom-section .nav-pills .nav-item .nav-link{color:#ccc;background-color:transparent;font-weight:700;font-size:18px;padding:0}.dashboard .bottom-section .nav-pills .nav-item .nav-link.active{color:#dedede}.dashboard .bottom-section .post-item .btn{font-size:14px}.dashboard .bottom-section .post-item .post-summary .status{background:#008bd2;border:2px solid #008bd2;box-sizing:border-box;border-radius:8px}.dashboard .bottom-section .post-item .post-summary .status:hover{background:#32c6f5}.dashboard .pagination,.profile-stats .pagination{width:auto;margin:0 auto;overflow:hidden;overflow-x:auto}.dashboard .pagination li,.profile-stats .pagination li{margin:0 7px;position:relative}.dashboard .pagination li a,.profile-stats .pagination li a{color:#000;font-size:18px;border:none;border-radius:8px;font-weight:600;width:44px;height:44px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.dashboard .pagination li a:hover,.profile-stats .pagination li a:hover{background-color:transparent}.dashboard .pagination li.active a,.profile-stats .pagination li.active a{background-color:transparent;border:2px solid #dedede}.dashboard .pagination li.fas:before,.profile-stats .pagination li.fas:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;z-index:5}@media (min-width:600px){.profile .btn-diikuti,.profile .btn-ikuti{border-radius:8px}.profile .avatar,.profile .label-name,.profile .label-subName{margin:0 auto}.profile-stats .tab-group{margin:auto}}@media (min-width:768px){.profile .avatar{min-width:180px;width:180px;height:180px;margin-left:0;margin-right:24px}.profile .names{width:100%}.profile .names .text-default{font-size:36px}.profile .description{width:100%}.dashboard .head.container,.dashboard main .container{background:linear-gradient(270deg,#fff,#fff calc(100% - 110px),#f0faff calc(100% - 110px),#dcf4ff)}.dashboard .head.container:after,.dashboard main .container:after{display:none}.dashboard .bottom-section .header .create{width:auto}.dashboard .bottom-section .nav-pills,.dashboard .bottom-section .stats-container,.dashboard .bottom-section .tab-content{margin-left:205px}.dashboard .post-item .thumbnail{width:200px}.dashboard .post-item .post-summary{padding-top:12px;width:calc(100% - 200px)}}@media only screen and (max-width:400px){.profile .avatar,.profile .label-name,.profile .label-subName{margin:auto}.half-bottom .stats{width:156px;height:110px;display:block}.half-bottom .tab-group{margin:auto}}@media (min-width:992px){.dashboard .profile .description{width:420px;padding-right:52px;border-right:2px solid #dedede;margin-right:50px}.dashboard .profile .description .names{width:100%}.dashboard .profile .description .names .btn-profile-change{color:#0095da;text-decoration:none;white-space:nowrap}.dashboard .profile .description .names .btn-profile-change:hover{color:#32c6f5}.dashboard .profile .point{border-top:none}.dashboard .profile .btn-ikuti:hover{background:#008bd2;border:2px solid #008bd2}.dashboard .post-item .thumbnail{width:283px}.dashboard .post-item .post-summary{width:calc(100% - 283px)}}@media (min-width:1200px){.dashboard .head.container,.dashboard main .container{background:linear-gradient(270deg,#fff,#fff calc(100% - 200px),#f0faff calc(100% - 200px),#dcf4ff)}.dashboard .stats-container .stats{flex:0 0 calc(25% - 12px)}}.dSAhf{transition:opacity .3s ease 0s;inset:50% 0 auto auto;transform:translateY(-50%)}.dSAhf .Button__Inner-sc-1j1d87l-1{transform-origin:100% 50%;transform:rotate(90deg) translate(50%,50%)}.dSAhf .Button__SecondInner-sc-1j1d87l-2{transform:rotate(180deg);flex-direction:row-reverse}.dSAhf .Icon__IconComponent-sc-joflmd-0{transform:rotate(90deg);transform-origin:center center}.cgCPpc .Icon__IconComponent-sc-joflmd-0{fill:#000}.kTlmC{display:flex;justify-content:center;align-items:center;flex-direction:row}.fdNayL{width:31.5px;height:31.5px;z-index:2}.cgCPpc,.fdNayL{display:flex;transition:all .3s ease 0s}.cgCPpc{padding:4.66667px 9.33334px;position:relative;justify-content:center;align-items:center;cursor:pointer;border-radius:50px;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;color:#000;margin:10px}.cgCPpc:before{background-color:#000;opacity:0;transition:all .3s ease 0s}.cgCPpc:after,.cgCPpc:before{position:absolute;content:" ";inset:0;z-index:1;border-radius:inherit;pointer-events:none}.cgCPpc:after{border:2px solid rgba(0,0,0,.35)}@media (min-width:768px){.md\:order-2{order:2}.md\:order-1{order:1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-start-3{grid-column-start:3}.md\:col-end-11{grid-column-end:11}.md\:col-end-12{grid-column-end:12}.md\:col-end-13{grid-column-end:13}.md\:col-end-10{grid-column-end:10}.md\:ml-2{margin-left:.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:mb-\[60px\]{margin-bottom:60px}.md\:mr-4{margin-right:1rem}.md\:ml-4{margin-left:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:w-1\/3{width:33.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:border-t{border-top-width:1px}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}}


/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.z-\[99999\]{z-index:99999}.order-3{order:3}.order-2{order:2}.order-1{order:1}.col-span-12{grid-column:span 12/span 12}.col-span-1{grid-column:span 1/span 1}.col-span-6{grid-column:span 6/span 6}.col-span-3{grid-column:span 3/span 3}.col-start-9{grid-column-start:9}.col-end-13{grid-column-end:13}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mx-\[16px\]{margin-left:16px;margin-right:16px}.mx-\[25px\]{margin-left:25px;margin-right:25px}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mr-5{margin-right:1.25rem}.mt-8{margin-top:2rem}.mr-4{margin-right:1rem}.mb-10{margin-bottom:2.5rem}.-ml-1{margin-left:-.25rem}.mr-3{margin-right:.75rem}.mb-20{margin-bottom:5rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mb-\[30px\]{margin-bottom:30px}.mt-0{margin-top:0}.mb-1{margin-bottom:.25rem}.ml-3{margin-left:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-full{height:100%}.h-\[32px\]{height:32px}.h-4{height:1rem}.h-\[380px\]{height:380px}.max-h-\[176px\]{max-height:176px}.max-h-\[42px\]{max-height:42px}.w-full{width:100%}.w-6{width:1.5rem}.w-5{width:1.25rem}.w-\[32px\]{width:32px}.w-4{width:1rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-4{gap:1rem}.gap-x-8{column-gap:2rem}.gap-x-4{column-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-x-5{column-gap:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.rounded-\[16px\]{border-radius:16px}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-lg{border-radius:.5rem}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-brand{--tw-border-opacity:1;border-color:rgb(0 139 210/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-\[\#008bd2\]{--tw-border-opacity:1;border-color:rgb(0 139 210/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\[\#DCF4FF\]{--tw-bg-opacity:1;background-color:rgb(220 244 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-second{--tw-bg-opacity:1;background-color:rgb(0 78 147/var(--tw-bg-opacity))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(241 146 31/var(--tw-bg-opacity))}.fill-current{fill:currentColor}.p-1{padding:.25rem}.p-\[24px\]{padding:24px}.p-0{padding:0}.p-2{padding:.5rem}.p-5{padding:1.25rem}.py-20{padding-top:5rem;padding-bottom:5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-10{padding-top:2.5rem}.pb-2{padding-bottom:.5rem}.pt-2{padding-top:.5rem}.pb-3{padding-bottom:.75rem}.pl-5{padding-left:1.25rem}.pl-0{padding-left:0}.pl-4{padding-left:1rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pr-3{padding-right:.75rem}.pb-4{padding-bottom:1rem}.pt-\[64px\]{padding-top:64px}.pr-\[10px\]{padding-right:10px}.pl-\[5px\]{padding-left:5px}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.text-\[36px\]{font-size:36px}.text-\[18px\]{font-size:18px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-\[12px\]{font-size:12px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-\[700\]{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-second{--tw-text-opacity:1;color:rgb(0 78 147/var(--tw-text-opacity))}.text-orange{--tw-text-opacity:1;color:rgb(241 146 31/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\[\#008bd2\],.text-brand{--tw-text-opacity:1;color:rgb(0 139 210/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-\[\#32c6f5\]:hover{--tw-bg-opacity:1;background-color:rgb(50 198 245/var(--tw-bg-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:border-gray-400:focus{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:self-end{align-self:flex-end}}@media (min-width:768px){.md\:order-2{order:2}.md\:order-1{order:1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-start-3{grid-column-start:3}.md\:col-end-11{grid-column-end:11}.md\:col-end-12{grid-column-end:12}.md\:col-end-13{grid-column-end:13}.md\:col-end-10{grid-column-end:10}.md\:ml-2{margin-left:.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:mb-\[60px\]{margin-bottom:60px}.md\:mr-4{margin-right:1rem}.md\:ml-4{margin-left:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:w-1\/3{width:33.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-x-8{column-gap:2rem}.md\:gap-x-6{column-gap:1.5rem}.md\:gap-x-4{column-gap:1rem}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:border-t{border-top-width:1px}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-end-11{grid-column-end:11}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}