.demo-entry{font-weight:700!important;border:1px solid #bed3f2!important;border-radius:8px;background:#edf4ff!important;color:#125cc6!important}.demo-navigation{position:sticky;top:var(--demo-header-height,0px);z-index:24;background:#fff;border-bottom:1px solid #cdddf2;box-shadow:0 4px 12px #123c7812;padding:10px 0}.demo-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.demo-stages a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #cbdaf0;border-radius:8px;padding:7px 8px;text-decoration:none;color:#27476b;background:#f5f8fc;line-height:1.25}.demo-stages a span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e0ebfa;font-size:12px;font-weight:700}.demo-stages a[aria-current=step]{background:#1260db;border-color:#1260db;color:#fff}.demo-stages a[aria-current=step] span{background:#fff;color:#125cc6}.demo-stages a:focus-visible,.demo-actions a:focus-visible{outline:3px solid #efae36;outline-offset:3px}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px}.demo-actions>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-actions a{display:inline-block;padding:5px 10px;border:1px solid #b9cde6;border-radius:6px;text-decoration:none;color:#174b8b;background:#fff;line-height:1.4}.demo-actions .demo-start{background:#edf4ff;font-weight:700}.demo-actions a[hidden]{display:none}.demo-navigation #demo-message{font-size:12px;margin:8px 0 0;color:#8c3c12;background:#fff4df;padding:7px 10px;border-radius:6px}.demo-navigation[hidden]{display:none}.ipal-demo-ready [aria-label="Tahapan perancangan"]{display:none}.ipal-demo-ready .samping{top:calc(var(--demo-header-height,0px) + var(--demo-bar-height,110px) + 12px);max-height:calc(100vh - var(--demo-header-height,0px) - var(--demo-bar-height,110px) - 24px)}html{scroll-padding-top:calc(var(--demo-header-height,0px) + var(--demo-bar-height,110px) + 18px)}@media(max-width:760px){.demo-navigation{padding:8px 0}.demo-navigation .bungkus{padding-left:12px;padding-right:12px}.demo-stages{gap:4px}.demo-stages a{flex-direction:column;gap:4px;padding:5px 2px;font-size:11px;min-height:58px;overflow-wrap:anywhere;text-align:center}.demo-stages a span{width:20px;height:20px;font-size:11px}.demo-actions{align-items:flex-start;font-size:11px;gap:6px;flex-wrap:wrap}.demo-actions>div{gap:5px}.demo-actions a{padding:5px 7px}.demo-actions #demo-context{width:100%;font-size:10px}.ipal-demo-ready .samping{position:static;max-height:none}}@media print{.demo-navigation,.demo-entry{display:none!important}}