*,html,:before,:after{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:700}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content_center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:975px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --max-zindex:2147483648;
  --default-fontsize:14px;
  --title-fontsize:16px;
  --bg-1:#FAFAFA; 
}



body, html{font-family:'Montserrat',sans-serif; font-size:var(--default-fontsize); font-weight:400; letter-spacing:0.4px; font-feature-settings:'lnum' 1; 
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{ min-height:100vh;}
body{background-color:var(--bg-1); overflow-x:hidden;}
a, button{font-weight:bold;}
.btn, a.btn, button.btn{padding:var(--size-3) var(--size-4); font-weight:normal; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.sticky-link{position:relative; font-weight:bold;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}



.search-box{position:relative;}
.search-field{border:0; background-color:var(--bg-2); color:var(--color-text-2); padding:var(--size-4); padding-right:var(--size-6); min-width:300px;}
.search-button{position:absolute; z-index:1000; top:0; right:0; height:100%; width:var(--size-6); padding:0 !important;}



header{position:-webkit-sticky; position:sticky; z-index:calc(var(--max-zindex) - 5000); top:0; width:100%;}
header .width-max{display:flex; justify-content:space-between;}
.header-link{height:var(--size-6);}
.header-logo{padding-left:0;}
.header-search{padding-right:0;}
.header-logo img{height:var(--size-5); width:auto;}



.rancak-container{position:relative;}
.rancak-container > .width-max{display:block;}
.main-container{display:grid; grid-gap:var(--size-5);}
.column-container{display:grid; grid-template-columns:1fr; grid-template-rows:min-content; grid-row-gap:var(--size-5);}
.column-big-split{display:grid; grid-gap:var(--size-5);}

.section-title{font-size:var(--size-4); position:relative; margin-bottom:var(--size-3); display:flex; justify-content:space-between; font-weight:900;}



.content-list-container{display:grid; grid-gap:var(--size-2); grid-template-columns:repeat(auto-fit, minmax(270px,1fr));}
.content-box{position:relative; padding:var(--size-3); display:grid; grid-gap:var(--size-3); grid-template-columns:82px 1fr; align-items:center;}
.content-thumb-frame:before{padding-top:100%;}
.content-info{display:grid; grid-gap:var(--size-1) var(--size-2); grid-template-columns:auto 1fr; grid-auto-rows:min-content;}
.content-info div{font-size:calc(var(--default-fontsize) - 3px); font-weight:normal;}
.content-info-channel{padding-right:var(--size-2); border-right:1px solid;}
.content-info-title{font-size:var(--default-fontsize); line-height:150%; grid-column:1/3;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}



.tag-sidebar-container{display:grid; grid-gap:var(--size-2);}
.tag-box{display:grid; grid-template-columns:55px 1fr;}
.tag-box > *{padding:var(--size-3);}
.tag-hash{font-size:var(--size-5); text-align:center; border-right:1px dashed;}
.tag-info{display:flex;}
.tag-title{display:flex; align-items:center; font-size:var(--default-fontsize); line-height:150%;}
.tag-info{font-size:11px; font-weight:normal; margin-top:var(--size-1);}
.tag-info-view{padding-right:var(--size-2); margin-right:var(--size-2); border-right:1px solid;}



.share-box{display:flex; justify-content:space-between; align-items:center;}
.share-label{padding-left:var(--size-4);}
.share-list{display:flex;}
.share-button{padding:var(--size-3); line-height:100%;}
.share-button:last-child{padding-right:calc(var(--size-3) * 2)}
.share-button .svgicon{width:auto; height:21px;}



.sticky-bottom{position:fixed; z-index:calc(var(--max-zindex) - 6000); bottom:0; left:0; width:100%;}
.sticky-bottom-frame{position:relative;}
.sticky-bottom-close{position:absolute; z-index:1000; top:0; right:0; padding:var(--size-1) var(--size-3); line-height:0;}
.sticky-bottom-box{position:relative; z-index:1; line-height:0;}





@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  .header-link, .menu-link{padding:0 var(--size-3);}
  .header-left, .header-right{display:flex;}
  .header-link .svgicon{width:auto; height:var(--size-4);}
  .header-logo{padding-left:var(--size-4);}
  .header-menu{padding-right:var(--size-4);}
  
  
  
  .rancak-container{margin-top:var(--size-4);}
  .rancak-container-mobilemargin{margin-top:0;}
  .main-container{grid-template-columns:1fr;}
  .section-container{margin:0 var(--size-4);}
  
  
  
  .iklan-mobile-top{margin-top:calc(var(--size-4) * -1); margin-bottom:calc(var(--size-3) * -1);}
  
  .iklan-giantbanner{position:relative;}
  .iklan-giantbanner-close{position:fixed; z-index:2; top:0; right:0; width:var(--size-5); height:var(--size-5);}
  .iklan-giantbanner-content{line-height:0; position:relative; z-index:1; width:320px; height:480px;}
  
  
  
  .sticky-bottom-box{width:320px; min-height:50px; max-height:100px;}
}