:root, :before, :after{
  --bg-2:350deg 100% 51%; 
  --bg-3:0deg 0% 100%; 
  --bg-4:0deg 0% 13%; 
  --color-border:#FFFFFF;
  --color-default:#F4F4F4; 
  --color-link-primary:0deg 0% 100%; 
  --color-link-secondary:42deg 100% 52%;
  --color-fb:#1877f2;
  --color-tw:#00acec;
  --color-wa:#2bb240;
  --color-ot:#FFFFFF;
  --shadow-default:0 2px 10px rgb(0 0 0 / 25%);
  --shadow-neumorp:-1px -1px 2px rgba(255,255,255,.1), 1px 1px 6px rgba(0,0,0,.1);
  --shadow-inset:inset -2px -2px 4px rgba(255,255,255,.2), inset 2px 2px 12px rgba(0,0,0,.2);
}

.section-light{
  --color-default:#717171;
  --color-link-primary:0deg 0% 13%; 
  --color-border:#212121;
  background-color:hsl(var(--bg-3) / 100%);
  color:var(--color-default);
}

body, html{color:var(--color-default);}
a, button, .btn, #btt{transition:all 0.25s; cursor:pointer}
a{color:hsl(var(--color-link-primary) / 100%); fill:hsl(var(--color-link-primary) / 100%);}
a:hover, button:hover{color:hsl(var(--color-link-secondary) / 100%); fill:hsl(var(--color-link-secondary) / 100%);}
.btn, a.btn, button.btn{border-radius:var(--size-3); color:hsl(var(--bg-3) / 100%) !important; fill:hsl(var(--bg-3) / 100%) !important; 
background-color:hsl(var(--color-link-secondary) / 100%);}
.btn:hover, a.btn:hover, button.btn:hover{background-color:hsl(var(--color-link-primary) / 100%);}
#btt{position:fixed; bottom:calc(var(--size-6) * 3); right:var(--size-3); border-radius:50%; 
z-index:calc(var(--max-zindex) - 4000); width:var(--size-5); height:var(--size-5); 
background-color:hsl(var(--color-link-secondary) / 100%); fill:hsl(var(--bg-1) / 100%);}
#btt:hover, #btt:focus{background-color:hsl(var(--color-link-primary) / 100%);}
.flex_ori > img{opacity:0; transition:all 300ms;}
.flex_ori > img.lazyloaded{opacity:1;}
.popup-copied{position:fixed; z-index:var(--max-zindex); top:calc(var(--size-6) + var(--size-3)); left:0; 
width:100%; text-align:center;}
.popup-copied-alert{display:inline-flex; margin:0 auto; padding:var(--size-3) var(--size-4); font-size:16px; color:hsl(var(--bg-3) / 100%);
background-color:hsl(var(--color-link-secondary) / 100%); border-radius:var(--size-4); box-shadow:var(--shadow-default);}
.section-title-label{border-color:var(--color-border); color:var(--color-border);}
.share-link-fb{fill:var(--color-fb);}
.share-link-tw{fill:var(--color-tw);}
.share-link-wa{fill:var(--color-wa);}
.share-link-ot{fill:var(--color-ot);}
.sticky-link{color:hsl(var(--bg-3) / 100%);}
.sticky-curr{color:hsl(var(--color-link-secondary) / 100%); fill:hsl(var(--color-link-secondary) / 100%);}
.thumb-loading:before{animation:skeleton-loading 0.5s linear infinite alternate; background-color:hsl(var(--color-link-secondary) / 100%);}
@-webkit-keyframes skeleton-loading{0%{opacity:0.05;}100%{opacity:0.15;};}
@keyframes skeleton-loading{0%{opacity:0.05;}100%{opacity:0.15;};}
.video-dailymotion{position:absolute !important; top:0; left:0; width:100%; height:100%;}

header{box-shadow:var(--shadow-default);}
.header-logo:hover{opacity:0.5;}

.section-cover:after{background:linear-gradient(to bottom,hsl(var(--bg-1) / 0%) 0%,hsl(var(--bg-1) / 100%) 100%);}

.section-sejarah-container{position:relative; z-index:2000; display:grid; grid-gap:var(--size-5);}
.ssc-image-frame{width:100%; max-width:377px; border-radius:var(--size-4); overflow:hidden;}
.ssc-image-frame:before{padding-top:133.33%; position:relative; z-index:3000;
background:linear-gradient(to bottom,hsl(var(--bg-4) / 0%) 50%,hsl(var(--bg-4) / 100%) 100%);}
.ssc-image-label{position:absolute; z-index:4000; bottom:0; left:0; width:100%; padding:var(--size-4); 
font-size:var(--size-4); line-height:150%; text-transform:uppercase;}
.ssc-info{line-height:150%; display:grid; grid-gap:var(--size-3);}

.section-anggota-container{display:grid; grid-gap:var(--size-4);}
.sac-info .section-title{justify-content:flex-start;}
.sac-desc{line-height:150%; display:grid; grid-gap:var(--size-3);}
.sac-flag{display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:min-content;}
.sac-flag-box:before{padding-top:66.48%;}
.sac-flag-box:hover .sac-name{opacity:1;}
.sac-name{position:absolute; z-index:2; top:0; left:0; bottom:0; right:0; line-height:140%; background-color:hsl(var(--bg-4) / 64%); 
display:flex; align-items:center; justify-content:center; text-align:center; color:var(--color-ot);
padding:var(--size-2); opacity:0; transition:all 0.25s;}
.sac-corak .svgicon{width:auto; height:var(--size-5); margin-top:var(--size-4); fill:hsl(var(--bg-2) / 100%);}

.section-isu .section-title-label{text-align:center;}
.section-isu-container{display:grid; grid-gap:var(--size-4);}
.sic-button{border-radius:var(--size-4); box-shadow:var(--shadow-default); overflow:hidden;}
.sic-button:before{padding-top:56.25%;}
.sic-label{position:absolute; z-index:2000; top:0; left:0; bottom:0; right:0; background-color:hsl(var(--bg-4) / 34%); transition:all 0.25s;
font-size:var(--size-4); line-height:140%; font-weight:900; text-transform:uppercase; color:var(--color-ot); text-shadow:0 0 3px rgb(0 0 0 / 55%);
display:flex; justify-content:center; align-items:center; text-align:center; padding:var(--size-5);}
.sic-button:hover .sic-label{background-color:hsl(var(--bg-4) / 89%);}
.popup-issue, .popup-issue-overlay, .popup-issue-container{top:0; left:0; width:100%; height:100vh;}
.popup-issue{position:fixed; z-index:calc(var(--max-zindex) - 4000); background-color:hsl(var(--bg-1) / 89%);}
.popup-issue-overlay{position:absolute; z-index:1000;}
.popup-issue-close{position:absolute; z-index:3000; right:0; top:var(--size-6); padding:var(--size-4); fill:hsl(var(--bg-3) / 89%);}
.popup-issue-close:hover{fill:hsl(var(--bg-2) / 89%);}
.popup-issue-container{position:absolute; padding:calc(var(--size-6) + var(--size-6)) var(--size-4);}
.popup-issue-box{position:relative; z-index:2000; width:100%; max-width:610px; max-height:100%; padding:var(--size-4); 
background:linear-gradient(227deg,hsl(var(--bg-1) / 100%) 0%,hsl(var(--bg-2) / 100%) 100%); 
border-radius:var(--size-2); overflow-y:auto;}
.pic-title{font-weight:900; text-transform:uppercase; font-size:var(--size-4); line-height:140%; padding-bottom:var(--size-4); border-bottom:1px solid var(--color-border);}
.pic-desc p{padding-top:var(--size-4); line-height:140%;}
@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  .popup-issue{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:hsl(var(--bg-1) / 55%);}
}

.section-agenda{background:linear-gradient(to bottom,hsl(var(--bg-2) / 100%) 0%,hsl(var(--bg-1) / 100%) 100%);}
.section-agenda .section-title{justify-content:flex-start;}
.section-agenda-container{display:grid; grid-gap:var(--size-4);}
.sgc-box{display:grid; grid-gap:var(--size-3); grid-template-columns:auto 1fr; align-items:center;}
.sgc-number-circle{position:relative; z-index:1000; width:34px; height:34px; display:flex; justify-content:center; align-items:center;}
.sgc-number-circle:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
background-color:hsl(var(--bg-2) / 100%); border-radius:50%;}
.sgc-number-circle > b{z-index:2000; font-size:21px; line-height:21px;}

.section-artikel-container{display:grid;}
.content-list-box{position:relative; font-weight:normal;}
.content-list-thumb{position:relative; z-index:1000;}
.content-normal-box .content-list-thumb-frame:before{padding-top:56.25%;}
.content-list-info{position:absolute; z-index:2000; bottom:0; left:0; width:100%; padding:var(--size-4); display:flex; flex-wrap:wrap;
background:linear-gradient(to bottom,hsl(var(--bg-4) / 0%) 0%,hsl(var(--bg-4) / 100%) 100%);}
.content-list-title, .content-list-desc{width:100%; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.content-list-kanal, .content-list-date, .content-list-desc{color:var(--color-default); font-size:var(--size-3);}
.content-list-title{font-weight:900; margin-bottom:var(--size-2); font-size:var(--size-4); line-height:140%; -webkit-line-clamp:2;
text-shadow:2px 2px 10px hsl(var(--bg-4) / 100%);}
.content-list-kanal{margin-right:var(--size-2); padding-right:var(--size-2); border-right:1px solid hsl(var(--color-link-primary) / 100%);}
.content-list-desc{font-weight:normal; margin-top:var(--size-2); line-height:140%; -webkit-line-clamp:3;}

.section-artikel-container .content-big-box .content-list-thumb-frame:before{padding-top:100%;}

.section-article-lainnya{margin-top:var(--size-4);}
.section-article-button{padding:var(--size-3) var(--size-5); border:2px solid hsl(var(--color-link-primary) / 100%);}
.section-article-button:hover{border:2px solid hsl(var(--color-link-secondary) / 100%);}

.section-video-container{display:grid; grid-gap:var(--size-4);}
.content-video-icon{position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; opacity:0.55;}
.content-video-icon .svgicon{width:auto;}

.slotiklan-separator{padding-top:var(--size-6); width:100%;}
  
.sticky-bottom{position:fixed; z-index:calc(var(--max-zindex) - 4000); left:0; width:100%;}
.sticky-bottom > span{display:flex; position:relative;}
.sticky-bottom-show{display:flex;}
.sticky-bottom-close{position:absolute; z-index:2; top:-25px; right:0; width:35px; height:25px; 
fill:hsl(var(--bg-3) / 100%); background-color:hsl(var(--bg-4) / 100%);}

footer.footer-all{padding-bottom:calc(var(--size-6) + 70px);}
footer .app-market .flex_ori{width:120px; height:40px;}




@media screen and (min-width:0px) and (max-width:1023px){
  body.freeze-scroll{overflow:hidden;}
  
  .float-overlay{position:fixed; z-index:calc(var(--max-zindex) - 3000); background-color:hsl(var(--bg-3) / 100%);
  top:var(--size-6); left:0; width:100%; height:calc(100vh - (var(--size-6) * 2));}
  
  .section-artikel{padding:var(--size-6) 0;}
  .section-artikel .section-title{padding:0 var(--size-4);}
  
  .section-video-container .content-list-box{display:grid; grid-template-columns:89px 1fr; grid-gap:var(--size-3);}
  .section-video-container .content-list-box .content-list-thumb{border-radius:var(--size-3); overflow:hidden;}
  .section-video-container .content-list-box .content-list-thumb-frame:before{padding-top:100%;}
  .content-video-icon .svgicon{height:var(--size-5);}
  .section-video-container .content-list-box .content-list-info{position:relative; padding:0; background:0; align-items:center; align-content:center;}
  .section-video-container .content-list-box .content-list-title{font-size:13px; -webkit-line-clamp:3;}
  
  @media screen and (min-width:568px){
    .section-artikel-container{grid-template-columns:repeat(2,1fr);}
	.section-artikel-container .content-big-box .content-list-thumb-frame:before{padding-top:56.25%;}
    .content-list-desc{display:none;}
    
    .section-video-container .content-list-box{grid-template-columns:144px 1fr;}
    .section-video-container .content-list-box .content-list-thumb-frame:before{padding-top:56.25%;}
  }
  
  .sticky-bottom{bottom:var(--size-6);}
}



@media screen and (min-width:640px){
  .section-anggota-container{grid-template-columns:repeat(2,1fr);}
  .section-isu-container{grid-template-columns:repeat(3,1fr);}
  .sic-button:before{padding-top:100%;}
}



@media screen and (min-width:1024px){
  .section-sejarah-container{grid-template-columns:377px 1fr;}
  
  .section-agenda-container{grid-template-columns:repeat(2,1fr);}
  
  .section-artikel-container{grid-template-columns:620px 1fr;}
  .section-artikel-container .content-big-box{grid-row:1/4;}
  
  .section-video-container{grid-template-columns:repeat(2,1fr);}
  .section-video-container .content-list-box{border-radius:var(--size-4); overflow:hidden;}
  .section-video-container .content-list-box .content-list-thumb-frame:before{padding-top:56.25%;}
  .content-video-icon .svgicon{height:var(--size-6);}
  
  .sticky-bottom{bottom:0;}
}