:root{
  --rounded-small:8px;
  --rounded-normal:16px;
  --background-secondary:#14233d;
  --background-footer:#2a3344; 
  --background-new: #59086A;  
  --color-link-1:#FFFFFF; 
  --color-link-2:#f1ca34;
  --color-link-3:#f08b0a;
  --color-link-4:#b3175b;
  --color-link-5:#84217a;
  --color-link-6:#FFD800;
  --color-link-7:#4ACDFC;
  --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);
}

body.freeze-scroll{overflow:hidden;}
a, .btn, #btt{transition:all 0.25s;}
a, .btn, #btt{cursor:pointer}
a{color:var(--color-link-1); fill:var(--color-link-1);}
a:hover{color:var(--color-link-2); fill:var(--color-link-2);}
a:focus{opacity:0.6;}
.btn, a.btn, #btt{background:linear-gradient(to bottom, var(--color-link-2) 0%, var(--color-link-3) 100%);}
.btn, a.btn{border-radius:calc(var(--rounded-normal) * 2); color:var(--background-primary); fill:var(--background-primary);}
.btn:hover, a.btn:hover, #btt:hover, #btt:focus{filter:grayscale(100%);}
#btt{position:fixed; bottom:calc(var(--body-padding) * 2); right:0; 
z-index:calc(var(--max-zindex) - 4000); width:36px; height:36px; fill:var(--background-primary);
border-top-left-radius:var(--rounded-small); border-bottom-left-radius:var(--rounded-small);}
.flex_ori > img{opacity:0; transition:all 300ms;}
.flex_ori > img.lazyloaded{opacity:1;}
.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;}
.syarat-list a {color: var(--color-link-2);}

header{background:linear-gradient(90deg, rgba(136, 9, 150, 0.72) 0%, rgba(255, 171, 45, 0.72) 26.04%, rgba(74, 205, 252, 0.5832) 56.77%, rgba(252, 4, 255, 0.18) 100%) ; box-shadow:var(--shadow-default);}
.header-logo:hover, .header-antv:hover{opacity:0.5;}

.site-container{color:var(--color-link-1);}

.section-title{margin-bottom:var(--space-5);}
.section-title > *{text-align:center; line-height:150%;}
.section-title-main{font-size:24px; color:var(--color-link-1); font-weight:bold; text-transform:uppercase;}
.section-title-sub{font-size:16px; margin-top:var(--space-2);}

.cover-bg{background-size:cover; background-attachment:fixed; background-repeat:no-repeat;}
.cover-bg:after{background:linear-gradient(to bottom, transparent 50%, var(--background-primary) 100%);}

.intro > .width-container{max-width:80%; display: flex; flex-direction: column; align-items: center;}
.intro-content > p{text-align:center; line-height:150%;}
.neon-defender-container{height: 20px; width: 50%; display: flex; gap: 20px; margin-bottom: var(--space-5);}
.neon-yellow{background-color: #FFFFFF; height: 40%; width: 70%; border: 1px solid #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 30px #FFD800, inset 0px 0px 15px #FFD800;}
.neon-blue{background-color: #FFFFFF; height: 40%; width: 20%; border: 1px solid #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 30px rgba(74, 205, 252, 0.9), inset 0px 0px 15px rgba(74, 205, 252, 0.9);}
@media screen and (max-width: 630px) {
  .neon-defender-container{
    gap: 5px;
  }
}

.juri-content{--juri-box:208px; display:flex; flex-wrap:wrap; justify-content:center;}
.juri-box{width:100%; max-width:var(--juri-box); margin:var(--space-3);}
.juri-frame{ display: flex; justify-content: center; width:100%; background:linear-gradient(135.74deg, rgba(255, 216, 0, 0.8) 13.39%, rgba(255, 171, 45, 0.8) 37.2%, rgba(252, 4, 255, 0.8) 59.89%, rgba(106, 75, 173, 0.8) 84.82%) border-box; border-radius:50em; border: 5px solid transparent;}
.juri-frame:before{padding-top:100%;}
.juri-frame > .text-hover-host-juri{display: flex; position: absolute; bottom: 100px; z-index: 2; background-color: #0a66c2; color: white;}
.juri-name{text-align:center; margin-top:var(--space-2);}
@media screen and (min-width: 630px) {
  .juri-name{display: none;}
  .juri-frame > img:hover{opacity: 0.2;}
}

.syarat-content{display:grid; grid-gap:var(--space-5); line-height:150%;}
.syarat-list{display:grid; grid-gap:var(--space-2); list-style:decimal;font-size: 12px;}

.audisi-offline-content{padding: 30px 5px; background: rgba(255, 255, 255, 0.1); border-radius: 50px; display:flex; flex-wrap: wrap; gap: 20px; justify-content: center; line-height:150%; grid-template-columns: 1fr; margin-top: 50px;}
.container-video-audisi{width: 90%;}
.title-embed-video{display: grid; justify-content: center; margin-bottom:var(--space-7);}
.title-embed-video > p{font-weight: 700; color: white; text-shadow: 0px 0px 30.2857px #00F0FF, 0px 0px 15.1429px #2DF2FF ;}
.img-koplo-superstar-star{display: flex; justify-content: center;}
.img-koplo-superstar-star > img{width: 546px; height: 250.32px;}
.audisi-offline-video-container > span > iframe{border-radius: 12px;}
@media screen and (min-width : 620px) {
  .audisi-offline-content{width: 100%; display:flex; flex-wrap: wrap; justify-content: center; border-radius: 50px; padding: 30px;}
  .container-video-audisi{width: 48%;}
}

.timeline-frame-comingsoon{ display: flex; margin-top: var(--space-7); height: 260px; padding: 0 var(--space-3); justify-content: center;}
.timeline-frame-comingsoon > .section-title{width: 100%; display: flex;}
.title-comingsoon{color: var(--color-link-1); text-shadow: 0px 0px 30.2857px #00F0FF, 0px 0px 30.2857px #00F0FF; font-weight: 600; font-size: 2em;}
@media screen and (min-width : 620px) {
  .title-comingsoon{font-size: 5em;}
}

/* .hadiah{background-color:var(--background-secondary);position: relative;} */
.hadiah{position: relative;}
.hadiah-container{ display: flex; justify-content: center; height: 400px;}
.hadiah-frame{ display: flex; flex-wrap: wrap; align-content: center; padding: 0 var(--space-3); border-radius: 50px; backdrop-filter: blur(50px); background: linear-gradient(90deg, rgba(252, 4, 255, 0.5175) 0.43%, rgba(192, 132, 16, 0.57) 100%); box-shadow: 0px 0px 40px rgba(134, 1, 121, 0.8), -14px -14px 50px #FC04FF, 14px 14px 50px #FFD800, 0px 0px 0px 8px yellow;}
.hadiah-frame > .section-title{width: 100%;}
.hadiah-frame > .hadiah-content{width: 100%;}
.title-hadiah{display: flex; align-items: center; justify-content: center; gap: 20px;}
.neon-hadiah{background-color: #FFFFFF; height: 15%; width: 20%; border: 1px solid var(--color-link-1); border-radius: 10px; box-shadow: 0px 0px 30px rgba(74, 205, 252, 0.9), inset 0px 0px 15px rgba(74, 205, 252, 0.9);}
.title-glow{color: var(--color-glow-title); text-shadow: var(--text-shadow-glow-title);}
@media screen and (max-width : 630px) {
  .neon-hadiah{display: none;}
}

.timeline-row{--indicator-size:40px; display:grid; grid-gap:var(--space-4);}
.timeline-step{position:relative;}
.timeline-line{position:absolute; z-index:1; width:100%; height:100%;}
.timeline-line:after{content:''; display:block; height:100%; width:4px; background-color:var(--color-link-1); box-shadow: 0px 0px 30px var(--color-link-6), inset 0px 0px 15px var(--color-link-6);}
.timeline-circle{position:relative; z-index:2; width:var(--indicator-size); height:var(--indicator-size); border-radius:50%;
background-color:var(--color-link-1); box-shadow: 0px 0px 30px 10px var(--color-link-7), inset 0px 0px 15px 5px var(--color-link-7), inset 0px 0px 25px 10px var(--color-link-1);}
.timeline-data{padding:var(--space-4) 0; justify-content:flex-start;}
.timeline-box{padding:var(--space-4); border-radius:var(--rounded-normal); width:100%; max-width:300px; line-height:150%;
background:linear-gradient(106.8deg, rgba(252, 4, 255, 0.345) 0%, rgba(74, 205, 252, 0.45) 100%); box-shadow: 0px 0px 40px rgba(134, 1, 121, 0.8), -14px -14px 40px #FC04FF, 14px 14px 40px #FFD800, 0px 0px 0px 5px var(--color-link-6);}
.timeline-date{margin-bottom:var(--space-3); font-weight:bold; font-size:12px;}
.timeline-info {font-size: 23px;margin-bottom: var(--space-3);}

.peserta-content{--juri-box:140px; display: flex; flex-wrap: wrap; justify-content:center; justify-items: center; gap:var(--space-5);}
.peserta-box{ width:100%; max-width:var(--juri-box); margin:var(--space-2) 0;}
/* .peserta-box:nth-child(1), .peserta-box:nth-child(2), .peserta-box:nth-child(3), .peserta-box:nth-child(4){display: inline-block;} */
.peserta-frame{ display: flex; justify-content: center; width:100%; background:linear-gradient(135.74deg, rgba(255, 216, 0, 0.8) 13.39%, rgba(255, 171, 45, 0.8) 37.2%, rgba(252, 4, 255, 0.8) 59.89%, rgba(106, 75, 173, 0.8) 84.82%) border-box; border-radius:50em; border: 5px solid transparent;}
.peserta-frame:before{padding-top:100%;}
.peserta-frame > .text-hover-host-peserta{display: flex; position: absolute; bottom: 100px; z-index: 2; background-color: #0a66c2; color: white;}
.peserta-name{text-align:center; margin-top:var(--space-3); color: var(--color-glow-title); text-transform: capitalize; font-weight: 700;}
.peserta-info{text-align:center; margin-top:var(--space-1); text-transform: capitalize; font-size:12px; 
display:flex; flex-wrap:wrap; justify-content:center;}
.peserta-info > *:not(:last-child){margin-right:var(--space-1); padding-right:var(--space-1); border-right:1px solid #FFF;}
.container-btn-load-peserta{display: flex; justify-content: center; align-items: center;}
.load-peserta{width: 80%; display: flex; justify-content: center; margin-top: var(--space-7); border-radius: 12px; padding: var(--space-3); box-shadow: 0px 0px 10px rgba(134, 1, 121, 0.8), -3px -3px 20px #FC04FF, -3px -3px 50px #FFD800, 0px 0px 0px 3px #FFD800;}
.load-peserta > p{color: var(--color-glow-title); text-shadow: var(--text-shadow-glow-title); font-weight: 600;}
.load-peserta:hover{cursor: pointer; background-color: #3e1a68;}
@media screen and (min-width: 1024px) {
  .load-peserta{width: 30%;}
}

.berita-content{margin-bottom:var(--space-5); 
display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); grid-gap:var(--space-3);}
.berita-box{display:block; background-color:var(--color-link-3) !important; position:relative;
border-radius:var(--rounded-normal); overflow:hidden;}
.berita-box:hover{opacity:0.6;}
.berita-thumb:before{padding-top:100%;}
.berita-thumb:after{content:''; display:block; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;
background:linear-gradient(to bottom, transparent 50%, var(--color-link-3) 100%);}
.berita-title{color:var(--color-link-1); font-size:16px; line-height:140%; text-shadow:2px 2px 10px #212121;
position:absolute; z-index:3; padding:0 var(--space-3); bottom:var(--space-3); left:0; width:100%;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;text-align: center;}
.berita-title > h2{text-align: center;}
a.berita-btn{padding:16px 24px;}
a.berita-btn .svgicon{margin-left:var(--space-4);}

.vote{background-color:var(--background-secondary);}
.vote-logo{position:absolute; z-index:0; top:0; left:0; bottom:0; right:0; margin:0 auto;}
.vote-logo img{object-fit:contain; opacity:0.32 !important;}
.vote-content{position:relative; z-index:2; display:grid; grid-gap:var(--space-4);}
.vote-title, .vote-desc *{text-align:center; line-height:150%;}
.vote-title{font-size:30px; font-weight:bold;}
.vote-gateway{display:flex; align-items:center;}
.vote-button{font-size:24px; padding:16px 24px !important;}

.bottom-info, footer{font-size:16px !important;}
.bottom-info > span > *, footer > span > *{padding:0 var(--space-4);}
.bottom-info{padding:var(--space-6) 0; background-color:var(--background-footer);}
.bottom-address{display:grid; grid-gap:var(--space-2);}
.bottom-address b{color:var(--color-link-1); font-weight:bold; font-size:18px;}
.bottom-list{display:flex; flex-wrap:wrap;}
.bottom-link{padding:var(--space-1); font-weight:normal;}
.bottom-group img{width:auto; height:22px; object-fit:contain; position:relative;}
.bottom-group-title{display:flex; align-items:center; justify-content:center;}
.bottom-group-title img{margin-left:var(--space-2);}
.bottom-group-list{display:flex;}
.bottom-group-link{padding:var(--space-3);}

.video-player{margin-top:calc(var(--space-6) * -1);}
.video-player > span{width:100%; max-width:610px; position:relative; z-index:3;}
.video-player > span:before{content:''; display:block; padding-top:56.25%;}
.video-player iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (min-width:640px){
  .video-player iframe{border-radius:var(--rounded-normal); overflow:hidden;}
}

footer{padding:var(--space-4) 0;}
footer {z-index: 4;position: relative;}
.footer-copyright{line-height:150%;}
.footer-copyright b{color:var(--color-link-1);}
.footer-socmed{--icon-size:36px; display:flex;}
.footer-socmed-button{margin-left:var(--space-2); width:var(--icon-size); height:var(--icon-size); border:2px solid rgba(255,255,255,0.5);}
.footer-socmed-button .svgicon{width:auto; height:calc(var(--icon-size) - var(--space-4));}
.footer-fb-button:hover{border-color:#4867aa; fill:#4867aa;}
.footer-tw-button:hover{border-color:#00acec; fill:#00acec;}
.footer-ln-button:hover{border-color:#0a66c2; fill:#0a66c2;}
.footer-ig-button:hover{border-color:#C13584; fill:#C13584;}
.footer-yt-button:hover{border-color:#ff0000; fill:#ff0000;}

.popoup-share{display:flex; position:fixed; z-index:var(--max-zindex); top:100vh; left:0; width:100%; height:100vh; padding:var(--space-5);
background:linear-gradient(45deg, hsl(219deg 71% 13% / 98%) 0%, hsl(334deg 77% 40% / 98%) 100%); transition:all 0.25s;}
.popoup-share-open{top:0;}
.popup-share-close{position:absolute; z-index:1; top:0; right:0; fill:var(--color-link-1); padding:var(--space-3); transition:all 0.25s;}
.popup-share-close:hover{fill:var(--color-link-2);}
.psb-label{text-align:center; font-weight:bold;}
.psb-share{display:flex; margin-top:var(--space-2);}
.psb-share .share-list-link{margin:var(--space-2);}
.psb-share .svgicon{width:36px; height:auto;}

.circle{position: absolute; background: #1e1a83; background: linear-gradient( to right bottom, rgb(30 26 131 / 21%), #1e1a83 ); height: 20rem; width: 20rem; border-radius: 50%;}
.circle1{top:800px;left: 0; }
.circle2{top: 40px; right: 0; background: #3e1a68; background: linear-gradient( to right bottom, rgb(255 0 136 / 5%), #3e1a68 );} 
.bg-blur {background: linear-gradient( to right bottom, rgb(59 53 114 / 14%), rgb(18 15 47 / 19%) ); position: fixed; width: 100%; height: 100%; backdrop-filter: blur(20px); z-index: 2; left: 0px; top: 0; }
.circleintro {top: 800px;}
.circlesyarat {top: 1450px;}
.circle-base{width: 100%;height: 100%;left: 0;top: 0; position:absolute; display: block;}


.result-form{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:calc(var(--max-zindex) - 100);top: 0; padding:var(--space-4);}
.result-form-close{position:fixed; width:100%; height:100%; top:0; right:0;} 
.result-form > span{max-width: 900px; width: 100%;}
.result-popup{background:#fff; border-radius:var(--rounded-normal); position:relative; max-width:800px; display:grid; overflow:hidden;}
.result-cover:before{padding-top:75%;}
.result-cover {background: var(--background-primary); }
.result-info{display:grid; grid-gap:var(--space-3); padding:var(--space-4); grid-auto-rows:min-content; z-index: 4; 
max-height:calc(100vh - var(--body-padding)); overflow-y:auto;}
.result-title{color:var(--background-primary); font-size:30px; font-weight:bold; text-transform:uppercase;}
.result-wording{color: var(--background-primary);}
.result-close{margin-top:var(--space-3);}
.result-close.btn{justify-content: center;text-align: center; }
.hadiah-content {text-align: center;}
.vote-logo-image:before{padding-top:50%;}
.cover-logo-image{width:100%;margin: 20px;}

.sponsorresult {display: flex;justify-content: center;align-items: center;}
.sponsorresult .clc-box.logowings img {max-width: 57px; max-height: 60px; }
.sponsorresult .clc-box img {max-width: 135px; }
.sponsorresult .cover-list-label {color: var(--background-copyright);font-weight: bold;font-size: 16px;}
.result-wording * {text-align: center;}
.result-wording p {font-size: 16px; margin: var(--space-2) var(--space-3); color: var(--background-copyright);}
.titleresult {font-size: 36px;font-weight: bold;}
.descresult {font-weight: 500; margin: var(--space-2) var(--space-6); font-size: 16px; padding: var(--space-3) 0;}
.dscdesc-dwon > a {color: var(--background-primary);font-weight: bold;}
.dscdesc-dwon {padding: var(--space-3);font-size: 16px;}
.closebtn {position: absolute; right: var(--space-3); top: var(--space-2);z-index: 6;}
.svgicon-close{fill: #fbc100;}
.svgicon{width: 30px; height: 30px;}
.result-info .cover-list-column{flex-wrap:wrap;}
.result-info .cover-list-column .clc-box img {max-width: 120px; max-height: 76px;align-items: center;}

.failedform {border: 1px solid red; color: red; box-shadow: 0 0 0 1px; }

.popup-play-video, .ppv-container, .ppv-overlay{top:0; left:0; width:100%; height:100%;}
.popup-play-video{position:fixed; z-index:calc(var(--max-zindex) - 3500); background-color:rgba(0,0,0,0.89);}
.ppv-overlay{position:absolute; z-index:1;}
.ppv-container{position:absolute;}
.ppv-container > span{width:100%; max-width:720px; position:relative; z-index:2;}
.ppv-box{position:relative;}
.ppv-box:before{content:''; display:block; padding-top:56.25%;}
.ppv-box iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.ppv-close{margin-top:var(--space-3);}

.popup-play-video{display:none;}
.ket-urlvideo > a {color: var(--color-link-2); }

@media screen and (min-width: 0px) and (max-width: 1024px) {
  .container-popup{position: absolute; width: 100vw; height: 100%; top: 0px; z-index: 3; background-color: rgba(0, 0, 0, 0.5); display: none;}
  /* .center-popup{width: 100%; height: 800px; display: flex; justify-content: center; align-items: center;} */
  .container-sisa-token{font-size: 14px; font-weight: 700;}
  .box-popup{position: fixed; top: 200px; margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 9; width: 350px; height: 350px; background: linear-gradient(180deg, #FC04FF 0%, #880996 100%); border-radius: 32px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .logo-popup{margin: 10px 50px 0;}
  .logo-popup > .koplo-logo{width: 210px; height: 105px;}
  .logo-popup > .alert-logo{width: 100px; height: 100px;}
  .content-popup{ width: 100%; }
  .text-alert-popup{ font-weight: 700; font-size: 20px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 10px 20px;}
  .text-out-popup{ font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 10px 40px;}
  .text-out-popup > span{color:#FFD800 ; font-style: italic; font-size: 20px;}
  .text-vote-popup{ font-weight: 700; font-size: 14px; line-height: 120%; text-align: center; color: #FFD800; text-shadow: 0px 0px 10px #FFFFFF; margin: 20px 20px 0;}
  .name-vote-popup{ font-weight: 700; font-size: 20px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 10px 20px;}
  .line-popup{width: 100%; display: flex; justify-content: center;}
  .neon-defender-vote{height: 10px; width: 50%; display: flex; gap: 20px; margin-bottom: var(--space-1);}
  .text-share-popup{ font-weight: 600; font-size: 14px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 0 20px 5px;}
  .logo-share{display: flex; width: 100%; padding: 0 50px; justify-content: center; gap: 25px; margin: 15px 0;}
  .logo-share > a > .logo-share-img{width: 50px; height: 50px;}
  .logo-portal{display: flex; width: 100%; padding: 0 50px; justify-content: center; gap: 25px; margin: 15px 0;}
  .logo-portal > a > .logo-portal-img{width: 50px; height: 50px;}
  .btn-question{margin-top: 10px; display: flex; gap: 5px;}
  .btn-popup-confirm{margin-top: 10px; width: 96px;height: 36px; background: rgba(115, 0, 129, 0.75); backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #FFFFFF; text-shadow: 0px 0px 10px #4ACDFC;}
  .btn-popup-confirm:hover{ background: rgba(182, 20, 204, 0.75); }
  .btn-popup-yes{width: 96px;height: 36px; background: #47817E; backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #FFFFFF;}
  .btn-popup-yes:hover{ background: #4d918d;}
  .btn-popup-cancel{width: 96px;height: 36px; background: #FF5600; backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #FFFFFF;}
  .btn-popup-cancel:hover{ background: #ff6a1f;}
}

@media screen and (min-width: 1025px) {
  .container-popup{position: absolute; width: 100vw; height: 100%; top: 0px; z-index: 3; background-color: rgba(0, 0, 0, 0.5); display: none;}
  /* .center-popup{width: 100%; height: 50%; display: flex; justify-content: center; align-items: center;} */
  .container-sisa-token{font-size: 24px; font-weight: 700;}
  .box-popup{position: fixed; top: 200px; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 400px; height: 400px; background: linear-gradient(180deg, #FC04FF 0%, #880996 100%); border-radius: 32px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .logo-popup{margin: 10px 50px 0;}
  .logo-popup > .koplo-logo{width: 210px; height: 105px;}
  .logo-popup > .alert-logo{width: 130px; height: 130px;}
  .content-popup{ width: 100%; }
  .text-alert-popup{ font-weight: 700; font-size: 24px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 20px;}
  .text-out-popup{ font-weight: 700; font-size: 20px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 40px;}
  .text-out-popup > span{color:#FFD800 ; font-style: italic; font-size: 24px;}
  .text-vote-popup{ font-weight: 700; font-size: 14px; line-height: 120%; text-align: center; color: #FFD800; text-shadow: 0px 0px 10px #FFFFFF; margin: 20px 20px 0;}
  .name-vote-popup{ font-weight: 700; font-size: 20px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 10px 20px;}
  .line-popup{width: 100%; display: flex; justify-content: center;}
  .neon-defender-vote{height: 10px; width: 50%; display: flex; gap: 20px; margin-bottom: var(--space-1);}
  .text-share-popup{ font-weight: 600; font-size: 14px; line-height: 120%; text-align: center; color: #FFFFFF; margin: 10px 20px;}
  .logo-share{display: flex; width: 100%; padding: 0 50px; justify-content: center; gap: 20px;}
  .logo-share > a > .logo-share-img{width: 40px; height: 40px;}
  .logo-portal{display: flex; width: 100%; padding: 0 50px; justify-content: center; gap: 20px;}
  .logo-portal > a > .logo-portal-img{width: 60px; height: 60px;}
  .btn-question{margin-top: 10px; display: flex; gap: 5px;}
  .btn-popup-confirm{margin-top: 10px; width: 120px;height: 45px; background: rgba(115, 0, 129, 0.75); backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 24px; line-height: 120%; text-align: center; color: #FFFFFF; text-shadow: 0px 0px 10px #4ACDFC;}
  .btn-popup-confirm:hover{ background: rgba(182, 20, 204, 0.75);}
  .btn-popup-yes{width: 120px;height: 45px; background: #47817E; backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 24px; line-height: 120%; text-align: center; color: #FFFFFF;}
  .btn-popup-yes:hover{ background: #4d918d;}
  .btn-popup-cancel{width: 120px;height: 45px; background: #FF5600; backdrop-filter: blur(100px); border-radius: 32px; font-weight: 700; font-size: 24px; line-height: 120%; text-align: center; color: #FFFFFF;}
  .btn-popup-cancel:hover{ background: #ff6a1f;}
}


@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){ 
  header{background-color:rgba(255,255,255,0.25); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);}
  .result-form{background:rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
}

@media screen and (orientation:landscape){
   .result-popup{grid-template-columns:1fr;}
  
}

@media screen and (min-width:640px){
  .result-popup{grid-template-columns:1fr;}
  
}



@media screen and (min-width:0px) and (max-width:767px){
  /* .cover-bg{background-image:url("../img/cover-mobile.jpg");} */
  .cover-bg{background: #59086A;}
  
  .juri > .width-container{padding:var(--body-padding) 0;}
  .juri-content{grid-auto-flow:column; grid-auto-columns:var(--juri-box); padding:0 var(--space-5); overflow-x:auto;}
  
  .timeline-row{grid-template-columns:var(--indicator-size) 1fr;}

  .bottom-address{margin-bottom:var(--space-5);} 
  .bottom-address *{text-align:center;}
  .bottom-list{justify-content:center;}
  .bottom-group-list{justify-content:center;}
  
  .footer-copyright{text-align:center; margin-bottom:var(--space-3);}
  .footer-socmed{justify-content:center;}

  .result-info .cover-list-column .clc-box img{max-height:36px;}
}



@media screen and (min-width:768px){
  .section-title-main{font-size:36px;}
  .section-title-sub{font-size:24px;}
  
  /* .cover-bg{background-image:url("../img/cover-desktop.jpg");} */
  .cover-bg{background: #59086A;}
  
  .intro{font-size:24px;}
  
  .juri-content{grid-template-columns:repeat(auto-fit, minmax(var(--juri-box),1fr));}
  
  .timeline-row{grid-template-columns:1fr var(--indicator-size) 1fr; grid-gap:var(--space-5);}
  .timeline-left .timeline-data{justify-content:flex-end; grid-column:1/2; grid-row:1/2;}
  .timeline-left .timeline-step{grid-column:2/3; grid-row:1/2;}
  .timeline-date{font-size:16px;}

  .bottom-info > span{display:flex; justify-content:space-between;}
  .bottom-link{padding-left:0; padding-right:var(--space-3);}
  .bottom-group-link:last-child{padding-right:0;}
  footer > span{display:flex; justify-content:space-between; align-items:center;}
  
  .psb-share .svgicon{width:48px;}
}

@media screen and (min-width:1024px){
  .syarat-list{font-size: 21px;padding-left: 18px;}
  .titleresult {font-size: 55px;font-weight: bold;}
  .descresult {padding: var(--space-3) var(--space-6); font-weight: 500; margin: var(--space-2) var(--space-6); font-size: 18px; }
  .result-wording p, .dscdesc-dwon {font-size: 18px;}
  }


@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  .popoup-share,.popoup-share{-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  background:linear-gradient(45deg, hsl(219deg 71% 13% / 88%) 0%, hsl(334deg 77% 40% / 88%) 100%);}
}