/* Gaya khusus Jawa Wayang: kelir membuka, wayang dan blencong. */
/* Jawa: kelir membuka */
.daun{position:relative;width:50%;height:100%;overflow:hidden;background:var(--t-surface)}
.daun.kiri{border-right:1px solid var(--t-accent)}
.daun.kanan{border-left:1px solid var(--t-accent)}
.daun-pola{position:absolute;inset:0;width:100%;height:100%;opacity:.3}
.daun-truntum{position:absolute;left:0;width:100%;height:12px}
.daun-truntum.atas{top:18px}
.daun-truntum.bawah{bottom:18px}
.daun-gun{position:absolute;top:50%;width:210px;height:280px;margin-top:-150px;color:var(--t-accent)}
.daun.kiri .daun-gun{right:-105px}
.daun.kanan .daun-gun{left:-105px}
.kelir.buka .daun.kiri{animation:daunKiri 1.3s cubic-bezier(.65,0,.35,1) .35s both}
.kelir.buka .daun.kanan{animation:daunKanan 1.3s cubic-bezier(.65,0,.35,1) .35s both}
@keyframes daunKiri{from{transform:none}to{transform:translateX(-102%)}}
@keyframes daunKanan{from{transform:none}to{transform:translateX(102%)}}
.wayang{width:96px;height:224px;color:var(--t-heading);flex:none;overflow:visible}
.wayang-l{margin-right:-6px}
.wayang-r{margin-left:-6px}
body[data-wayang="0"] .wayang{display:none !important}
.blencong{position:absolute;left:50%;top:-24px;width:320px;height:300px;margin-left:-160px;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 45%,rgba(255,210,130,.26),rgba(255,210,130,0))}