body{background-color:var(--inv-bg)}
#zeedays{color:var(--inv-base);font-family:var(--font-base);display:none}
.relative{position:relative}
.container-mobile{background-color:var(--inv-bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;width:100%;max-width:500px;transition:all ease-in-out .5s;margin-left:auto;margin-right:auto}
.zeedays_track{height:100%;width:100%}
.zeedays_track .zeedays_list{padding:0;margin:0;list-style:none;height:100%;width:100%}
.zeedays_track .zeedays_slide,.zeedays_track .zeedays_cover{height:100%;width:100%;left:0;right:0}
.zeedays_track .zeedays_slide{position:relative}
.zeedays_track .zeedays_slide .cover{height:100vh}
.zeedays_track .zeedays_cover{z-index:4}
.zeedays_track .zeedays_cover .cover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}
.zeedays_track .workspace{position:relative;width:500px;max-width:100%}
.zeedays_track .content{position:relative;z-index:1;padding:30px;min-height:680px;display:inline-table}
.zeedays_track .cover .content{min-height:auto}
@media (min-width: 425px){
	.content{min-height:780px}
	.zeedays_cover .content{min-height:auto}
}
.font-accent{font-family:var(--font-accent)}
.font-latin{font-family:var(--font-latin);font-size:200%}
.color-accent{color:var(--inv-accent)}
.floating-action{max-width:500px;margin:auto;position:fixed;right:20px;bottom:4.5rem;gap:12px;z-index:3}
.btn-float{height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:10rem;background-color:var(--inv-accent);border-color:var(--inv-accent);color:var(--btn-color);opacity:.7}
#btnMusic .play,#btnAutoplay .play{display:block}
#btnMusic .pause,#btnAutoplay .pause,#btnMusic.playing .play,#btnAutoplay.playing .play{display:none}
#btnMusic.playing .pause,#btnAutoplay.playing .pause{display:block}
.sc-music{height:0;overflow:hidden}
.sc-music div{display:none}
.btn-primary{background-color:var(--inv-accent);border-color:var(--inv-accent);color:var(--btn-color);border-radius:.6rem}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background-color:var(--inv-accent)!important;border-color:var(--inv-accent)!important;color:var(--btn-color)!important;box-shadow:var(--inv-accent)!important}
.rounded-pill{border-radius:50rem}
.comment{width:100%;display:flex;flex-direction:column;gap:12px}
.comment .comment-item{flex:none;width:100%;padding:.5rem;border-radius:.5rem;border:1px solid #f3f3f3;background-color:#fff;color:#131313}
.lightbox{cursor:pointer}
.lightbox-wrapper{max-width:100%;margin:auto;z-index:9}
.lightbox-wrapper.show{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}
.lightbox-inner,.lightbox-list{height:100%;width:100%}
.lightbox-inner img{height:100%;width:100%;object-fit:contain}
.btn-lightbox{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,0,0,.282);color:#fff;position:fixed;bottom:60px;display:flex;justify-content:center;align-items:center;display:none}
.btn-lightbox:hover{background-color:rgba(255,0,0,.533);color:#fff}
.lightbox-navigation{position:fixed;top:calc(50% - 60px);width:100%;max-width:500px;display:flex;justify-content:space-between;padding:30px;display:none}
.lightbox-arrow{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,255,255,.282);color:#000;display:flex;justify-content:center;align-items:center}
.lightbox-arrow:hover{background-color:rgba(255,255,255,.525);color:#000}
.show .lightbox-navigation,.show .btn-lightbox{display:inherit}
.modal-dialog{max-width:500px;margin:auto;padding:.5rem;height:100%}
.modal-content{overflow:auto}
.btn-close{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,0,0,.282);color:#fff;position:fixed;bottom:20px;left:calc(50% - 24px);display:flex;justify-content:center;align-items:center}
.rsvp-placeholder{position:relative;max-height:600px;overflow:auto;font-family:sans-serif}
.rsvp-placeholder .rsvp-form{padding:0 20px!important}
.rsvp-placeholder .rsvp-form .mb-4,.no-menu .countdown{display:none}
.countdown{display:flex;gap:8px}
.countdown-item{width:100%;background-color:var(--inv-accent);color:var(--btn-color);padding:4px;border-radius:.4rem}
.countdown-item .number{font-size:1.35rem;line-height:1.2;font-weight:700}
.frame{position:absolute;top:0;right:0;bottom:0;left:0}
.frame-tl{width:50%;position:absolute;top:0;left:0}
.frame-tr{width:50%;position:absolute;top:0;right:0}
.frame-bl{width:50%;position:absolute;bottom:0;left:0}
.frame-br{width:50%;position:absolute;bottom:0;right:0}
.embed-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}
#waterMark p a{color:var(--inv-base)}
#waterMark .list-icon a{color:var(--inv-accent)}
.free-trial-badge{width:130px;height:130px;overflow:hidden;position:absolute;top:0;right:0;z-index:10}
.free-trial-badge span{position:absolute;display:block;width:171px;line-height:37px;text-align:center;top:26px;right:-40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);backdrop-filter:blur(4px);background-color:#fb3}
.free-trial-badge span div{color:#333;font-size:14px;font-weight:700;letter-spacing:0px;font-family:sans-serif}
.btn-countdown,.btn-maps,.btn-video{display:none}

/* =====================================================
   =============== LOADER BARU (MODERN) ===============
   ===================================================== */

   .loader-wrapper,
   .loader-overlay {
   	width: 100%;
   	height: 100%;
   	position: fixed;
   	top: 0;
   	left: 0;
   	background-color: var(--inv-bg);
   	display: flex;
   	justify-content: center;
   	align-items: center;
   	z-index: 99999;
   }

/* Spinner Glow */
.loader {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 4px solid transparent;
	border-top-color: var(--inv-accent);
	animation: spin 1s linear infinite;
	position: relative;
}

/* Inner glow */
.loader::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--inv-base);
	opacity: 0.7;
	animation: spinReverse 1.5s linear infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

@keyframes spinReverse {
	to { transform: rotate(-360deg); }
}

#notSupport{margin:auto;position:fixed;height:100%;top:0;bottom:0;left:0;right:0;display:none}