diff --git a/coding ui V1.3.xml b/coding ui V1.3.xml
new file mode 100644
index 0000000..5a70672
--- /dev/null
+++ b/coding ui V1.3.xml
@@ -0,0 +1,3392 @@
+
+
+
+ <head>
+
+ Error 404: Page Not Found
+ <data:blog.pageName/>
+
+ <data:blog.pageTitle/>
+
+ <data:messages.search/>: <data:view.search.query/>
+
+ <data:blog.pageName/> - <data:blog.title/>
+
+ Recent post: <data:blog.title/>
+
+ Blog archive in: <data:blog.pageName/>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <style><!-- /*
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+*/
+
+/*
+Name : ONE UI Premium Template
+Version : 1.0
+Date : November 18, 2020
+Type : Premium
+Designer : HIVE-Store
+Website : https://hive-store.com/
+
+============================================================================
+NOTE :
+This theme is premium (paid).
+You can only get it by purchasing officially.
+If you get it for free through any method, that means you get it illegally.
+============================================================================
+*/
+
+body#layout{width:922px}
+body#layout .mainContainer{display:flex;}
+body#layout .header{width:100%}
+body#layout .mainbar{width:65%}
+body#layout .sidebar{width:35%}
+body#layout div#HTML2, body#layout div#HTML3{width:calc(50% - 4px);float:left}
+body#layout div#HTML3{float:right}
+body#layout div.section:after{content:'';display:block;clear:both}
+#layout:before { content: 'ONE UI Premium Template HIVE-Store';
+text-transform: uppercase;
+font-size: 20px;
+color: #fc3556;
+margin: 0 0 20px 0;
+display: inline-block;
+font-weight: 700;
+padding: 20px;
+font-family: sans-serif;
+border: 4px double #2844fa
+;}
+
+/* Body Font */
+@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 400;font-display: swap;src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cfe5.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2')}
+@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 700;font-display: swap;src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBv5p.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2')}
+@font-face {font-family: 'Nunito Sans';font-style: italic;font-weight: 400;font-display: swap;src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4I90.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2')}
+@font-face {font-family: 'Nunito Sans';font-style: italic;font-weight: 700;font-display: swap;src: local('Nunito Sans Bold Italic'), local('NunitoSans-BoldItalic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvU1c.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvY1MIUg.woff2) format('woff2')}
+
+/* Heading Font */
+@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7V1g.woff) format('woff'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2')}
+
+/* Source Code Font */
+@font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2');}
+
+/* Standar Element */
+*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
+a{-webkit-transition:all .2s ease;transition:all .2s ease;color:$(link.colors);text-decoration:none}a:hover{color:$(link.hover.colors)}
+h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:$(heading.font);color:$(main.colors)} h1{font-size:1.8rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.3rem} h5{font-size:1.2rem} h6{font-size:1.1rem}
+table{border-spacing:0} iframe{width:100%;border:0} input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline} img{display:block;position:relative;max-width:100%;font-size:10px;color:transparent}
+svg{width:22px;height:22px;vertical-align:middle;fill:$(main.colors)}
+svg .svg-c{fill:$(link.bg.colors)}
+svg.line{fill:none;stroke:$(nav.colors);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
+svg.line .svg-c{fill:none;stroke:$(link.bg.colors)}
+.hidden, .replaced{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}
+.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:transparent;opacity:0;visibility:hidden}
+
+/* Scrollbar Custom */
+html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
+
+/* Main Content */
+html{scroll-behavior:smooth;overflow-x:hidden}
+body{position:relative;margin:0;padding:0;width:100%;font-family:$(body.font);font-size:14px;color:$(text.colors);background-color:$(body.bg.colors);-webkit-font-smoothing: antialiased;}
+main{display:block;padding:30px 10px 30px 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
+main > *:not(:last-child), .sidebar > *:not(:last-child){margin-bottom:40px}
+#nav-widget{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);width:220px;height:100%;padding:calc($(header.height) + 15px) 0 0 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
+#nav-widget:hover{overflow-y:auto;}
+#nav-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:$(header.height);background-color:$(nav.bg.colors);z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
+#nav-widget .widget{padding-bottom:90px}
+#add-widget{padding-top:40px}
+#large-ads{width:100%;padding:0 30px 0 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
+#large-ads .widget{margin:30px 0 10px}
+.mainContainer{display:flex;justify-content:space-between;flex-wrap:wrap}
+.mainIner:before{content:'';display:block;width:100%;padding-top:$(header.height)}
+.asideIner{position:absolute;left:0;bottom:0;width:100%}
+.mainbar{min-height:100vh;width:calc(100% - $(side.width))}
+.sidebar{background-color:transparent;width:$(side.width);padding:30px 30px;flex:0 0 auto}
+#sidebar-sticky{position:sticky;top:calc($(header.height) + 20px)}
+
+/* Header */
+.header{position:fixed;top:0;left:0;display:flex;width:100%;height:$(header.height);padding:0 30px 0 25px;background-color:$(header.bg.colors);color:$(header.text.colors);fill:$(header.text.colors);z-index:50;box-shadow:0 2px 10px 0 rgba(0,0,0,.07);-webkit-transition:all .2s ease;transition:all .2s ease;}
+.header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:173px;padding:0 0 0 23px;overflow:hidden}
+.header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}
+.header .header-inner img{max-width:142px;max-height:30px;}
+.header .header-inner h1, #header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
+
+
+/* Header Navicon */
+.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
+.header .navicon.right{margin-left:auto}
+.header .navicon.search{display:flex;width:22px;position:absolute;top:-100%;right:10px;padding:0;border:0;outline:0;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}
+.header .navicon.search > *{cursor:default;fill:#5f6368}
+.header .navicon > *{margin:auto 0;width:20px;cursor:pointer}
+.header .navicon > * svg{width:20px}
+.header .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
+.header .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#161617;margin:0 0 4px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:2px}
+.header .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}
+.header .navicon .nav i:nth-child(3){width:60%;background-color:$(link.bg.colors);margin:4px 0 0 auto}
+.header .navicon .nav.home{display:none}
+.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:11px;color:$(text.colors);white-space:nowrap}
+.header .navicon .dark-switch:before{content:'Dark mode'}
+.header .navicon .dark-switch i{position:relative;margin-left:8px;width:30px;height:10px;border-radius:8px;background-color:rgba(0,0,0,.15)}
+.header .navicon .dark-switch i:before{content:'';display:block;position:absolute;top:-4px;left:0;width:18px;height:18px;border-radius:50%;background-color:$(link.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
+.header .navicon .navSearch{margin-left:15px;display:none}
+.dark-mode .navicon .dark-switch i:before{left:13px}
+
+/* Header Search */
+.header .searchbar{flex:0 0 auto;display:flex;align-items:center;width:50%;height:100%;max-width:550px;padding:0 0 0 25px}
+.header .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0;}
+.header .searchbar .search-button{position:absolute;top:0;left:15px;display:flex;height:100%;align-items:center;padding:0;border:0;outline:0;background:transparent;cursor:pointer}
+.header .searchbar .search-button svg{width:18px;height:18px;fill:#5f6368;-webkit-transition:all .3s ease;transition:all .3s ease}
+.header .searchbar input[type=text]{background-color:rgba(236,239,241,.8);outline:0;border:0;padding:12px 20px 12px 45px;border-radius:5px;width:100%;transition: box-shadow .3s;-webkit-transition: box-shadow .3s}
+.header .searchbar input[type=text]:focus{box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}
+.header .searchbar input[type=text]:focus + .search-button svg{fill:$(link.bg.colors)}
+.header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0;opacity:1;visibility:visible}
+
+/* Navigation Menu */
+.navigation-menu, .navigation-mobile{list-style:none;margin:0;padding:0;color:$(nav.colors);fill:$(nav.colors);font-size:90%}
+.navigation-menu > li{position:relative;padding:10px 20px 10px 25px}
+.navigation-menu > li:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0;}
+.navigation-menu > li:hover:before{background-color:$(link.bg.colors)}
+.navigation-menu > li.break:after{content:'';display:block;width:100%;border-bottom:1px solid #ebeced;margin-top:20px}
+.navigation-menu li .link{display:flex;align-items:center}
+.navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:inherit}
+.navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-left:auto}
+.navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
+.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:$(link.colors)}
+.navigation-menu li .link .name{display:block;margin-left:21px}
+.navigation-menu li a{display:block;color:inherit;white-space:nowrap}
+.navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}
+.navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}
+.navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px 20px 20px 25px;width:85%;max-width:480px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
+.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
+.navigation-menu .sosmed:before, .navigation-menu .close:before{top:10px}
+.navigation-menu .sosmed .link{display:none}
+.navigation-menu .sosmed .link svg{width:22px;height:22px}
+.navigation-menu .sosmed ul{display:flex;}
+.navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
+.navigation-menu .sosmed ul svg{fill:$(text.colors)}
+.navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
+.navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
+.navigation-menu .sub-menu:checked + .link svg.name{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
+.nav-menu:checked + .mainWrapper .mainIner #large-ads,
+.nav-menu:checked + .mainWrapper .mainIner main,
+.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:90px}
+
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(25% - 15px)}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
+
+.nav-menu:checked + .mainWrapper .asideIner #nav-widget,
+.nav-menu:checked + .mainWrapper .asideIner #nav-widget:before,
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:68px}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:block;}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name,
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul{padding:0}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:40px;padding-left:150px}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:30px}
+
+/* Navigation Mobile */
+.navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;padding:0 25px;background-color:transparent;z-index:-1;border-radius:20px 20px 0 0}
+.navigation-mobile li{visibility:hidden;opacity:0;width:20%;text-align:center}
+.navigation-mobile a{display:block}
+.navigation-mobile svg{fill:$(text.colors);height:20px;width:20px}
+.navigation-mobile svg.line{fill:none;stroke:$(text.colors)}
+.navigation-mobile .dark-link .svg-2{display:none}
+.navigation-mobile .top-link{visibility:visible;opacity:1}
+.navigation-mobile .top-link a{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:45px;height:45px;background-color:#fefefe;border-radius:20px;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
+.navigation-mobile .top-link svg.line{stroke:$(text.colors)}
+.dark-mode .navigation-mobile .dark-link .svg-2{display:inline-block}
+.dark-mode .navigation-mobile .dark-link .svg-1{display:none}
+
+/* Widget Default */
+.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;font-size:15px}
+.widget-title > *{font-size:inherit}
+.widget-title a{font-size:85%;color:$(text.colors)}
+.widget:not(:last-child){margin-bottom:50px}
+.widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
+.widget input[type=email], .widget input[type=text], .widget textarea{width:100%;padding:8px 12.5px;outline:0;border:0;border-radius:3px;line-height:22px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
+.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:$(link.bg.colors);color:#fefefe;cursor:pointer;font-size:90%;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
+.widget input[type=button]{padding:8px 30px}
+.sidebar ul, .sidebar ol{list-style:none;margin:0;padding:0}
+
+/* Widget Blog */
+.multipleItem .Blog .blog-posts{display:flex;flex-wrap:wrap}
+.multipleItem .Blog .blog-posts article{width:calc(33.333% - 13.333px);margin-right:20px}
+.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:0}
+.Blog article, .FeaturedPost article{display:block;background-color:#fefefe;margin:0 0 20px;padding:10px 10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
+.Blog article .post-thumbnail{margin-bottom:15px}
+.Blog article .post-thumbnail a, .FeaturedPost article .item-thumbnail a, .PopularPosts article .item-thumbnail a, .Blog .related-posts li .item-thumbnail > *{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#f7f9f8;border-radius:4px;overflow:hidden}
+.Blog article .post-content{}
+.Blog article .post-label{font-size:11px;line-height:1.58em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.Blog article .post-label a{color:$(link.colors)}
+.Blog article .post-label a:before{content:'#';font-size:80%}
+.Blog article .post-label a:not(:last-child):after, .FeaturedPost article .item-label > *:not(:last-child):after, .PopularPosts article .item-label a:not(:last-child):after{content:',';margin-right:3px}
+.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
+.Blog article .post-title{font-size:90%}
+.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a{color:inherit}
+
+/* Ubah jadi display:block; untuk menampilkan snippet artikel */
+.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:$(alt.text.colors)}
+
+.Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font-size:11px;color:$(text.colors)}
+.Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:11px;line-height:1.58em}
+.Blog article .post-info .post-header, .FeaturedPost article .item-header .item-info, .PopularPosts article .item-header .item-info{width:calc(100% - 65px)}
+.Blog article .post-info .post-header .post-timestamp, .Blog article .post-info .post-author .post-authorName,
+.FeaturedPost article .item-header .item-timestamp, .FeaturedPost article .item-header .item-label,
+.PopularPosts article .item-header .item-timestamp, .PopularPosts article .item-header .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.Blog article .post-info .post-author .post-authorName{display:block}
+.Blog article .post-info .post-comment, .FeaturedPost article .item-comment, .PopularPosts article .item-comment{display:flex;width:65px;flex-shrink:0;justify-content:flex-end}
+.Blog article .post-info .post-comment > *, .FeaturedPost article .item-comment > *, .PopularPosts article .item-comment > *{display:flex;align-items:flex-end;color:inherit}
+.Blog article .post-info .post-comment > * svg, .FeaturedPost article .item-comment > * svg, .PopularPosts article .item-comment > * svg{width:20px;height:20px;fill:$(alt.text.colors);margin-left:5px}
+.Blog article .post-info .post-comment > * svg.line, .FeaturedPost article .item-comment > * svg.line, .PopularPosts article .item-comment > * svg.line{fill:none;stroke:$(alt.text.colors)}
+.Blog article .post-info .post-comment > .post-shareIcon svg{height:18px}
+
+.Blog article.noThumbnail .post-thumb{color:#989b9f;font-size:10px}
+.Blog article.post{margin:0 15px 30px;padding:0;box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid #ebeced}
+.Blog article.post h1, .Blog article.post h2, .Blog article.post h3, .Blog article.post h4, .Blog article.post h5, .Blog article.post h6{margin:1.7em 0 20px;line-height:1.3em}
+.Blog article.post h1:target, .Blog article.post h2:target, .Blog article.post h3:target, .Blog article.post h4:target, .Blog article.post h5:target, .Blog article.post h6:target{padding-top:70px;margin-top:0}
+.Blog article.post img{display:inline-block;border-radius:3px}
+.Blog article.post .post-headline{margin-bottom:2.5rem;}
+.Blog article.post .post-thumbnail{margin-bottom:20px}
+.Blog article.post .post-thumbnail a{padding-top:34.61%}
+.Blog article.post .post-title{font-size:24px;margin:0}
+.Blog article.post .post-info{margin-top:25px}
+.Blog article.post .post-info .post-author{font-size:inherit;color:$(text.colors)}
+.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text)}
+.Blog article.post .post-info .post-timestamp .publish{display:none}
+.Blog article.post .post-info .post-timestamp .publish:before{content:attr(data-text)}
+.Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}
+.Blog article.post .post-info .post-timestamp .updated:before{content:'published on : '}
+.Blog article.post .post-info .post-header{width:calc(100% - 125px)}
+.Blog article.post .post-info .post-comment{width:125px}
+.Blog article.post .post-entry{font-size:16px;line-height:1.58em}
+.Blog article.post .post-entry p{margin:1.7em 0;}
+
+.Blog article.post .post-labels{display:flex;flex-wrap:wrap;margin:30px 0 30px;padding:0;font-size:13px}
+.Blog article.post .post-labels a{margin:0 10px 10px 0}
+.Blog article.post .post-labels a:before{content:'#';font-size:80%}
+.Blog article.post .post-labels a:not(:last-child):after{content:','}
+
+.Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:20px 0 30px;font-size:13px;line-height:22px;}
+.Blog article.post .post-share:before{display:block;content:'Share this article';width:100%;margin-bottom:20px;font-size:14px;font-weight:700;font-family:$(heading.font)}
+.Blog article.post .post-share .share-icon{flex-grow:1}
+.Blog article.post .post-share .share-icon:not(:first-child){margin-left:10px}
+.Blog article.post .post-share .share-icon > *{display:flex;align-items:center;padding:12px;border-radius:3px;background-color:#fefefe;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
+.Blog article.post .post-share .share-icon > a{padding:12px 15px;color:#fefefe}
+.Blog article.post .post-share .share-icon > a svg{fill:#fefefe}
+.Blog article.post .post-share .share-icon svg{width:20px;fill:$(alt.text.colors)}
+.Blog article.post .post-share .facebookThis a{background-color:#3059b0}
+.Blog article.post .post-share .facebookThis a:after{content:'Facebook';margin-left:15px}
+.Blog article.post .post-share .twitterThis a{background-color:#55acef}
+.Blog article.post .post-share .twitterThis a:after{content:'Twitter';margin-left:15px}
+.Blog article.post .post-share .whatsappThis a{background-color:#25D366}
+.Blog article.post .post-share .whatsappThis a:after{content:'Whatsapp';margin-left:15px}
+.Blog article.post .post-share .shareThis{flex-grow:0}
+
+.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
+.Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:0;margin-bottom:25px}
+.Blog article.post .post-share .share-notif span{position:relative;bottom:-200px;display:block;width:240px;margin:0 auto;padding:10px;border-radius:3px;background-color:#48525c;color:#fefefe;font-size:13px;line-height:22px;text-align:center;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards;}
+.Blog article.post .post-share .share-check:checked + .share-popup, .Profile .team .all-team:checked + .all-member, .Blog .post-font .post-fontContainer.active{opacity:1;visibility:visible}
+.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 auto}
+.Blog article.post .post-share .share-check:checked + .share-popup .full-close, .Profile .team .all-team:checked + .all-member .full-close, .Blog .post-font .post-fontContainer.active .full-close{background:rgba(0,0,0,.35);opacity:1;visibility:visible}
+.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
+.Blog article.post .post-share ul:before, .Blog .post-font .post-fontContainer ul:before{content:'Share this article';display:block;width:100%;margin:0 0 15px;font-size:15px;font-family:$(heading.font);font-weight:700;text-align:center;color:$(main.colors)}
+.Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}
+.Blog article.post .post-share li:nth-of-type(4n){margin-right:0}
+.Blog article.post .post-share li > *{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}
+.Blog article.post .post-share li > * span{display:block;margin:5px 0 0;font-size:90%;color:$(text.colors)}
+.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:$(alt.text.colors);padding:13px;background-color:#ebeced;border-radius:18px;}
+.Blog article.post .post-share li > * svg.line{fill:none;stroke:$(alt.text.colors);padding:16px}
+.Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}
+.Blog article.post .post-share li.share-close, .Profile .team .all-member .member-close, .Blog .post-font .post-fontContainer .close{width:30px;height:30px;margin:0;position:absolute;top:20px;right:-15px;z-index:1}
+.Blog article.post .post-share li.share-close > *, .Profile .team .all-member .member-close label, .Blog .post-font .post-fontContainer .close > *{margin:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:$(link.bg.colors);border-radius:50%}
+.Blog article.post .post-share li.share-close > * svg, .Blog .post-font .post-fontContainer .close > * svg{width:22px;height:22px;padding:0;margin:0;background:transparent;fill:#fefefe}
+
+.Blog .separate{display:block;margin:20px 0}
+.Blog .separate:before{content:'\2027 \2027 \2027';display:block;color:#505050;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;text-indent:0.6em;clear:both}
+
+.Blog blockquote{position:relative;font-size:15px;}
+.Blog blockquote.style-1{margin-left:0;margin-right:0;padding:30px 25px 30px 90px;border-radius:4px;border:2px solid #ebeced}
+.Blog blockquote.style-1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;font-family:$(heading.font);top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
+.Blog blockquote.style-1 ul{font-size:90%}
+
+.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}
+.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}
+.Blog table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:transparent}
+.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:$(alt.text.colors);background-color:transparent;border:0}
+
+.Blog table{min-width:70%;margin:0 auto;border:0;overflow:hidden;font-size:14px;}
+.Blog table th{background-color:transparent;padding:15px 20px;border:1px solid #ddd;border-top:0;border-left:0;font-family:$(heading.font);font-size:13px}
+.Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
+.Blog table td{padding:15px 20px;border:1px solid #ddd;border-left:0;border-top:0;vertical-align:middle}
+.Blog table tr:nth-child(2n + 1) td{background-color:rgba(0,0,0,.025)}
+.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;}
+
+.Blog pre{font-size:13px;position:relative;width:100%;background-color:#29323c;color:rgba(255,255,255,.9);border-radius:3px;padding:20px 20px;margin:25px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;font-family: 'Fira Mono', monospace;line-height:1.5em;}
+.Blog pre code{display:block;padding:0;white-space:pre;font-family: 'Fira Mono', monospace}
+.Blog pre span{color:#e6db74}
+.Blog pre span.block{color:#fff;background:#3a7bd5}
+.Blog pre i{color:#519bd6;font-style:normal}
+.Blog pre i.comment, .Blog pre i.tag{color:#75715e;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
+.Blog pre i.tag{color:#f15a5a}
+.Blog .code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
+
+.Blog .daftar-isi, .Blog .spoiler{border:2px solid #ebeced;border-left:0;border-right:0;padding:25px 15px;margin:30px 0;font-size:15px}
+.Blog .daftar-isi .isi-judul, .Blog .spoiler .spoiler-judul{outline:0;font-weight:700;font-family:$(heading.font);color:$(main.colors);display:flex;}
+.Blog .daftar-isi .isi-judul:after{content: ' Hide all ';font-weight:400;font-size:85%;font-family:$(body.font);color:$(text.colors);margin-left:auto}
+.Blog .daftar-isi .isi-content{max-height:1000vh;transition:all .4s ease;-webkit-transition:all .4s ease;overflow:hidden}
+.Blog .daftar-isi .isi-content a{font-weight:400;color:$(text.colors)}
+.Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none;font-size:14px}
+.Blog .daftar-isi .isi-content ol ol{width:100%;margin-bottom:10px;padding-left:26px}
+.Blog .daftar-isi .isi-content ol li, .Blog .post-tocContent ol li{display:flex;flex-wrap:wrap}
+.Blog .daftar-isi .isi-content ol li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.Blog .daftar-isi .isi-content li ul li a{max-width:none}
+.Blog .daftar-isi .isi-content ol li a:before, .Blog .post-tocContent ol li a:before{content:counters(daftar-count,'.')'. ';counter-increment:daftar-count;display:inline-block;min-width:20px;margin-right:5px;color:$(text.colors);flex-shrink:0;font-weight:700;font-family:$(heading.font)}
+.Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
+.Blog .daftar-isi .isi-content ol ul li{display:list-item}
+.Blog .daftar-isi .isi-content ol ul li:before{display:none}
+.Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
+.Blog .daftar-isi .isi-input:checked + .isi-judul + .isi-content{max-height:0}
+.Blog .daftar-isi .isi-input:checked + .isi-judul:after{content: ' Show all '}
+
+.Blog .post-toc{width:360px;height:calc(100% - $(header.height));padding:30px;background-color:#fafafc;position:absolute;top:$(header.height);right:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;}
+.Blog .post-tocContainer{position:sticky;top:calc($(header.height) + 30px)}
+.Blog .post-tocHeader{position:relative}
+.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;font-family:$(heading.font);margin:0;color:$(main.colors)}
+.Blog .post-tocHeader label svg.drop{margin-left:auto;width:18px;height:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
+.Blog .post-tocHeader label .show{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fefefe;border-radius:50px 0 0 50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);position:absolute;top:0;left:-80px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
+.Blog .post-tocContent ol{padding:0;list-style:none;font-size:14px;font-weight:400;line-height:1.9em;counter-reset: toc-count;}
+.Blog .post-tocContent ol li a:before{content:counters(toc-count,'.')'. ';counter-increment:toc-count;}
+.Blog .post-tocContent ol ol{width:100%;padding-left:26px;margin-bottom:10px}
+.Blog .post-tocContent a{color:$(main.colors);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.Blog .toc-menu:checked + .post-toc{right:-360px}
+.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
+
+.Blog .spoiler{padding:20px 15px}
+.Blog .spoiler .spoiler-judul{align-items:center}
+.Blog .spoiler .spoiler-judul .button{margin:0 0 0 auto;padding:5px 15px;font-size:11px;font-weight:400;font-family:$(body.font);}
+.Blog .spoiler .spoiler-judul .button:before{content:' Show all'}
+.Blog .spoiler .spoiler-isi{max-height:0;margin-top:0;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden}
+.Blog .spoiler .spoiler-isi p, .Blog article.post .spoiler .spoiler-isi p{margin-top:10px}
+.Blog .spoiler .spoiler-isi pre{margin:10px auto 0}
+.Blog .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:' Hide all'}
+.Blog .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{max-height:1000vh;margin-top:1em}
+
+.Blog .post-font > span, .Blog .post-shareIcon label{margin-left:7px}
+.Blog .post-font .post-fontContainer ul:before{content:'Change text size'}
+.Blog .post-font .post-fontContainer li{width:33.333%;text-align:center}
+.Blog .post-font .post-fontContainer li label{display:block;margin:0 auto;cursor:pointer}
+.Blog .post-font .post-fontContainer li label:before{content:'A';font-size:35px;font-weight:700;font-family:$(heading.font);color:#ddd;line-height:60px}
+.Blog .post-font .post-fontContainer li label:hover:before{color:$(main.colors)}
+.Blog .post-font .post-fontContainer li:nth-child(1) label:before{font-size:25px}
+.Blog .post-font .post-fontContainer li:nth-child(3) label:before{font-size:45px}
+.Blog article .post-info .post-comment .post-fontContainer .close > * svg{fill:#fefefe}
+.font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before,
+.font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before,
+.font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before{color:$(main.colors)}
+.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
+.font-size3:checked + article .post-entry{font-size:18px}
+
+.Blog .post-tabs .post-tabsHeader{display:flex;border-bottom:1px solid #ebeced;margin-bottom:30px;font-size:13px}
+.Blog .post-tabs .post-tabsHeader > *:not(:last-child){margin-right:7px}
+.Blog .post-tabs .post-tabsHeader > *{padding:8px 15px;border:1px solid #ebeced;border-bottom:0;border-radius:4px 4px 0 0;position:relative}
+.Blog .post-tabs .post-tabsHeader > *:after{content:'';display:block;width:100%;height:2px;background-color:#fafafc;position:absolute;left:0;bottom:-1px;visibility:hidden;opacity:0}
+.Blog .post-tabs .post-tabsContent{position:relative}
+.Blog .post-tabs .post-tabsContent > *{display:none;transition:all .2s ease;-webkit-transition:all .2s ease;}
+.Blog .post-tabs .post-tabsContent > *:not(:first-child){width:100%}
+.Blog .post-tabs .post-tabsContent > * p:first-child{margin-top:0}
+.tab-1:checked + .tab-2 + .post-tabs .post-tabsHeader > *:first-child:after,
+.tab-2:checked + .post-tabs .post-tabsHeader > *:nth-child(2):after{opacity:1;visibility:visible}
+.tab-1:checked + .tab-2 + .post-tabs .post-tabsContent > *:first-child,
+.tab-2:checked + .post-tabs .post-tabsContent > *:nth-child(2){display:block}
+
+.Blog .post-pagenav > *{padding:6px 15px}
+.Blog .post-pagenav > *:not(:last-child){margin-right:12px}
+
+.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;font-size:12px;color:#fefefe;line-height:22px}
+.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;padding:8px 15px;border-radius:3px;background-color:$(link.bg.colors);color:inherit;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
+.Blog .blog-pager > * svg{width:20px;fill:#fefefe}
+.Blog .blog-pager > * svg.line{fill:none;stroke:#fefefe}
+.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#fefefe;color:$(alt.text.colors)}
+.Blog .blog-pager .newer-link{margin-right:auto}
+.Blog .blog-pager .older-link{margin-left:auto}
+.Blog .blog-pager .js-load svg{margin-right:10px}
+.Blog .blog-pager .js-load.error{background-color:#f15a5a}
+.Blog .blog-pager > span{margin:0 10px 10px 0}
+.Blog .blog-pager > span:last-child{margin-right:0}
+
+.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px;font-size:11px;font-weight:700;font-family:$(heading.font);color:$(alt.text.colors);}
+.Blog .breadcrumbs > *:first-child{display:none}
+.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px}
+.Blog .breadcrumbs > *{flex-shrink:0}
+.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:$(alt.text.colors)}
+
+.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:14px}
+.Blog .accordion li{width:100%;padding:20px 0;border-bottom:2px solid #ebeced}
+.Blog .accordion .accor-title{display:flex;align-items:center}
+.Blog .accordion .accor-title .accor-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:15px;position:relative}
+.Blog .accordion .accor-title .accor-icon:before, .Blog .accordion .accor-title .accor-icon:after{content:'';display:block;width:60%;height:2px;border-radius:2px;background-color:$(main.colors)}
+.Blog .accordion .accor-title .accor-icon:after{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
+.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
+.Blog .accordion .accor-menu:checked + .accor-title .title{color:$(link.colors)}
+.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:$(link.colors)}
+.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
+.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100vh;padding-top:15px;padding-bottom:8px}
+.Blog .accordion .content{margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
+
+.Blog .download-info{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid #ebeced;border-radius:3px;font-size:13px}
+.Blog .download-info .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:15px;color:#fefefe;background:#ebeced linear-gradient(225deg,#00dcc0 0,#005af0 75%);font-weight:700;font-family:$(heading.font)}
+.Blog .download-info .file-text{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.Blog .download-info .file-link{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:6px 10px}
+.Blog .download-info .file-link .m-icon{width:15px;height:15px}
+
+.Blog .author-posts{display:flex;align-items:center;margin:30px 15px;position:relative;padding:15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:13px;}
+.Blog .author-posts .authorImage{flex-shrink:0;margin-right:15px}
+.Blog .author-posts .authorImage div{position:relative;width:50px;padding-top:100%;background-color:#f2f2f2;border-radius:20px}
+.Blog .author-posts .authorInfo{flex-grow:1;}
+.Blog .author-posts .author-name{font-weight:700;font-family:$(heading.font);color:$(main.colors);font-size:13px}
+.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
+.Blog .author-posts .author-desc{color:$(alt.text.colors);margin-top:2px}
+.Blog .author-posts .author-link{list-style:none;margin:0}
+.Blog .author-posts a, .Blog .related-posts a, .Blog .comments a{color:inherit}
+
+.Blog .related-posts{margin:60px 15px 30px}
+.Blog .related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
+.Blog .related-posts li{width:calc(33.333% - 13.333px);margin-right:20px;margin-bottom:20px;padding:10px 10px 18px;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
+.Blog .related-posts li:nth-of-type(3n){margin-right:0}
+.Blog .related-posts li .item-thumbnail{margin-bottom:12px}
+.Blog .related-posts li .item-thumbnail > *{padding-top:60%}
+.Blog .related-posts li .item-thumbnail > *:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:$(sec.night.colors);font-size:10px}
+.Blog .related-posts li .item-title{padding:0 5px;font-size:12px;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
+
+.Blog .related-post.style-1 a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.025);border-radius:70px 0 5px 0;}
+
+.Blog #disqus_thread{margin:30px 15px}
+.Blog .show-comment{margin:30px 15px;font-size:13px}
+.Blog .show-comment label{display:block;margin:0;padding:15px;text-align:center;border:2px solid #ebeced}
+.Blog .show-comment + .comments{height:0;overflow:hidden}
+.Blog .all-comment:checked + .show-comment{display:none}
+.Blog .all-comment:checked + .show-comment + .comments{height:auto;overflow:visible}
+.Blog .comments{margin:30px 15px 0;height:auto}
+.Blog .comments .avatar-image-container{width:52px}
+.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background-color:#f2f2f2;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
+.Blog .comments .comment-header, .Blog .comments .comment-header > *{display:flex;align-items:center}
+.Blog .comments .comment-header .user{font-weight:700;font-size:13px;font-family:$(heading.font)}
+.Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
+.Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#519bd6}
+.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:$(alt.text.colors)}
+.Blog .comments .comment-content{margin-top:15px}
+.Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}
+.Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}
+.Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}
+.Blog .comments .comment-form{margin-left:26px}
+.Blog .comments ol, .Blog .comments ul{list-style:none;margin:0;padding:0}
+.Blog .comments ol > li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#fefefe;border-radius:12px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
+.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-26px}
+.Blog .comments ol > li > .comment-block{padding:10px 15px 0 40px}
+.Blog .comments ol > li > .comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:$(alt.text.colors)}
+.Blog .comments ol > li > .comment-actions a, .Blog .comments .comment-reply a, .Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:$(alt.text.colors)}
+.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:$(alt.text.colors)}
+.Blog .comments ol > li > .comment-replies + .comment-actions{display:none}
+.Blog .comments ol > li > .comment-replies{padding:12px 15px 15px 15px;margin-top:15px;background-color:rgba(0,0,0,.015);border-radius:0 0 12px 12px}
+.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
+.Blog .comments ol > li > .comment-replybox-single{padding:0 15px 0 40px}
+.Blog .comments li li {position:relative}
+.Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ebeced}
+.Blog .comments li li .avatar-image-container{position:absolute;top:0;left:0;width:32px}
+.Blog .comments li li .avatar-image-container div{box-shadow:none}
+.Blog .comments li li .comment-block{padding:5px 0 0 46px}
+.Blog .comments li li .comment-content{margin-top:10px}
+.Blog .comments .thread-show:checked + .comment-thread .thread-chrome,
+.Blog .comments .thread-show:checked + .comment-thread + .comment-reply{display:none}
+.Blog .comments .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
+
+.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;border:2px solid #ebeced}
+.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
+.Blog .sitemaps .judul{margin-top:0;font-size:14px;color:$(text.colors)}
+.Blog .sitemaps .judul:before{content:'Label: ';margin-right:5px}
+.Blog .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:panduan-count}
+.Blog .sitemaps li:not(:last-child){margin-bottom:10px}
+.Blog .sitemaps li{display:flex}
+.Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:40px;font-size:22px;font-family:$(heading.font);line-height:normal;color:rgba(0,0,0,.15);}
+.Blog .sitemaps li a{color:$(main.colors);font-size:90%;font-weight:700;font-family:$(heading.font)}
+.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:$(text.colors);font-size:11px;font-family:$(body.font);font-weight:400;line-height:1.58em}
+.Blog .sitemaps li a:hover:after{text-decoration:underline}
+
+.page .Blog article.post{border:0}
+.page .Blog .breadcrumbs > *:first-child{display:block}
+
+/* Widget FeaturedPost */
+.FeaturedPost article{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:10px;position:relative;overflow:hidden}
+.FeaturedPost article:after{content:'';display:block;min-width:25px;padding:4px 0;background-color:$(link.bg.colors);position:absolute;top:0;right:0;border-radius:0 0 0 3px}
+.FeaturedPost article .item-thumbnail{flex:0 0 auto;width:310px;margin-right:20px}
+.FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0;width:calc(100% - 330px)}
+.FeaturedPost article .item-label a:hover, .PopularPosts article .item-label a:hover, .Label li .label-title:hover{text-decoration:underline}
+.FeaturedPost article .item-title{font-size:105%;line-height:1.48em}
+.FeaturedPost article .item-entry{margin-top:12px;font-size:90%}
+.sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}
+.sidebar .FeaturedPost article .item-content{padding:15px 0 0}
+.sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:90%}
+
+/* Widget PopularPosts */
+.PopularPosts{counter-reset:popular-count}
+.PopularPosts article:not(:last-child){margin-bottom:25px}
+.PopularPosts article .item-thumbnail{margin-bottom:15px}
+.PopularPosts article .item-thumbnail a{padding-top:34.61%;background-color:#fefefe;border-radius:3px}
+.PopularPosts article .item-header{margin-top:5px}
+.PopularPosts article.no-thumbnail{display:flex}
+.PopularPosts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;font-weight:700;font-size:22px;font-family:$(heading.font);color:rgba(0,0,0,.15);}
+.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
+
+/* Widget Label */
+.Label .widget-content{font-size:90%;color:$(main.colors)}
+.Label ul, .Label .cloud-label, .Label .cloud-label .label-all{display:flex;flex-wrap:wrap}
+.Label li{width:calc(50% - 12.5px);margin-bottom:13px}
+.Label li:nth-child(2n+1){margin-right:25px}
+.Label li a{display:flex;align-items:center;color:inherit}
+.Label li a svg{flex-shrink:0;width:20px;height:20px;margin-left:5px;fill:$(alt.text.colors)}
+.Label li a:hover svg{fill:$(link.bg.colors)}
+.Label li:nth-child(2n+1).label-show{margin:0}
+.Label .label-show{width:100%;margin:0}
+.Label .label-show ul, .Label .cloud-label .label-all{margin:0;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;}
+.Label .label-show label{display:flex;align-items:center;justify-content:center;margin-top:4px;padding:4px 0;color:$(alt.text.colors);cursor:pointer}
+.Label .label-show label:before{content: attr(data-show);margin-right:5px; display:none}
+.Label .label-show label span{margin-right:10px}
+.Label .label-show label svg{fill:$(alt.text.colors);height:14px}
+.Label .label-input:checked + .label-all ul, .Label .cloud-label .label-input:checked + .label-all{max-height:100vh}
+.Label .label-input:checked + .label-all + label:before{content: attr(data-hide)}
+.Label .label-input:checked + .label-all + label svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
+.Label .label-title{margin-right:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.Label .label-count{flex-shrink:0;font-size:11px;color:$(alt.text.colors)}
+.Label .cloud-label .label-show label{margin:0 10px 0 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2}
+.Label .cloud-label > *, .Label .cloud-label .label-all > *{display:block;flex:1 0 auto}
+.Label .cloud-label a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2;color:$(text.colors)}
+
+/* Widget Profile Individual */
+.Profile .widget-content{font-size:13px}
+.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:12px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
+.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:20px;background-color:#f1f1f0}
+.Profile .individual .profile-image .profile-g{position:relative;padding-top:100%}
+.Profile .individual .profile-image img, .Blog .author-posts .authorImage div img{border-radius:20px}
+.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}
+.Profile .individual .profile-link{color:$(main.colors);font-weight:700;font-size:13px}
+.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:$(alt.text.colors);line-height:1.4em}
+.Profile .individual .profile-media, .Blog .author-posts .author-link{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fefefe;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2}
+.Profile .individual .profile-media li:not(:last-child) a, .Blog .author-posts .author-link li:not(:last-child) a{margin-right:10px}
+.Profile .individual .profile-media li a, .Blog .author-posts .author-link li a{display:block;padding:5px}
+.Profile .individual .profile-media li a:hover svg, .Blog .author-posts .author-link li a:hover svg{fill:$(link.bg.colors)}
+.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:$(alt.text.colors)}
+
+/* Widget Profile Team */
+.Profile .team ul{display:flex;flex-wrap:wrap}
+.Profile .team ul li{width:60px;margin:0 15px 20px 0}
+.Profile .team .team-member > *, .Profile .team .more-member > *, .Profile .team .more-member{display:block;position:relative}
+.Profile .team .team-member > * .profile-image{position:relative;padding-top:100%;background-color:#fefefe;border-radius:28px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
+.Profile .team .team-member > * .profile-image svg{fill:$(alt.text.colors)}
+.Profile .team .team-member > * .profile-image > *{border-radius:28px}
+.Profile .team .team-member > * .profile-image:after, .Profile .individual .profile-g:after, .Blog .author-posts .authorImage div:after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fefefe;color:$(link.bg.colors);border-radius:50%;position:absolute;right:0;bottom:-2px;box-shadow:0 4px 10px 0 rgba(30,30,30,.08);-webkit-transition:all .1s ease;transition:all .1s ease;}
+.Profile .team .team-member > * .profile-name, .Profile .team .more-member > span{position:absolute;width:100%;text-align:center;color:$(text.colors);font-size:80%;line-height:1.3em;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.Profile .team .team-member > *:hover .profile-image, .Profile .team .more-member:hover > .profile-more{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
+.Profile .team .team-member > *:hover .profile-image:after, .Profile .individual .profile-image:hover .profile-g:after, .Blog .author-posts .authorImage:hover div:after{opacity:0;visibility:hidden;}
+.Profile .team .team-member > *:hover .profile-name, .Profile .team .more-member:hover > span, .Profile .individual .profile-image:hover .profile-media, .Blog .author-posts .authorImage:hover .author-link{opacity:1;visibility:visible}
+.Profile .team .more-member > *{padding-top:calc(100% - 4px);border-radius:28px;border:2px dashed #ebeced}
+.Profile .team .more-member > * svg{fill:$(link.bg.colors)}
+.Profile .team .more-member > .profile-more{-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
+.Profile .team .more-member > span{padding:0;border:0;border-radius:0}
+.Profile .team .all-member .all-memberBox{position:relative;width:95%;height:45%;max-width:500px;margin:0 auto -50%;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
+.Profile .team .all-member .all-memberBox:before{content:'All authors / contributors';width:100%;display:block;padding:25px 25px 5px;border-radius:30px 30px 0 0;background-color:#fafafc;font-size:15px;font-weight:700;font-family:$(heading.font);color:$(main.colors);position:absolute;z-index:1}
+.Profile .team .all-member ul{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:65px 10px 10px 25px}
+.Profile .team .all-member ul li{margin:0 20px 25px 0}
+.Profile .team .all-member .member-close svg{fill:#fefefe}
+
+/* Widget FollowByEmail */
+.FollowByEmail{position:relative;padding:18px 20px 25px;border:2px solid #ebeced;border-radius:4px;font-size:90%}
+.FollowByEmail:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:60px;background:rgba(0,0,0,.01);border-radius:0 0 0 100px}
+.FollowByEmail .title{font-size:14px;margin-bottom:15px;color:$(text.colors)}
+.FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;}
+.FollowByEmail .follow-by-email-label{position:absolute;right:0;display:inline-block;padding:8px 12.5px;cursor:pointer;background-color:$(link.bg.colors);border-radius:3px}
+.FollowByEmail .follow-by-email-label svg{fill:#fefefe}
+.FollowByEmail form, .FollowByEmail > *{position:relative;z-index:1}
+.FollowByEmail input[type=email]{width:calc(100% - 60px)}
+.FollowByEmail input[type=email]:focus + input + label, .FollowByEmail .follow-by-email-label:hover{box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
+.FollowByEmail input[type=submit]{display:none;margin-top:10px}
+
+/* Widget Contact Form */
+.ContactForm{font-size:14px;margin-top:30px;max-width:480px}
+.ContactForm form > *:not(:last-child){margin-bottom:15px}
+.ContactForm label{display:inline-block;margin-bottom:8px}
+.ContactForm div p{display:flex;align-items:center;margin-bottom:0}
+
+/* Widget Slider */
+@keyframes tonext{75%{left:0;} 95%{left:100%;} 98%{left:100%;} 99%{left:0}}
+@keyframes tostart{75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}}
+@keyframes snap{96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}}
+@media (hover:hover){
+.carousel-snapper{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}
+.carousel-slide:last-child .carousel-snapper{animation-name:tostart, snap}}
+@media (prefers-reduced-motion:reduce){
+.carousel-snapper{animation-name:none}}
+.carousel{position:relative;padding-top:30%;border-radius:5px;overflow:hidden}
+.carousel ol{list-style:none;margin:0;padding:0;scrollbar-color: transparent transparent;scrollbar-width: 0px;}
+.carousel ol::-webkit-scrollbar{height:0}
+.carousel-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
+.carousel-slide{display:flex;align-items:center;position:relative;flex:0 0 100%;width:100%;background-color:#f1f1f0;outline:0;}
+.carousel-slide:nth-child(even){background-color:#99f}
+.carousel-snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}
+.carousel-navigation{position:absolute;right:0;bottom:5px;left:0;text-align:center}
+.carousel-navigation-list{display:flex;align-items:center;justify-content:center}
+.carousel-navigation-button{display:block;width:18px;height:12px;background-color:#fff;background-clip:content-box;border:0.25rem solid transparent;border-radius:10px;-webkit-transition:all .1s ease;transition:all .1s ease}
+.carousel-navigation-button:hover{width:30px}
+.carousel-prev, .carousel-next{position:absolute;width:4rem;height:4rem;outline:0;z-index:2;cursor:default}
+.carousel-prev, .carousel:hover:before{left:0;opacity:1;visibility:visible}
+.carousel-next, .carousel:hover:after{right:0;opacity:1;visibility:visible}
+.carousel:hover .carousel-snapper,
+.carousel:focus-within .carousel-snapper{animation-name:none}
+.carousel:before{left:-1em} .carousel:after{right:-1em}
+.carousel:before, .carousel:after{content:'';z-index:1;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;position:absolute;width:3rem;height:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
+.carousel:before{background-image:url('data:image/svg+xml,')}
+.carousel:after{background-image:url('data:image/svg+xml,')}
+
+/* Footer */
+.footbar{margin-top:0;padding:30px 30px 20px 245px;color:inherit;font-size:85%;-webkit-transition:all .2s ease;transition:all .2s ease;}
+.footbar .credit p{margin:20px 0 0;overflow:hidden;white-space:nowrap}
+.footbar .credit a:hover{text-decoration:underline}
+.footbar .credit .creator{opacity:0}
+
+/* Error 404 Page */
+.mainIner.error-404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}
+.mainIner.error-404:before{display:none}
+.error-container{margin:auto;width:90%;max-width:500px}
+.error-container h3{font-size:1.414rem}
+.error-container h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-2.4rem;color:#ebebf0} .dark-mode .error-container h3 span{color:rgba(0,0,0,.2)}
+.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em}
+.error-container .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:$(heading.font);line-height:1.2em}
+
+/* Dark Mode */
+.dark-mode, .dark-mode .Blog .post-toc, .dark-mode .Blog .post-tabs .post-tabsHeader > *:after{background-color:$(bg.night.colors)}
+.dark-mode .header .navicon > * svg, .dark-mode .header .navicon.search > *, .dark-mode .header .searchbar .search-button svg, .dark-mode .Blog article .post-info .post-comment > * svg, .dark-mode .FeaturedPost article .item-comment > * svg, .dark-mode .PopularPosts article .item-comment > * svg, .dark-mode .Label li a svg, .dark-mode .Label .label-show label svg, .dark-mode .Profile .individual .profile-media li svg, .dark-mode .Blog .author-posts .author-link li svg, .dark-mode .Blog .post-tocHeader label svg.drop
+{fill:$(sec.night.colors)}
+.dark-mode .Blog article .post-info .post-comment > * svg.line{stroke:$(sec.night.colors)}
+.dark-mode, .dark-mode .Blog .blog-pager, .dark-mode .Blog .post-pagenav, .dark-mode .Label .widget-content, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .FollowByEmail .title, .dark-mode .Profile .individual .profile-link, .dark-mode .Profile .team .team-member a .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Blog .sitemaps .judul, .dark-mode .Blog .sitemaps li a, .dark-mode .Blog .daftar-isi .isi-judul, .dark-mode .Blog .spoiler .spoiler-judul, .dark-mode .Blog .daftar-isi .isi-content a, .dark-mode .Blog .accordion .accor-title .title, .dark-mode .Blog .author-posts .author-name, .dark-mode .Blog .related-posts li .item-title, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog .post-tocContent a
+{color:$(night.colors)}
+.dark-mode .header, .dark-mode .Blog article, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog .post-pagenav .current, .dark-mode .FeaturedPost article, .dark-mode .Profile .individual, .dark-mode .Profile .individual .profile-media, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed, .dark-mode .Blog .author-posts, .dark-mode .Blog .author-posts .author-link, .dark-mode .Blog .related-posts li, .dark-mode .Blog .comments ol > li
+{background-color:$(bg.sec.night.colors)}
+.dark-mode .header .searchbar input[type=text], .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a, .dark-mode .PopularPosts article .item-thumbnail a, .dark-mode .Profile .individual .profile-image, .dark-mode .Label .cloud-label .label-show label, .dark-mode .Label .cloud-label a, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Blog .comments ol > li > .comment-replies
+{background-color:$(bg.hover.night.colors)}
+.dark-mode .header .navicon .nav i, .dark-mode .Blog .accordion .accor-title .accor-icon:before, .dark-mode .Blog .accordion .accor-title .accor-icon:after
+{background-color:$(night.colors)}
+.dark-mode .header, .dark-mode .navigation-menu, .dark-mode .navigation-mobile, .dark-mode .navigation-menu .sosmed ul svg
+{color:$(night.colors);fill:$(night.colors)}
+.dark-mode .header .navicon .dark-switch, .dark-mode .widget-title a, .dark-mode .FeaturedPost article .item-header, .dark-mode .PopularPosts article .item-header, .dark-mode .PopularPosts article.no-thumbnail:before, .dark-mode .Profile .individual .profile-text, .dark-mode .Label .label-count, .dark-mode .Label .cloud-label a, .dark-mode .Label .label-show label, .dark-mode .FollowByEmail .follow-by-email-text, .dark-mode .button.outline, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote.style-1:before, .dark-mode .Blog article .post-info, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog article.post .post-info .post-author, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog .post-tocContent ol li:before, .dark-mode .Blog .author-posts .author-desc, .dark-mode .Blog article .separate:before, .dark-mode .error-container p, .dark-mode .footbar, .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a, .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle
+{color:$(sec.night.colors)}
+.dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg, .dark-mode .Blog .comments .comment-thread .thread-toggle svg
+{fill:none;stroke:$(sec.night.colors)}
+.dark-mode .button{color:$(night.colors)}
+.dark-mode .button.outline{border-color:$(night.colors)}
+.dark-mode .FollowByEmail, .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog .sitemaps .sitemap-box, .dark-mode .Blog blockquote.style-1, .dark-mode .Blog article.post, .dark-mode .Blog table td, .dark-mode .Blog table th, .dark-mode .Blog .daftar-isi, .dark-mode .Blog .accordion li, .dark-mode .Blog .spoiler, .dark-mode .Blog .download-info, .dark-mode .Blog .comments li li:not(:last-child), .dark-mode .Blog .post-tabs .post-tabsHeader, .dark-mode .Blog .post-tabs .post-tabsHeader > *
+{border-color:rgba(255,255,255,.1)}
+.dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
+.dark-mode .Blog table.tr-caption-container .tr-caption, .dark-mode .Blog article.post{background-color:transparent}
+
+/* Addtional Style */
+.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:$(link.bg.colors);border-radius:3px;font-size:13px;line-height:22px;}
+.button.outline{color:$(text.colors);background-color:transparent;border:1px solid $(alt.text.colors)}
+.button.whatsapp{background-color:#25D366}
+.button:hover{color:#fefefe;opacity:.75}
+.button.outline:hover{color:$(link.bg.colors);border-color:$(link.bg.colors)}
+.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
+.button-info > *{margin:0 12px 12px 0}
+.button-info > *:last-child{margin-right:0}
+
+.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:3px;}
+.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
+.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}
+.lazy-youtube .play-button:hover{border-color:#3a7bd5}
+.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
+.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}
+.lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
+.lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
+.lazy-youtube iframe{height:100%;width:100%;top:0;left:0}
+.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
+.lazy-youtube .playBut svg{width:inherit;height:inherit}
+.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
+.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0.3;}
+.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
+.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge 0.7s ease-in-out;-webkit-animation:nudge 0.7s ease-in-out}
+.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
+
+.iklan-atas + .widget, .iklan-bawah + .widget, .post-entry .widget{margin:30px 0}
+.Blog pre .widget, .Blog pre code .widget, #main-widget > #HTML4{display:none}
+
+/* Non-user Select */
+.post pre code i{user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
+
+/* Background Icon */
+.m-icon{display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
+.m-icon.download{background-image:url('data:image/svg+xml,')}
+.m-icon.whatsapp{background-image:url("data:image/svg+xml,")}
+
+/* Keyframes Animation */
+@-webkit-keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
+@keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
+@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
+@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
+
+/* Responsive */
+@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.45)}}
+@media screen and (max-width:1100px){
+.header #header-widget{width:155px}
+.sidebar{width:300px;padding:30px 25px 50px}
+.mainbar{width:calc(100% - 300px)}
+#nav-widget, #nav-widget:before, .navigation-menu .sosmed{width:200px}
+#large-ads, main, .footbar{padding-left:225px} #large-ads, .footbar{padding-right:25px}
+
+.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:120px}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:25px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:20px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(3n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(6n){margin-right:0}
+.FeaturedPost article .item-thumbnail{width:240px}
+.FeaturedPost article .item-content{width:calc(100% - 260px)}
+.FeaturedPost article .item-title{font-size:97%}
+
+.Blog article.post, .Blog .breadcrumbs, .Blog .related-posts, .Blog .author-posts, .Blog .show-comment, .Blog #disqus_thread{margin-right:0;margin-left:0}
+.Blog article.post .post-title{font-size:22px}
+.Blog article.post .post-share .twitterThis{display:none}
+.Blog .related-posts li{width:calc(50% - 10px)}
+.Blog .related-posts li .item-thumbnail > *{padding-top:57%}
+.Blog .post-toc{width:300px;padding-left:25px;padding-right:25px}
+.Blog .post-tocHeader label .show{left:-75px}
+.Blog .toc-menu:checked + .post-toc{right:-300px}
+
+.multipleItem .Blog .blog-posts article{width:calc(50% - 10px)}
+.multipleItem .Blog .blog-posts article:nth-of-type(3n), .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
+.multipleItem .Blog .blog-posts article:nth-of-type(2n),
+.multipleItem .Blog .blog-posts article:nth-of-type(6n),
+.Blog .related-posts li:nth-of-type(2n),
+.Blog .related-posts li:nth-of-type(6n){margin-right:0}
+}
+@media screen and (max-width:768px){
+.header{padding:0 25px}
+.mainbar, .asideIner{width:100%;position:relative}
+.sidebar{width:100%;padding:0 25px 30px 225px;-webkit-transition:all .2s ease;transition:all .2s ease}
+main{padding-right:25px}
+
+.nav-menu:checked + .mainWrapper .mainIner .sidebar{padding-left:90px}
+.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:flex;flex-wrap:wrap}
+.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 10px);margin-right:20px}
+.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article:nth-of-type(2n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar{padding:0 50px 30px 120px}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:50px}
+
+.Blog .post-toc{width:100%;height:auto;padding:15px 20px;margin-bottom:30px;position:relative;top:0;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px}
+.Blog .post-tocContent{-webkit-transition:all .3s ease;transition:all .3s ease;max-height:0;overflow:hidden}
+.Blog .toc-menu:checked + .post-toc{right:0}
+.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{visibility:hidden;opacity:0}
+.Blog .toc-menu:checked + .post-toc .post-tocHeader label svg.drop{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
+.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:1000vh}
+.dark-mode .Blog .post-toc{background-color:$(bg.sec.night.colors)}
+}
+@media screen and (max-width:640px){
+.header{padding:0 20px;position:absolute;}
+.header .header-inner h1, #header-widget .header-inner h2{font-size:16px}
+.header #header-widget{width:auto;max-width:220px}
+.header .searchbar{position:fixed;top:0;left:0;width:100%;height:auto;max-width:none;padding:0 20px;z-index:10}
+.header .searchbar input[type=text]{background-color:#fefefe;margin-top:-100px;padding:20px 20px 20px 55px;width:100%;z-index:3;border-radius:18px;-webkit-transition:all .3s ease;transition:all .3s ease}
+.header .searchbar .search-button{top:-100px;left:20px;padding-top:20px;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}
+.header .searchbar input[type=text]:focus{margin-top:20px}
+.header .searchbar input[type=text]:focus + .search-button, .header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0}
+.header .searchbar input[type=text]:focus + .search-button + .navicon.search + .full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
+.header .navicon.search{top:-100px;padding-top:20px}
+
+.singleItem.post .header{background-color:#fefefe} .dark-mode .singleItem.post .header{background-color:$(bg.sec.night.colors)}
+.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
+.singleItem .navicon .nav.home{display:block}
+.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:55%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}
+.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0%}
+.singleItem .navicon .nav i:nth-child(3){width:10%;margin-left:62.5%;background-color:transparent;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
+
+.widget:not(:last-child){margin-bottom:40px}
+#large-ads, main, .sidebar, .footbar{padding-left:20px;padding-right:20px} .footbar{padding-bottom:70px}
+#nav-widget:before, .navigation-menu .home{display:none}
+#nav-widget{width:100%;padding:0;background:transparent;box-shadow:none;z-index:49;margin-left:-100%}
+.navigation-menu{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);max-width:480px;width:85%;height:100%;margin-left:-100%;padding:calc($(header.height) + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035);border-radius:0 20px 20px 0}
+.navigation-menu .sosmed{max-width:480px;width:85%;margin-left:-100%;border-radius:0 0 20px 0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
+.navigation-menu:hover{overflow-y:auto}
+
+/* Navigation mobile show */
+.navigation-mobile{background-color:#fefefe;box-shadow:0 -10px 20px 0 rgba(30,30,30,.05);bottom:0}
+.navigation-mobile li{visibility:visible;opacity:1}
+.navigation-mobile .top-link a{display:block;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}
+
+/* Navigation menu */
+.nav-menu:checked + .mainWrapper .mainIner #large-ads,
+.nav-menu:checked + .mainWrapper .mainIner main,
+.nav-menu:checked + .mainWrapper .mainIner .sidebar,
+.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:20px}
+.nav-menu:checked + .mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
+.nav-menu:checked + .mainWrapper .asideIner #nav-widget{width:100%;margin-left:0;z-index:50}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:85%}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu,
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed,
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .close{margin-left:0}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name{display:block}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
+.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
+.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:20px;padding-right:20px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
+.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:15px}
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
+.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
+.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:block}
+.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article{width:100%;margin-right:0}
+.dark-mode .navigation-mobile, .dark-mode .navigation-menu, .dark-mode .navigation-menu .close{background-color:$(bg.sec.night.colors)}
+.dark-mode .navigation-mobile svg{fill:$(night.colors)}
+.dark-mode .navigation-mobile svg.line, .dark-mode .navigation-mobile .top-link svg.line{fill:none;stroke:$(night.colors)}
+.dark-mode #nav-widget{background-color:transparent}
+
+/* Blog article */
+.multipleItem .Blog .blog-pager{margin:40px 0 0}
+.multipleItem .Blog .blog-posts article{width:calc(50% - 7.5px);margin-right:15px}
+.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:15px}
+.multipleItem .Blog .blog-posts article:nth-of-type(2n),
+.multipleItem .Blog .blog-posts article:nth-of-type(4n),
+.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
+
+.Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting: '}
+.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{align-items:flex-end;z-index:60}
+.Blog article.post .post-share ul, .Profile .team .all-member .all-memberBox, .Blog .post-font .post-fontContainer ul{width:100%;max-width:none;margin-left:20px;margin-right:20px}
+.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 20px 20px}
+.Blog blockquote.style-1{padding:20px 20px 20px 70px} .Blog blockquote.style-1:before{top:0;left:15px}
+.Blog .author-posts, .iklan-atas + .widget, .iklan-bawah + .widget, .Blog .show-comment{margin:30px 0}
+.Blog .author-posts .author-desc{font-size:11px;line-height:1.3em}
+.Blog .related-posts{margin:60px 0 30px}
+.Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px;padding:8px 8px 15px}
+.Blog .related-posts li:nth-of-type(3n){margin-right:15px}
+.Blog .related-posts li:nth-of-type(6n){margin-right:0}
+.Blog .post-pagenav > *{padding:4px 12px}
+.Blog .comments{margin:30px 0 0}
+.Blog .comments ol > li, .Blog .related-posts .title{font-size:13px}
+.Blog .breadcrumbs, .Blog article.post .post-info, .Blog article.post .post-share li > * span,
+.Blog .comments .comment-header .datetime, .Blog .author-posts .author-link a{font-size:10px}
+.Blog article.post .post-share, .Blog .blog-pager, .Blog .related-posts li .item-title, .Blog .post-pagenav,
+.Blog .comments .comment-thread .thread-toggle, .Blog .comments ol > li > .comment-replies .comment-reply,
+.Blog .comments ol > li > .comment-actions{font-size:11px}
+.Blog .author-posts .author-name, .Blog .comments .comment-header .user{font-size:12px}
+
+.FeaturedPost article .item-title, .sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:97%}
+.carousel{padding-top:35%}
+}
+@media screen and (max-width:480px){
+.multipleItem .Blog .blog-posts article, .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
+.Blog .related-posts li, .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 5px);margin-right:10px}
+.multipleItem .Blog .blog-posts article:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
+.Blog .related-posts li:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:10px}
+.multipleItem .Blog .blog-posts article:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
+.Blog .related-posts li:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
+.multipleItem .Blog article, .Blog .related-posts li{padding:8px 8px 12px;margin-bottom:10px}
+.multipleItem .Blog article .post-title{font-size:80%}
+.multipleItem .Blog article .post-info .post-author, .FeaturedPost article:after{display:none}
+.multipleItem .Blog article .post-label{font-size:10px}
+.multipleItem .Blog article .post-info, .multipleItem .Blog article .post-info .post-author{font-size:9px}
+.multipleItem .Blog article .post-info .post-comment > * svg{width:16px}
+.FeaturedPost article{padding:8px}
+.FeaturedPost article .item-thumbnail{width:100%;margin:0 0 15px}
+.FeaturedPost article .item-thumbnail a{padding-top:50%}
+.FeaturedPost article .item-content{padding:0 5px 8px;width:100%}
+
+.button-info > *{flex-grow:1;justify-content:center}
+.button-info > *:last-child{flex-grow:0;flex-shrink:0}
+.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
+}
+
+/* Sample Ads (Silahkan hapus bagian ini jika iklan sudah di replace semua) */
+.ads-here{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;min-height:150px;padding:15px;border:1px solid rgba(0,0,0,.05);border-radius:3px;color:#989b9f;font-size:75%}
+.ads-here:after{content:'';display:block;width:50px;height:12px;background-color:rgba(0,0,0,.05);border-radius:0 0 0 8px;position:absolute;top:0;right:0}
+.ads-here .ads-img{width:30%;display:flex;flex-shrink:0;align-items:center;justify-content:center;font-style:normal;background-color:rgba(0,0,0,.05)}
+.ads-here .ads-img:before{content:'Sample ads'}
+.ads-here .ads-content{width:50%;padding:20px 0 0 15px}
+.ads-here .ads-content:before, .ads-here .ads-content:after{content:'';display:block;width:100%;padding-top:30px;background-color:rgba(0,0,0,.05)}
+.ads-here .ads-content:after{width:70%;margin-top:12px;padding-top:20px}
+.ads-here .ads-button{width:20%;display:flex;flex-shrink:0;align-items:center;justify-content:center;}
+.ads-here .ads-button:before{content:'';width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.05)}
+.ads-here.in-article .ads-img{width:100%;min-height:100px;margin-bottom:15px}
+.ads-here.in-article .ads-content{padding:0;width:60%} .ads-here.in-article .ads-button{width:40%;justify-content:flex-end;align-items:flex-end}
+.ads-here.in-article .ads-content:before{padding-top:12px}
+.ads-here.in-article .ads-content:after{padding-top:10px}
+.ads-here.in-article .ads-button:before{width:50px;height:10px;border-radius:0}
+.ads-here.text{padding:15px 0;border-left:0;border-right:0;border-radius:0}
+.ads-here.text .ads-text{display:flex;flex-wrap:wrap;width:100%}
+.ads-here.text .ads-text i{width:calc(50% - 10px);height:27px;margin:5px;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;position:relative;overflow:hidden;border-radius:15px}
+.ads-here.text .ads-text i:before{content:'';height:8px;width:30%;margin:auto auto;background-color:rgba(0,0,0,.05)}
+.ads-here.text .ads-text i:after{content:'';height:25px;width:30px;background-color:rgba(0,0,0,.05);position:absolute;right:0}
+@media screen and (max-width:768px){ .ads-here .ads-content:before{padding-top:12px} .ads-here .ads-content:after{padding-top:10px} .ads-here .ads-button{align-items:flex-end;justify-content:flex-end} .ads-here .ads-button:before{height:10px;border-radius:0}}
+@media screen and (max-width:640px){.ads-here{min-height:90px}.ads-here .ads-content{padding-top:10px} .ads-here.text .ads-text i{width:100%;margin:5px 0}}
+
+/* dihapus */
+.text-here{display:flex;align-items:center;height:100%;padding:30px}
+.text-here .text-left{flex-grow:1}
+.text-here .text-left i{display:block;width:70%;height:25px;background-color:rgba(0,0,0,.05)}
+.text-here .text-left i.bot{height:17px;width:50%;margin-top:12px}
+.text-here .text-left i.go{width:30%;max-width:100px;margin-top:20px;background-color:#99f}
+.text-here .text-img{flex-shrink:0;width:30%;height:80%;margin:auto 0;background-color:rgba(0,0,0,.05)}
+@media screen and (max-width:768px){.text-here .text-left i{height:12px}.text-here .text-left i.bot{height:8px;margin-top:8px}.text-here .text-left i.go{margin-top:12px}.text-here .text-img{height:100%}}
+ ]]>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Removed
+
+
+
+
+ Removed
+ Removed
+
+ Removed
+
+ Removed
+ Removed
+ Removed
+ Removed
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Removed
+ Removed
+ Removed
+
+
+
+
+
+ Removed
+ Removed
+ Removed
+
+ Removed
+ Removed
+
+
+
+
+
+
+
+
+
+ Dont show.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Removed
+ Removed
+ Removed
+
+
+ Removed
+ Removed
+
+ Removed
+
+ Removed
+ Removed
+ Removed
+ Removed
+
+ Removed
+
+
+
+ Removed
+ Removed
+ Removed
+
+
+
+
+
+ Removed
+ Removed
+ Removed
+
+ Removed
+ Removed
+
+
+
+
+
+
+
+
+
+ Dont show.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
Close authors pop-up
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Removed
+ Removed
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Removed
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <!-- -->
+
+