:root{
  --rounded-small:8px;
  --rounded-normal:16px;
  --color-background:#FCFCFC; 
  --color-sticky:#FFFFFF; 
  --color-border:#E0E0E0;
  --color-default:#616161; 
  --color-link-primary:0deg 0% 13%; 
  --color-link-secondary:337deg 100% 45%;
  --color-link-tertiary:201deg 100% 50%;
  --shadow-default:0 2px 10px rgb(0 0 0 / 25%);
  --shadow-neumorp:-2px -2px 4px rgba(255,255,255,.2), 2px 2px 12px rgba(0,0,0,.2);
  --shadow-inset:inset -2px -2px 4px rgba(255,255,255,.2), inset 2px 2px 12px rgba(0,0,0,.2);
}

a, .btn, #btt, .article-list-thumb-frame{transition:all 0.25s;}
a, .btn, #btt{cursor:pointer}
a{color:hsl(var(--color-link-primary) / 100%);}
a:hover{color:hsl(var(--color-link-tertiary) / 100%); fill:hsl(var(--color-link-tertiary) / 100%);}
a:focus, .article-list-row:hover .article-list-thumb-frame{opacity:0.6;}
.article-list-row:hover .flex_ori > img, .hangout-card-box:hover .flex_ori > img{transform:scale(1.1);}
.btn, a.btn{border-radius:var(--rounded-normal); color:var(--color-background); background-color:hsl(var(--color-link-secondary) / 100%);}
.btn:hover, a.btn:hover{background-color:hsl(var(--color-link-tertiary) / 100%);}
#btt{position:fixed; bottom:calc(100px + var(--space-4)); right:0; 
z-index:calc(var(--max-zindex) - 4000); width:40px; height:40px; background-color:hsl(var(--color-link-secondary) / 100%); fill:var(--color-background);
border-top-left-radius:var(--rounded-small); border-bottom-left-radius:var(--rounded-small);}
#btt:hover, #btt:focus{background-color:hsl(var(--color-link-tertiary) / 100%);}
.header-logo:hover{opacity:0.5;}
.flex_ori > img{opacity:0; transition:all 300ms;}
.flex_ori > img.lazyloaded{opacity:1;}
.muat-lainnya{margin-top:var(--space-3);}
.search-field{border-color:var(--color-border); overflow:hidden;
border-top-left-radius:var(--rounded-normal); border-bottom-left-radius:var(--rounded-normal);}
.search-button{border-top-left-radius:0; border-bottom-left-radius:0;}
.share-box{background-color:var(--color-background); border-radius:var(--rounded-normal); box-shadow:var(--shadow-inset);}
.share-list-fb{fill:#4867aa;}
.share-list-tw{fill:#00acec;}
.share-list-wa{fill:#2bb240;}
.share-list-li{fill:#41c106;}
.share-list-ml{fill:#CD9654;}
.share-list-ot, .svgicon-share-ellipsis{fill:hsl(var(--color-link-primary) / 100%);}
.svgicon-share-ellipsis{filter:invert(1);}
.share-list-link:hover{color:var(--color-link-primary);}
.sticky-curr{color:hsl(var(--color-link-secondary) / 100%) !important; fill:hsl(var(--color-link-secondary) / 100%) !important;}
.thumb-loading:before{animation:skeleton-loading 0.5s linear infinite alternate; background-color:hsl(var(--color-link-tertiary) / 100%);}
@-webkit-keyframes skeleton-loading{0%{opacity:0.05;}100%{opacity:0.15;};}
@keyframes skeleton-loading{0%{opacity:0.05;}100%{opacity:0.15;};}

.section-title{color:hsl(var(--color-link-primary) / 100%);}
.section-title:after, .section-title-label:after, .section-title-icon:after{border-radius:var(--rounded-normal);}
.section-title:after{background-color:#EEEEEE;}
.section-title-label:after, .section-title-icon:after{background-color:hsl(var(--color-link-primary) / 100%);}
a.section-title{color:hsl(var(--color-link-secondary) / 100%); fill:hsl(var(--color-link-secondary) / 100%);}
a.section-title > .section-title-label:after,
a.section-title > .section-title-icon:after{background-color:hsl(var(--color-link-secondary) / 100%); transition:background-color 0.25s linear;}
a.section-title:hover{color:hsl(var(--color-link-tertiary) / 100%); fill:hsl(var(--color-link-tertiary) / 100%);}
a.section-title:hover > .section-title-label:after,
a.section-title:hover > .section-title-icon:after{background-color:hsl(var(--color-link-tertiary) / 100%);}
.sto-link{border-radius:var(--rounded-small);}
.sto-link:hover{background-color:var(--color-sticky);}
.sto-curr{background-color:hsl(var(--color-link-secondary) / 100%) !important; color:var(--color-background) !important;}

header{background-color:var(--color-sticky); box-shadow:var(--shadow-default);}
header .show-sticky{fill:hsl(var(--color-link-secondary) / 100%);}

.headline-kanal{background:linear-gradient(to right, hsl(var(--color-link-secondary) / 100%) 0%, hsl(var(--color-link-tertiary) / 100%) 100%); 
box-shadow:var(--shadow-default);}
@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  .headline-kanal{-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  background:linear-gradient(to right, hsl(var(--color-link-secondary) / 75%) 0%, hsl(var(--color-link-tertiary) / 75%) 100%);}
}

.article-list-row, .article-list-kanal{border-color:var(--color-border);}
.article-list-thumb-frame{border-radius:var(--rounded-normal);}
.article-list-kanal, .article-list-date{color:var(--color-default);}

.article-jd a.section-title{color:#86127f; fill:#86127f;}
.article-jd a.section-title > .section-title-icon:after,
.article-jd a.section-title > .section-title-label:after{background-color:#86127f;}
.article-jd a:hover{color:#F20077; fill:#F20077;}
.article-jd a.section-title:hover > .section-title-icon:after,
.article-jd a.section-title:hover > .section-title-label:after{background-color:#F20077;}

.topic-list-container{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.topic-link{display:block; padding:var(--space-2) var(--space-3); color:hsl(var(--color-link-secondary) / 100%); 
border:2px solid hsl(var(--color-link-secondary) / 16%); border-radius:var(--rounded-normal);}
.topic-link:hover{--color-link-secondary:var(--color-link-tertiary);}

.hangout-card-box{--color-hangout-card:0deg 0% 100%; background-color:hsl(var(--color-hangout-card) / 100%); box-shadow:var(--shadow-neumorp);
border-radius:var(--rounded-normal); overflow:hidden;}
.hangout-card-thumb:after{background:linear-gradient(to right, hsl(var(--color-link-secondary) / 100%) 0%, hsl(var(--color-link-tertiary) / 100%) 100%);}
.hangout-card-date, .hangout-card-location{color:var(--color-default); font-weight:normal; font-size:11px;}

.content-article-detail .lead-article-media .flex_ori{border-radius:var(--rounded-normal); overflow:hidden;}

.next-article-container{display:grid; grid-gap:var(--space-3);}
.next-article-link{display:flex; color:hsl(var(--color-link-secondary) / 100%);}
.next-article-link .svgicon-next-article{margin-right:var(--space-2); transform:rotate(340deg); position:relative; top:2px;
fill:hsl(var(--color-link-primary) / 100%);}

.pagination{display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-3);}
.pagination-button{border-radius:var(--space-2) !important;}
div.pagination-button{background-color:var(--color-background) !important; color:var(--color-default); border:1px solid var(--color-border); cursor:default !important;}

.sj-box{position:relative; border-radius:var(--rounded-normal); overflow:hidden;}
.sj-box:before{content:''; display:block; padding-top:56.25%;}
.sj-video{position:absolute; top:0; left:0; width:100%; height:100%;}

.slotiklan:before{position:absolute; z-index:-1; top:0; left:0; bottom:0; right:0; margin:auto; background-color:#EEE;
display:flex; justify-content:center; align-items:center; content:'Campaign with us salesdigital@an.tv'; line-height:150%; text-align:center;}
.slotiklan-300x250:before{width:300px; height:250px;}
.slotiklan-320x50:before, .slotiklan-320x100:before{width:320px; height:50px;}
.slotiklan-728x90:before, .slotiklan-topdesktop:before{width:728px; height:90px;}
.slotiklan-970x200:before{width:970px; height:200px;}
.slotiklan-160x600:before{width:160px; height:600px; content:''; background-color:transparent;}
.slotiklan-728x90:before, .slotiklan-topdesktop:before, .slotiklan-970x200:before,
.giant-banner .slotiklan:before{content:'Promote your products or services here. We work with Impressions/ Install / Click / Sessions / Leads etc. Campaign with us salesdigital@an.tv';}

.footer-all{margin-top:var(--space-3); padding-bottom:20px;}



@media screen and (min-width:0px) and (max-width:1023px){
  .float-bottom{position:fixed; top:calc(var(--body-padding) - 1px); width:100%;}

  .float-search{z-index:calc(var(--max-zindex) - 4000); padding:var(--space-3);}
  .float-search:before{content:''; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; 
  background:linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}

  .float-menu{z-index:calc(var(--max-zindex) - 3000); max-height:calc(100vh - (var(--body-padding) * 3));
  background-color:var(--color-sticky); box-shadow:var(--shadow-default);
  border-bottom-left-radius:var(--rounded-normal); border-bottom-right-radius:var(--rounded-normal); overflow-y:auto;}
  .float-menu .menu-list{display:grid; grid-template-columns:1fr 1fr;}
  .float-menu .menu-link{padding:var(--space-3); border-bottom:1px dashed var(--color-border);}
  .float-menu .menu-link:nth-child(odd){border-right:1px dashed var(--color-border);}
  
  .dailymotion-player-wrapper{position:static !important;}
  
  .sticky-bottom{background-color:#000;}
}



@media screen and (min-width:1024px){
  .footer-iklanbottomdesktop{padding-bottom:110px;}
}