.storybook-header{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{font-weight:700;font-size:20px;line-height:1;margin:16px 0 6px 10px;display:inline-block;vertical-align:top}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{color:#333;font-size:14px;margin-right:10px}.logo h1{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;margin-left:9px;padding-top:15px}.iklan-header{background-color:red}.login-signup{padding-bottom:10px;text-align:right;padding-right:57px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.login-signup .pencarian{padding-right:10px}#header-blog{top:0;background:white;box-shadow:7px 0 20px #bcbcbc;padding-bottom:10px}#header-blog .logo a{text-decoration:none;color:#000;align-items:center;display:flex}#header-blog .logo svg{flex:1}#header-blog nav#menu{position:relative}@media (max-width: 768px){#header-blog nav#menu .btn-sm-md{left:13px;position:relative;bottom:47px}}#header-blog nav#menu ul{list-style:none;display:inline-flex;margin-top:9px;margin-bottom:0;padding-left:0}#header-blog nav#menu ul li{padding:10px}@media screen and (max-width: 768px){#header-blog nav#menu ul{display:none}}#header-blog nav#menu .pencarian{padding-left:20px;position:absolute;top:10px;right:0}#header-blog nav#menu .pencarian:hover{color:red}@media screen and (max-width: 768px){#header-blog nav#menu .pencarian{display:none}}#header-blog nav#menu .mega-menu-wrapper{box-shadow:0 2px 2px #bcbcbc;left:0;display:none;background:#f5f5f5;width:100%;max-width:100%;position:absolute;top:44px;z-index:1;height:auto}#header-blog nav#menu .mega-menu-wrapper .row{margin-left:0;margin-right:0}#header-blog nav#menu .mega-menu-wrapper .row .sub-menu{background:#f5f5f5;margin-top:19px;padding:0;margin-bottom:19px}#header-blog nav#menu .mega-menu-wrapper .row .sub-menu ul{width:167px;padding:0;display:block;height:286px;overflow-x:scroll}#header-blog nav#menu .mega-menu-wrapper .row .sub-menu ul li{text-align:right;padding:0}#header-blog nav#menu .mega-menu-wrapper .row .sub-menu ul li:hover{background:white;border-bottom:1px solid #e3e3e3}#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori{padding-top:12px;display:inline-block;top:-19px;position:absolute}#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori .anak-loading{position:absolute;margin:auto;width:100%}#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori .thumbnail img{height:184px;max-width:100%;position:relative;top:0;bottom:0;left:0;right:0;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1200px){#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori.col-md-12{max-width:85.3%!important}}@media screen and (min-width: 992px) and (max-width: 1999px){#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori.col-md-12{max-width:82.7%}}@media screen and (min-width: 200px) and (max-width: 991px){#header-blog nav#menu .mega-menu-wrapper .konten-per-kategori.col-md-12{max-width:76.7%}}#header-blog .burger-container{width:73px;display:block;position:absolute;right:20px;top:11px}#header-blog .overlay{margin-top:98px;height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:.5s}#header-blog .overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}#header-blog .overlay .closebtn{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}#header-blog .overlay a{padding:2px;text-decoration:none;font-size:1rem;color:#818181;display:block;transition:.3s}#header-blog .overlay a:hover,#header-blog .overlay a:focus{color:#424242}#header-blog .overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-height: 450px){#header-blog .overlay a{font-size:20px}#header-blog .overlay .closebtn{font-size:40px;top:15px;right:35px}}#header-blog{transition:1s;top:0;box-shadow:7px 0 20px #bcbcbc;position:fixed;width:100%;z-index:2}#header-blog.sticky-up{transition:1s;top:-174px;box-shadow:7px 0 20px #bcbcbc;position:fixed;width:100%;z-index:2}.storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#1ea7fd}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}#menu ul li a{color:#1b1b1b;text-decoration:none;font-size:15px}#menu ul li a:hover{color:#7c7c7c;font-size:15px}@media (max-width: 1280px){#menu{display:none}}#curtain-menu-section{top:52px;position:absolute;background-color:#fff;height:75%}.curtain-menu-section-open{width:100%!important}.curtain-menu-section-close{width:0%}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6.4px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#content-wrapper{background:yellow!important;padding-top:25px}#content-wrapper .data-konten{color:#0ff}#content-wrapper .data-konten .judul{text-align:center}#content-wrapper .data-konten .konten .judul-gambar-artikel img{-o-object-fit:contain;object-fit:contain;height:344px}