.bb{--bb-card:#fff;--bb-ln:#eaecf0;--bb-ln2:#f2f4f7;--bb-ink:#101828;--bb-tx:#344054;--bb-mu:#667085;--bb-fa:#98a2b3;--bb-hov:#f4f6ff;--bb-hovt:#e3e9ff;--bb-biru:#2f54d6;--bb-biru2:#1d3a9e;--bb-rel:#2f54d6;--bb-lime:#c8f04d;--bb-isi:#c7d2fe;--bb-pena:cubic-bezier(.3, .5, .2, 1);--bb-pegas:cubic-bezier(.3, 1.5, .5, 1);--bb-ease:cubic-bezier(.2, .8, .2, 1);z-index:40;background:var(--bb-rel);width:300px;color:var(--bb-tx);-webkit-font-smoothing:antialiased;border-radius:26px;padding:8px;font-size:14px;line-height:1.35;display:flex;position:fixed;top:6px;bottom:6px;left:6px;box-shadow:0 22px 34px #1d3a9e14}.dark .bb{--bb-card:#141924;--bb-ln:#ffffff14;--bb-ln2:#ffffff0d;--bb-ink:#f2f4f7;--bb-tx:#d0d5dd;--bb-mu:#98a2b3;--bb-fa:#6b7385;--bb-hov:#8ea6ff17;--bb-hovt:#8ea6ff2e;--bb-rel:#2443b8;--bb-isi:#8ea6ff4d;box-shadow:0 22px 34px #00000080}.bb.anim{transition:width .3s var(--bb-ease), transform .3s var(--bb-ease)}.bb :where(a){color:inherit;text-decoration:none}.bb :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.bb svg{flex:none;display:block}.bb a:focus-visible,.bb button:focus-visible{outline:2px solid var(--bb-biru);outline-offset:2px}.bb .bb-rel a:focus-visible,.bb .bb-rel button:focus-visible{outline-color:var(--bb-lime)}.bb .sb3-ik{shape-rendering:geometricprecision;width:20px;height:20px;overflow:visible}.bb [pathLength]{stroke-dasharray:1 1}.bb .sb3-ik .isi{fill:var(--bb-isi);stroke:none}.bb .sb3-ik [class]{transform-box:view-box}@keyframes bb-tarik{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bb-muncul{0%{opacity:0}}.bb-gp:hover .sb3-ik [pathLength],.bb-gp.on .sb3-ik [pathLength]{animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both}.bb-gp:hover .sb3-ik .isi,.bb-gp.on .sb3-ik .isi{animation:.25s .42s both bb-muncul}.bb .sb3-ik .pin{transform-origin:14px 10px}.bb .sb3-ik .atap{transform-origin:12px 8px}.bb .sb3-ik .kuas{transform-origin:20px 4px}.bb .sb3-ik .ayun{transform-origin:12px 2.5px}.bb .sb3-ik .kaca{transform-origin:15.8px 16px}.bb .sb3-ik .balok{transform-origin:12px 7.5px}.bb .sb3-ik .gel{transform-origin:13px 12px}.bb .sb3-ik .kanopi{transform-origin:12px 4.5px}.bb .sb3-ik .topi{transform-origin:12px 20px}.bb .sb3-ik .roda1{transform-origin:7px 17.4px}.bb .sb3-ik .roda2{transform-origin:16.5px 17.4px}.bb .sb3-ik .jarum{transform-origin:12px 16px}.bb .sb3-ik .batang{transform-box:fill-box;transform-origin:50% 100%}.bb .sb3-ik .halaman{transform-origin:4px 20px}.bb .sb3-ik .gerigi{transform-origin:12px 12px}.bb .sb3-ik .psi{transform-origin:11.8px 10px}.bb .sb3-ik .arah{transform-origin:14.5px 12px}@keyframes bb-lompat{0%,to{transform:none}25%{transform:translateY(-2.8px)}45%{transform:none}60%{transform:translateY(-1px)}75%{transform:none}}@keyframes bb-kibas{0%,to{transform:none}30%{transform:rotate(14deg)}60%{transform:rotate(-6deg)}}@keyframes bb-ayun{0%,to{transform:none}25%{transform:rotate(10deg)}55%{transform:rotate(-8deg)}80%{transform:rotate(3deg)}}@keyframes bb-pindai{0%,to{transform:none}30%{transform:translate(-2.6px,-2.2px)}65%{transform:translate(1.2px,-1.2px)}}@keyframes bb-timbang{0%,to{transform:none}30%{transform:rotate(-10deg)}60%{transform:rotate(7deg)}}@keyframes bb-gema{0%{opacity:.15;transform:scale(.85)}50%{opacity:1;transform:scale(1.04)}to{opacity:.15;transform:scale(.85)}}@keyframes bb-kembang{0%,to{transform:none}40%{transform:scaleY(1.2)}70%{transform:scaleY(.94)}}@keyframes bb-mekar{0%,to{transform:none}40%{transform:scale(1.12)}70%{transform:scale(.96)}}@keyframes bb-dorong{0%,to{transform:none}40%{transform:translate(2.4px)}70%{transform:translate(-.6px)}}@keyframes bb-jatuh{0%{opacity:0;transform:translateY(-7px)}30%{opacity:1;transform:translateY(.8px)}40%{transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(1px)}}@keyframes bb-putar{to{transform:rotate(360deg)}}@keyframes bb-angin{0%{opacity:0;transform:translate(1.5px)}40%{opacity:1}to{opacity:0;transform:translate(-2px)}}@keyframes bb-kedip{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes bb-ulang{0%{stroke-dashoffset:1px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes bb-tumbuh{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes bb-uap{0%{opacity:0;transform:translateY(1.5px)}45%{opacity:1}to{opacity:0;transform:translateY(-2.5px)}}@keyframes bb-sapu{0%,to{transform:none}50%{transform:rotate(-75deg)}}@keyframes bb-kibar{0%,to{transform:none}35%{transform:rotate(-8deg)}70%{transform:rotate(3deg)}}@keyframes bb-geser-kiri{0%,to{transform:none}50%{transform:translate(-1.8px)}}.bb-gp:hover .sb3-ik .pin:not(.isi),.bb-gp:hover .sb3-ik .atap{animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-lompat 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.pin{animation:bb-muncul .25s .42s both, bb-lompat 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .kuas:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-kibas 1.2s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.kuas{animation:bb-muncul .25s .42s both, bb-kibas 1.2s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .ayun:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-ayun 1.4s .5s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.ayun{animation:bb-muncul .25s .42s both, bb-ayun 1.4s .5s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .kaca:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-pindai 1.6s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.kaca{animation:bb-muncul .25s .42s both, bb-pindai 1.6s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .balok:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-timbang 1.6s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.balok{animation:bb-muncul .25s .42s both, bb-timbang 1.6s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .gel{animation:bb-tarik .5s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-gema 1s .6s ease-in-out infinite}.bb-gp:hover .sb3-ik .gel2{animation-delay:calc(var(--d,0) * 70ms), .75s}.bb-gp:hover .sb3-ik .kanopi:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-kembang 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.kanopi{animation:bb-muncul .25s .42s both, bb-kembang 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .topi:not(.isi),.bb-gp:hover .sb3-ik .psi{animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-mekar 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.topi{animation:bb-muncul .25s .42s both, bb-mekar 1.2s .6s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .troli{animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-dorong 1s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .barang,.bb-gp:hover .sb3-ik .koin{animation:bb-jatuh 1.6s .35s var(--bb-ease) infinite both}.bb-gp:hover .sb3-ik .roda1,.bb-gp:hover .sb3-ik .roda2{animation:bb-tarik .5s var(--bb-pena) calc(var(--d,0) * 60ms) both, bb-putar .8s .55s linear infinite}.bb-gp:hover .sb3-ik .laju{animation:bb-tarik .5s var(--bb-pena) both, bb-angin .6s .5s ease-out infinite}.bb-gp:hover .sb3-ik .kursor{animation:.2s .4s both bb-muncul,.9s step-end .6s infinite bb-kedip}.bb-gp:hover .sb3-ik .uap{animation:bb-tarik .5s var(--bb-pena) both, bb-uap 1.3s .45s ease-in-out infinite}.bb-gp:hover .sb3-ik .uap2{animation-delay:0s,.8s}.bb-gp:hover .sb3-ik .jarum{animation:bb-tarik .5s var(--bb-pena) both, bb-sapu 1.4s .5s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .batang{animation:bb-tarik .5s var(--bb-pena) both, bb-tumbuh 1.2s .5s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .b2{animation-delay:0s,.65s}.bb-gp:hover .sb3-ik .b3{animation-delay:0s,.8s}.bb-gp:hover .sb3-ik .halaman:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-kibar 1.2s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .isi.halaman{animation:bb-muncul .25s .42s both, bb-kibar 1.2s .55s var(--bb-ease) infinite}.bb-gp:hover .sb3-ik .gerigi:not(.isi){animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-putar 2.4s .5s linear infinite}.bb-gp:hover .sb3-ik .isi.gerigi{animation:.25s .42s both bb-muncul,2.4s linear .5s infinite bb-putar}.bb-gp:hover .sb3-ik .centang{animation:bb-ulang 1.8s .6s var(--bb-pena) infinite both}.bb-gp:hover .sb3-ik .arah{animation:bb-tarik .6s var(--bb-pena) calc(var(--d,0) * 70ms) both, bb-geser-kiri 1s .5s var(--bb-ease) infinite}@keyframes bb-detak{0%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}50%{transform:scale(1)}}@keyframes bb-gelombang{0%{box-shadow:0 0 0 0 var(--g,#12b76a80)}70%,to{box-shadow:0 0 0 7px #12b76a00}}.bb .detak{animation:1.3s ease-in-out infinite bb-detak}.bb-titik{background:#12b76a;border-radius:50%;flex:none;width:6px;height:6px;animation:1.3s ease-in-out infinite bb-detak,1.3s ease-out infinite bb-gelombang;display:inline-block}.bb-titik.b{background:var(--bb-biru);--g:#2f54d673}.bb-rel{z-index:2;flex-direction:column;flex:none;align-items:center;width:64px;padding:2px 0 0;display:flex;position:relative}.bb-logo{letter-spacing:-.02em;background:#fff;border-radius:15px;flex:none;place-items:center;width:44px;height:44px;font-size:12.5px;font-weight:900;display:grid;box-shadow:0 8px 18px -10px #00000073;color:var(--bb-biru2)!important}.bb-logo>img{width:30px;height:auto;transition:transform .35s var(--bb-pegas);display:block}.bb-logo:hover>img{transform:scale(1.08)}.bb-rgl{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;min-height:0;padding:14px 0 10px;display:flex;overflow-y:auto}.bb-rgl::-webkit-scrollbar{display:none}.bb-r{border-radius:13px;flex:none;place-items:center;width:44px;height:40px;transition:background-color .25s,color .25s;display:grid;position:relative;color:#ffffffc7!important}.bb-r:hover{color:#fff!important;background:#ffffff26!important}.bb-rel .sb3-ik .isi{fill:#ffffff3d}.bb-r>em{background:var(--bb-lime);min-width:17px;height:17px;color:var(--bb-biru2);box-shadow:0 0 0 2px var(--bb-rel);border-radius:999px;place-items:center;padding:0 4px;font-size:9.5px;font-style:normal;font-weight:900;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.bb-r .bb-ikl{width:20px;height:20px}.bb-r.on{border-radius:16px 0 0 16px;width:54px;margin-left:10px;background:var(--bb-card)!important;color:var(--bb-biru)!important}.dark .bb-r.on{color:#b4c4ff!important}.bb-r.on .sb3-ik .isi{fill:var(--bb-lime);fill-opacity:1}.bb-r.on:before,.bb-r.on:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute;right:0}.bb-r.on:before{background:radial-gradient(circle at 0 0, transparent 17.5px, var(--bb-card) 18px);top:-18px}.bb-r.on:after{background:radial-gradient(circle at 0 100%, transparent 17.5px, var(--bb-card) 18px);bottom:-18px}.bb-r.on>em{box-shadow:0 0 0 2.5px var(--bb-rel);top:-6px;left:-7px;right:auto}.bb-kini{background:var(--bb-lime);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:3px}.bb-rgr{background:#fff3;flex:none;width:30px;height:1px;margin:5px 0}.bb-rsp{flex:1;min-height:4px}.bb-rsk{background:#ffffff24;border-radius:13px;flex:none;width:40px;height:36px;margin:3px 0;animation:1.2s ease-in-out infinite bb-kedip-skel}.bb-tip{z-index:70;opacity:0;pointer-events:none;white-space:nowrap;background:var(--bb-ink);color:var(--bb-card);transition:opacity .15s, transform .25s var(--bb-pegas);border-radius:12px;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;top:0;left:84px;transform:translate(-6px,-50%)scale(.96);box-shadow:0 12px 26px -12px #1018288c}.bb-tip.on{opacity:1;transform:translateY(-50%)scale(1)}.bb-pan{background:var(--bb-card);border-radius:20px;flex:1;min-width:0;position:relative;overflow:hidden}.bb-pan-in{flex-direction:column;width:220px;height:100%;padding:14px 12px 12px;display:flex}.bb-dk{background:var(--bb-hov);animation:bb-urai .35s var(--bb-ease) both;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;padding:10px;display:flex;position:relative}.bb-dki{background:var(--bb-biru);width:40px;height:40px;color:var(--bb-lime);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 12px 20px -12px #2f54d6f2}.bb-dki .sb3-ik{width:22px;height:22px}.bb-dki .sb3-ik .isi{fill:var(--bb-lime);fill-opacity:.35}.bb-dk .nm{flex:1;min-width:0}.bb-dk .nm b{letter-spacing:-.015em;color:var(--bb-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:800;display:block;overflow:hidden}.bb-dk .nm small{color:var(--bb-mu);font-size:11.5px;font-weight:700}.bb-dk .chips{gap:6px;width:100%;display:flex}.bb-chip{white-space:nowrap;background:var(--bb-card);height:22px;color:var(--bb-mu);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.bb-chip.l{background:var(--bb-lime);color:var(--bb-biru2)}.bb-ciut{border-radius:999px;flex:none;place-items:center;width:32px;height:32px;transition:color .2s;display:grid;color:var(--bb-mu)!important;background:var(--bb-card)!important}.bb-ciut:hover{color:var(--bb-biru)!important}.bb-ciut svg{width:17px;height:17px}.bb-cr{background:var(--bb-ln2);height:38px;color:var(--bb-fa);cursor:text;border:1.5px solid #0000;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 6px 0 14px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.bb-cr:hover,.bb-cr:focus-within{border-color:var(--bb-biru);background:var(--bb-card);box-shadow:0 0 0 5px #2f54d61a}.bb-cr>.sb3-ik{width:16px;height:16px;color:var(--bb-mu)}.bb-cr:hover>.sb3-ik,.bb-cr:focus-within>.sb3-ik{color:var(--bb-biru)}.bb-cr input{min-width:0;font:inherit;color:var(--bb-ink);box-shadow:none;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:13px;font-weight:600}.bb-cr input::placeholder{color:var(--bb-fa)}.bb-cr input::-webkit-search-cancel-button{display:none}.bb kbd{font:inherit;color:var(--bb-mu);background:var(--bb-card);border:1px solid var(--bb-ln);border-radius:999px;flex:none;place-items:center;min-width:24px;height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-grid}.bb-hapus{width:26px;height:26px;color:var(--bb-mu);border-radius:999px;flex:none;place-items:center;display:grid}.bb-hapus:hover{color:var(--bb-ink);background:var(--bb-ln2)!important}.bb-hapus svg{width:14px;height:14px}.bb-gulir{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;min-height:0;margin:0 -10px;padding:0 10px 8px;display:flex;overflow-y:auto}.bb-gulir::-webkit-scrollbar{display:none}.bb-ttl{letter-spacing:.09em;color:var(--bb-fa);text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:8px;padding:14px 6px 8px;font-size:10.5px;font-weight:800;display:flex}.bb-ttl i{background:var(--bb-ln);flex:1;height:1px}.bb-ttl em{letter-spacing:0;color:var(--bb-mu);background:var(--bb-ln2);border-radius:999px;padding:1px 7px;font-style:normal}.bb-kosong{text-align:center;color:var(--bb-mu);padding:26px 10px;font-size:13px;font-weight:600}.bb-kosong b{color:var(--bb-ink);margin-bottom:2px;font-size:14px;display:block}.bb-skel{background:var(--bb-ln2);border-radius:15px;flex:none;height:40px;margin-top:6px;animation:1.2s ease-in-out infinite bb-kedip-skel}@keyframes bb-kedip-skel{50%{opacity:.55}}@keyframes bb-urai{0%{opacity:0;translate:0 -6px}}.bb-lst{z-index:0;flex-direction:column;flex:none;gap:3px;display:flex;position:relative}.bb-urai>*{animation:bb-urai .32s var(--bb-ease) both;animation-delay:calc(var(--i,0) * 28ms)}.bb-itw{position:relative}.bb-it{text-align:left;border-radius:15px;align-items:center;gap:11px;width:100%;height:40px;padding:0 8px 0 6px;font-size:13.5px;font-weight:600;transition:background-color .25s,color .25s;display:flex;position:relative;color:var(--bb-tx)!important}.bb-it .tl{background:var(--bb-ln2);width:32px;height:32px;color:var(--bb-mu);border-radius:11px;flex:none;place-items:center;transition:background-color .25s,color .25s;display:grid}.bb-it .tl .sb3-ik,.bb-it .tl .bb-ikl{width:17px;height:17px}.bb-it:hover{background:var(--bb-hov)!important;color:var(--bb-ink)!important}.bb-it:hover .tl{background:var(--bb-hovt);color:var(--bb-biru)}.dark .bb-it:hover .tl{color:#b4c4ff}.bb-it>em{background:var(--bb-ln2);min-width:24px;height:22px;color:var(--bb-mu);border-radius:999px;flex:none;place-items:center;padding:0 8px;font-size:11px;font-style:normal;font-weight:800;display:grid}.bb-it>em.detak{background:var(--bb-biru);color:#fff}.bb-it .bb-cv{width:15px;height:15px;color:var(--bb-fa);transition:transform .3s var(--bb-ease);flex:none}.bb-it.on{font-weight:800;box-shadow:0 14px 24px -14px #2f54d6;background:var(--bb-biru)!important;color:#fff!important}.bb-it.on:before{content:"";background:var(--bb-lime);z-index:-1;border-radius:999px;width:22px;animation:2.6s ease-in-out infinite bb-tetes;position:absolute;top:7px;bottom:7px;left:-7px}.bb-it.on:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff2e 50%,#0000 65%) 0 0/250% 100%;border-radius:15px;animation:3.2s ease-in-out infinite bb-kilap;position:absolute;inset:0}@keyframes bb-tetes{0%,to{transform:translate(0)scaleY(1)}50%{transform:translate(-2px)scaleY(.82)}}@keyframes bb-kilap{0%,55%{background-position:120% 0}to{background-position:-120% 0}}.bb-it.on .tl{background:var(--bb-lime);color:var(--bb-biru2)}.bb-it.on .tl .sb3-ik .isi{fill:var(--bb-biru);fill-opacity:.25}.bb-it.on>em,.bb-it.on>em.detak{background:var(--bb-lime);color:var(--bb-biru2)}.bb-lb{white-space:nowrap;flex:1;min-width:0;overflow:hidden;container-type:inline-size}.bb-lb>span{text-overflow:ellipsis;display:block;overflow:hidden}.bb-it:hover .bb-lb>span{text-overflow:clip;animation:5.5s ease-in-out .5s infinite bb-geser;display:inline-block;overflow:visible}@keyframes bb-geser{0%,14%{transform:translate(0)}48%,64%{transform:translate(min(0px,100cqw - 100%))}to{transform:translate(0)}}.bb-lb mark{background:var(--bb-lime);color:#14204a;border-radius:4px;padding:0 1px}.bb-ikl{flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.bb-ikl svg{width:100%!important;height:100%!important}.bb-pn{opacity:0;border-radius:9px;place-items:center;width:26px;height:26px;margin-top:-13px;transition:opacity .2s,color .2s,background-color .2s;display:grid;position:absolute;top:50%;right:8px;color:var(--bb-fa)!important}.bb-itw.ada .bb-pn{right:44px}.bb-pn .sb3-ik{width:14px;height:14px}.bb-itw:hover .bb-pn,.bb-pn:focus-visible{opacity:1}.bb-pn:hover{color:var(--bb-biru)!important;background:var(--bb-hovt)!important}.bb-pn.ya{opacity:1;color:var(--bb-biru)!important}.bb-pn.ya path{fill:currentColor}.bb-itw:has(.bb-it.on) .bb-pn{color:var(--bb-lime)!important}.bb-itw:has(.bb-it.on) .bb-pn:hover{background:#ffffff29!important}.bb-itw:is(:hover,:focus-within):not(.ada)>.bb-it{padding-right:38px}.bb-itw:has(.bb-pn.ya):not(.ada)>.bb-it{padding-right:38px}.bb-itw.ada:is(:hover,:focus-within)>.bb-it>em{margin-left:28px}.bb-itw.ada:has(.bb-pn.ya)>.bb-it>em{margin-left:28px}.bb-sg{border-radius:17px;transition:background-color .25s;position:relative}.bb-sg.buka{background:var(--bb-ln2);box-shadow:inset 0 0 0 1px var(--bb-ln)}.bb-sg.buka>.bb-it{font-weight:700;color:var(--bb-ink)!important}.bb-sg.buka>.bb-it .tl{background:var(--bb-hovt);color:var(--bb-biru)}.bb-sg.buka>.bb-it .bb-cv{color:var(--bb-biru);transform:rotate(180deg)}.bb-anak{transition:grid-template-rows .34s var(--bb-ease);grid-template-rows:0fr;display:grid}.bb-sg.buka>.bb-anak{grid-template-rows:1fr}.bb-anak>div{clip-path:inset(0 0 0 -10px);min-height:0}.bb-anak .bb-lst{padding-bottom:4px}.bb-geser{gap:4px;margin-left:2px;display:flex}.bb-geser button{border-radius:999px;place-items:center;width:24px;height:24px;transition:background-color .2s,color .2s;display:grid;background:var(--bb-ln2)!important;color:var(--bb-mu)!important}.bb-geser button:hover:not(:disabled){background:var(--bb-biru)!important;color:#fff!important}.bb-geser button:disabled{opacity:.4;cursor:default}.bb-geser svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.bb-pin{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:none;gap:8px;margin:0 -2px;padding:3px 2px 6px;scroll-padding-left:2px;display:flex;overflow-x:auto}.bb-pin.lanjut{-webkit-mask-image:linear-gradient(90deg,#000 0 78%,#0000);mask-image:linear-gradient(90deg,#000 0 78%,#0000)}.bb-pin::-webkit-scrollbar{display:none}.bb-pin a{scroll-snap-align:start;background:var(--bb-ln2);white-space:nowrap;max-width:168px;height:40px;animation:bb-urai .4s var(--bb-pegas) both;border-radius:15px;flex:none;align-items:center;gap:9px;padding:0 14px 0 7px;font-size:12.5px;font-weight:700;transition:background-color .25s,color .25s,box-shadow .25s;display:flex;color:var(--bb-tx)!important}.bb-pin a>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.bb-pin a .ik{background:var(--bb-biru);width:32px;height:32px;color:var(--bb-lime);border-radius:11px;flex:none;place-items:center;transition:background-color .25s,color .25s;display:grid;box-shadow:0 8px 14px -10px #2f54d6f2}.bb-pin a .ik .sb3-ik,.bb-pin a .ik .bb-ikl{width:17px;height:17px}.bb-pin a .ik .sb3-ik .isi{fill:var(--bb-lime);fill-opacity:.3}.bb-pin a small{color:var(--bb-fa);text-overflow:ellipsis;font-size:10.5px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.bb-pin a:hover{background:var(--bb-card);box-shadow:inset 0 0 0 1.5px var(--bb-biru);color:var(--bb-ink)!important}.bb-pin a:hover .ik{background:var(--bb-lime);color:var(--bb-biru2)}.bb-pin a:hover .ik .sb3-ik .isi{fill:var(--bb-biru);fill-opacity:.25}.bb-baru{flex-direction:column;flex:none;gap:2px;margin-top:auto;padding-top:6px;display:flex}.bb-baru a{height:34px;transition:background-color .2s, padding .25s var(--bb-pegas);border-radius:12px;align-items:center;gap:10px;padding:0 8px;font-size:12.5px;font-weight:700;display:flex;color:var(--bb-tx)!important}.bb-baru a:hover{background:var(--bb-hov);padding-left:12px}.bb-baru a span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bb-baru a time{color:var(--bb-fa);flex:none;font-size:11px;font-weight:700}.bb-baru a i{background:var(--bb-ln);border-radius:50%;flex:none;width:6px;height:6px}.bb-baru a:first-of-type i{background:var(--bb-biru)}.bb.ciut{width:80px}.bb.ciut .bb-pan{visibility:hidden}.bb.anim.ciut .bb-pan{transition:visibility 0s .3s}.bb.ciut .bb-r.on{border-radius:14px;width:44px;margin-left:0}.bb.ciut .bb-r.on:before,.bb.ciut .bb-r.on:after{display:none}.bb.ciut .bb-r.on>em{top:-2px;left:auto;right:-2px}.bb.hp{z-index:60;border-radius:0 30px 30px 0;width:min(320px,100vw - 20px);top:0;bottom:0;left:0;transform:translate(-105%)}.bb.hp.laci{transform:none;box-shadow:0 24px 48px -12px #10182859}.bb.hp .bb-pan-in{width:auto}.bb.hp .bb-tip{display:none}@media (prefers-reduced-motion:reduce){.bb,.bb *,.bb :before,.bb :after{transition:none!important;animation:none!important}}@media print{.bb{display:none!important}}
.op-sidebar,.op-topbar,.op-palette,.op-menu[role=menu]{--op-bg:#fbfcfe;--op-page:#f9fafb;--op-card:#fff;--op-popover:#fff;--op-fg:#17181a;--op-muted:#f2f3f6;--op-muted-fg:#616369;--op-hover:#f2f3f680;--op-accent:#f1f2f4;--op-accent-fg:#1a1a1c;--op-border:#dddee1;--op-primary:#1a1a1c;--op-destructive:#e3121e;color:var(--op-fg)}@supports (color:lab(0% 0 0)){.op-sidebar,.op-topbar,.op-palette,.op-menu[role=menu]{--op-bg:lab(98.824% .0141859 -1.14007);--op-page:lab(98.2516% -.0501573 -.758076);--op-card:lab(100% 0 0);--op-popover:lab(100% 0 0);--op-fg:lab(8.3375% .037536 -1.50929);--op-muted:lab(95.9185% .0201762 -1.51929);--op-muted-fg:lab(41.9436% .096634 -3.7717);--op-hover:lab(95.9185% .0201762 -1.51929/.5);--op-accent:lab(95.3385% .020206 -1.51927);--op-accent-fg:lab(9.49756% .0365227 -1.50984);--op-border:lab(88.373% .0273287 -1.89791);--op-primary:lab(9.49756% .0365227 -1.50984);--op-destructive:lab(48.9622% 72.6008 53.3924)}}.dark .op-sidebar,.dark .op-topbar,.dark .op-palette,.dark .op-menu{--op-bg:#0e0e10;--op-page:#0a0a0b;--op-card:#121315;--op-popover:#161719;--op-fg:#f4f5f7;--op-muted:#202022;--op-muted-fg:#9fa1a8;--op-hover:#20202280;--op-accent:#262628;--op-accent-fg:#f4f5f7;--op-border:#ffffff14;--op-primary:#e3e4e7;--op-destructive:#f14445}@supports (color:lab(0% 0 0)){.dark .op-sidebar,.dark .op-topbar,.dark .op-palette,.dark .op-menu{--op-bg:lab(4.0432% .0276938 -.999871);--op-page:lab(2.74549% .0145137 -.576413);--op-card:lab(5.70122% .0323802 -1.25261);--op-popover:lab(7.75991% .03732 -1.50478);--op-fg:lab(96.504% .0142157 -1.14003);--op-muted:lab(12.3977% .0343546 -1.51104);--op-muted-fg:lab(66.3046% .0793338 -3.78128);--op-hover:lab(12.3977% .0343546 -1.51104/.5);--op-accent:lab(15.2978% .0325888 -1.51203);--op-accent-fg:lab(96.504% .0142157 -1.14003);--op-border:lab(100% 0 0/.08);--op-primary:lab(90.6985% .0204742 -1.51914);--op-destructive:lab(56.1223% 66.3826 40.6881)}}.op-sidebar{background-color:var(--op-bg);border-right:1px solid var(--op-border);contain:layout paint style}.op-topbar{background-color:var(--op-page);border-bottom:1px solid var(--op-border)}.op-topbar .op-divider{border-color:var(--op-border)}.op-topbar .op-muted,.op-topbar .op-crumb-link{color:var(--op-muted-fg)}.op-topbar .op-crumb-link:hover,.op-topbar .op-crumb-current,.op-topbar .op-logo{color:var(--op-fg)}.op-topbar .op-icon-btn{width:2.25rem;height:2.25rem;color:var(--op-muted-fg);border-radius:.5rem;place-items:center;transition:background-color .15s,color .15s;display:grid}.op-topbar .op-icon-btn:hover{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-user-btn{border:1px solid var(--op-border);background-color:var(--op-card);transition:background-color .15s}.op-topbar .op-user-btn:hover,.op-topbar .op-user-btn[data-state=open]{background-color:var(--op-muted)}.op-menu[role=menu]{background-color:var(--op-popover);border:1px solid var(--op-border)}.op-menu .op-muted{color:var(--op-muted-fg)}.op-menu .op-role{color:var(--op-primary)}.op-menu .op-sep{background-color:var(--op-border)}.op-menu .op-menu-item{color:color-mix(in oklab, var(--op-fg) 90%, transparent)}.op-menu .op-menu-item[data-highlighted]{background-color:var(--op-muted);color:var(--op-fg);outline:none}.op-menu .op-menu-danger{color:var(--op-destructive)}.op-menu .op-menu-danger[data-highlighted]{background-color:color-mix(in oklab, var(--op-destructive) 10%, transparent);color:var(--op-destructive);outline:none}.op-sidebar .op-divider{border-color:var(--op-border)}.op-sidebar .op-rail{border-left:1px solid var(--op-border)}.op-sidebar .op-rail-soft{border-left:1px solid color-mix(in oklab, var(--op-border) 70%, transparent)}.op-sidebar .op-section{color:var(--op-fg)}.op-sidebar .op-section:hover{background-color:var(--op-hover)}.op-sidebar .op-link{color:var(--op-muted-fg)}.op-sidebar .op-link:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-sidebar .op-link .op-icon{color:var(--op-muted-fg)}.op-sidebar .op-link:hover .op-icon{color:color-mix(in oklab, var(--op-fg) 80%, transparent)}.op-sidebar .op-link-active,.op-sidebar .op-link-active:hover{background-color:var(--op-accent);color:var(--op-accent-fg);font-weight:500}.op-sidebar .op-link-active .op-icon{color:var(--op-fg)}.op-sidebar .op-indicator{background-color:var(--op-primary)}.op-sidebar .op-group{color:color-mix(in oklab, var(--op-fg) 85%, transparent)}.op-sidebar .op-group:hover{background-color:var(--op-hover)}.op-sidebar .op-muted{color:var(--op-muted-fg)}.op-sidebar .op-skeleton{background-color:var(--op-accent)}.op-sidebar .op-rail-link{color:var(--op-muted-fg)}.op-sidebar .op-rail-link:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-sidebar .op-rail-link-active,.op-sidebar .op-rail-link-active:hover{background-color:var(--op-accent);color:var(--op-accent-fg);box-shadow:0 1px 2px #0000000d}.op-sidebar .op-scroll{scrollbar-width:thin;scrollbar-color:var(--op-border) transparent}.nav-progress{z-index:60;pointer-events:none;transform-origin:0;opacity:0;background:#1a1a1c;background:lab(9.49756% .0365227 -1.50984);height:2px;animation:.15s ease-out .12s forwards nav-progress-in,8s cubic-bezier(.1,.7,.2,1) .12s forwards nav-progress-grow;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.dark .nav-progress{background:#e3e4e7;background:lab(90.6985% .0204742 -1.51914)}@keyframes nav-progress-in{to{opacity:1}}@keyframes nav-progress-grow{to{transform:scaleX(.92)}}@media (prefers-reduced-motion:reduce){.nav-progress{animation:.15s ease-out .12s forwards nav-progress-in;transform:scaleX(.6)}}.op-palette .op-muted{color:var(--op-muted-fg)}.op-palette .op-divider{border-color:var(--op-border)}.op-palette-panel{background:var(--op-popover);border:1px solid var(--op-border);box-shadow:0 24px 70px -20px #0000008c,0 2px 8px -2px #0000004d}.op-palette .op-palette-input{color:var(--op-fg)}.op-palette .op-palette-input::placeholder{color:var(--op-muted-fg)}.op-palette .op-palette-close{color:var(--op-muted-fg)}.op-palette .op-palette-close:hover{background-color:var(--op-muted);color:var(--op-fg)}.op-palette .op-palette-item{color:var(--op-fg);transition:background-color .15s}.op-palette .op-palette-item:hover{background-color:var(--op-hover)}.op-palette .op-palette-item.is-active{background-color:var(--op-muted)}.op-palette .op-palette-icon{border:1px solid var(--op-border);background-color:var(--op-card)}.op-palette .op-palette-chip{background-color:var(--op-muted)}.op-palette .op-kbd{background-color:var(--op-muted);color:color-mix(in oklab, var(--op-fg) 80%, transparent)}.op-topbar .op-search-btn{border:1px solid var(--op-border);background-color:var(--op-card);color:var(--op-muted-fg);transition:background-color .15s}.op-topbar .op-search-btn:hover{background-color:var(--op-muted)}.op-topbar .op-kbd{background-color:var(--op-muted);color:var(--op-muted-fg)}.op-topbar .op-popover{background-color:var(--op-popover);border:1px solid var(--op-border);color:var(--op-fg);box-shadow:0 12px 32px -12px #00000040,0 2px 6px -2px #0000001f}.op-topbar .op-popover-item{color:color-mix(in oklab, var(--op-fg) 90%, transparent);transition:background-color .15s}.op-topbar .op-popover-item:hover{background-color:var(--op-muted)}.op-topbar .op-popover-item.is-active{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-link-muted{color:var(--op-muted-fg);transition:color .15s}.op-topbar .op-link-muted:hover{color:var(--op-fg)}.op-topbar .op-chip{color:var(--op-muted-fg);background-color:#0000;transition:background-color .15s,color .15s}.op-topbar .op-chip:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-topbar .op-chip.is-active{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-notif-row{border-bottom:1px solid color-mix(in oklab, var(--op-border) 50%, transparent);transition:background-color .15s}.op-topbar .op-notif-row:last-child{border-bottom:0}.op-topbar .op-notif-row:hover{background-color:var(--op-hover)}.op-topbar .op-notif-row.is-unread{background-color:color-mix(in oklab, var(--op-muted) 25%, transparent)}.op-topbar .op-dot-read{background-color:color-mix(in oklab, var(--op-muted-fg) 30%, transparent)}.op-topbar .op-fg-soft{color:color-mix(in oklab, var(--op-fg) 85%, transparent)}.op-topbar .op-badge-ring{box-shadow:0 0 0 2px var(--op-page)}.op-sidebar .op-section-title{color:var(--op-muted-fg)}.op-sidebar .op-divider{border-top:1px solid var(--op-border)}
.op-topbar.nb{--nb-bg:#fff;--nb-bd:#eaecf0;--nb-ink:#101828;--nb-mu:#667085;--nb-fa:#98a2b3;--nb-tile:#f2f4f7;--nb-ic:#475467;--nb-isi:#c7d2fe;--nb-hov:#eef2ff;--nb-biru:#2f54d6;--nb-ease:cubic-bezier(.2, .8, .2, 1);--nb-pena:cubic-bezier(.3, .5, .2, 1);--nb-pegas:cubic-bezier(.3, 1.4, .5, 1);z-index:50;background:var(--nb-bg);border:1px solid var(--nb-bd);color:var(--nb-ink);-webkit-font-smoothing:antialiased;align-items:center;gap:14px;padding:0 12px;display:flex;position:fixed}.dark .op-topbar.nb{--nb-bg:#151a25;--nb-bd:#ffffff14;--nb-ink:#f2f4f7;--nb-mu:#98a2b3;--nb-fa:#6b7385;--nb-tile:#ffffff0f;--nb-ic:#c3c9d4;--nb-isi:#8ea6ff4d;--nb-hov:#8ea6ff24;--nb-biru:#8ea6ff}.op-topbar.nb.nb-kartu{border-radius:20px;height:64px;top:12px;right:12px;box-shadow:0 1px 2px #1018280a}.dark .op-topbar.nb.nb-kartu{box-shadow:none}.op-topbar.nb.nb-lebar{left:296px}.op-topbar.nb.nb-sempit{left:100px}.op-topbar.nb.nb-anim{transition:left .3s var(--nb-ease)}.op-topbar.nb.nb-hp{border-width:0 0 1px;border-radius:0;gap:8px;height:64px;padding:0 10px;top:0;left:0;right:0}.nb button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.nb svg{flex:none;display:block}.nb [pathLength]{stroke-dasharray:1 1}.nb .sb3-ik .isi{fill:var(--nb-isi);stroke:none}@keyframes nb-tarik{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes nb-muncul{0%{opacity:0}}.nb-maju{transform-origin:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#2f54d6,#c8f04d);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:14px;right:14px;transform:scaleX(0)}.nb-maju.jalan{animation:nb-maju .85s var(--nb-ease) forwards}@keyframes nb-maju{0%{opacity:1;transform:scaleX(0)}75%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.nb-kh{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.nb-tl{color:#c8f04d;background:#2f54d6;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:0 8px 18px -10px #2f54d6f2}.nb-tl:after{content:"";opacity:0;pointer-events:none;border:2px solid #c8f04d;border-radius:17px;position:absolute;inset:-4px}.nb-tl.tarik:after{animation:nb-cincin .9s var(--nb-ease)}@keyframes nb-cincin{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}.nb-tl svg{width:23px;height:23px}.nb-tl .sb3-ik .isi{fill:#c8f04d;fill-opacity:.35}.nb-tl.tarik [pathLength]{animation:nb-tarik .8s var(--nb-pena) calc(var(--d,0) * 90ms) both}.nb-tl.tarik .isi{animation:.3s .6s both nb-muncul}.nb-tx{flex-direction:column;gap:2px;min-width:0;display:flex}.nb-jl{letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--nb-fa);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:800;line-height:1.3;display:flex}.nb-jl>span{text-overflow:ellipsis;overflow:hidden}.nb-jl svg{width:11px;height:11px}.nb-jd{letter-spacing:-.02em;height:25px;color:var(--nb-ink);font-size:19px;font-weight:800;position:relative;overflow:hidden}.nb-jd>span{white-space:nowrap;text-overflow:ellipsis;line-height:25px;display:block;overflow:hidden}.nb-jd>span.masuk{animation:nb-gulung-masuk .5s var(--nb-pegas) both}.nb-jd>span.keluar{animation:nb-gulung-keluar .35s var(--nb-ease) both;position:absolute;top:0;left:0;right:0}@keyframes nb-gulung-masuk{0%{opacity:0;transform:translateY(100%)}}@keyframes nb-gulung-keluar{to{opacity:0;transform:translateY(-100%)}}.nb-pn{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;transition:color .2s,background-color .2s;display:grid;position:relative;color:var(--nb-fa)!important}.nb-pn:hover{color:var(--nb-biru)!important;background:var(--nb-hov)!important}.nb-pn:focus-visible,.nb-ab:focus-visible,.nb-cari:focus-visible{outline:2px solid var(--nb-biru);outline-offset:2px}.nb-pn svg{width:17px;height:17px}.nb-pn.ya{color:var(--nb-biru)!important}.nb-pn.ya path{fill:currentColor}.nb-pn .pop{animation:nb-pop .5s var(--nb-pegas);display:grid}.nb-pn .pop:after{content:"";animation:nb-cincin .6s var(--nb-ease) forwards;pointer-events:none;border:2px solid #c8f04d;border-radius:50%;position:absolute;inset:2px}@keyframes nb-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:none}}.nb-alat{flex:none;align-items:center;gap:8px;display:flex}.nb-wkt{background:var(--nb-tile);height:40px;color:var(--nb-mu);white-space:nowrap;border-radius:13px;flex:none;align-items:center;gap:9px;padding:0 13px 0 10px;font-size:13.5px;font-weight:700;display:flex}.nb-wkt svg{width:18px;height:18px;color:var(--nb-ic)}.nb-wkt b{color:var(--nb-ink);font-variant-numeric:tabular-nums;font-weight:800}.nb-wkt b i{font-style:normal;animation:2s step-end infinite nb-kedip-titik}@keyframes nb-kedip-titik{50%{opacity:.25}}.nb-wkt small{color:var(--nb-fa);letter-spacing:.04em;font-size:11px;font-weight:800}.nb-wkt .sb3-ik [class]{transform-box:view-box;transform-origin:12px 12px}.nb-wkt:hover .jarum-m{animation:nb-putar 1.2s var(--nb-ease)}.nb-wkt:hover .jarum-j{animation:nb-putar 2.4s var(--nb-ease)}@keyframes nb-putar{to{transform:rotate(360deg)}}.nb-cari{border-radius:13px;align-items:center;gap:9px;height:40px;padding:0 7px 0 12px;font-size:13.5px;font-weight:700;transition:background-color .2s,color .2s;display:flex;background:var(--nb-tile)!important;color:var(--nb-mu)!important}.nb-cari:hover{background:var(--nb-hov)!important;color:var(--nb-biru)!important}.nb-cari svg{width:18px;height:18px;transition:transform .4s var(--nb-pegas)}.nb-cari:hover svg{transform:rotate(-14deg)scale(1.1)}.nb-cari kbd{color:var(--nb-mu);background:var(--nb-bg);border:1px solid var(--nb-bd);border-radius:8px;padding:3px 7px;font-family:inherit;font-size:11px;font-weight:800}.nb-pemisah{background:var(--nb-bd);flex:none;width:1px;height:28px}.nb-ab{width:40px;height:40px;transition:background-color .2s, color .2s, transform .3s var(--nb-pegas);border-radius:13px;flex:none;place-items:center;display:grid;position:relative;color:var(--nb-ic)!important;background:var(--nb-tile)!important}.nb-ab:hover{background:var(--nb-hov)!important;color:var(--nb-biru)!important}.nb-ab:active{transform:scale(.92)}.nb-ab svg{width:21px;height:21px}.nb-bdg{color:#fff;border:2px solid var(--nb-bg);font-variant-numeric:tabular-nums;background:#f04438;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.nb-bdg.hj{background:#12b76a}.nb-ab:hover .sb3-ik [pathLength]{animation:nb-tarik .55s var(--nb-pena) calc(var(--d,0) * 60ms) both}.nb-ab:hover .sb3-ik .isi{animation:.25s .35s both nb-muncul}.nb-ab .sb3-ik [class]{transform-box:view-box}.nb-ab .sb3-ik .lampu{transform-origin:12px 1.5px}.nb-ab .sb3-ik .tombol,.nb-ab .sb3-ik .ding{transform-origin:12px 9px}.nb-ab .sb3-ik .titik{transform-box:fill-box;transform-origin:50%}@keyframes nb-goyang{0%,to{transform:none}30%{transform:rotate(7deg)}65%{transform:rotate(-5deg)}85%{transform:rotate(2deg)}}@keyframes nb-ayun-besar{0%{transform:none}18%{transform:rotate(22deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(9deg)}78%{transform:rotate(-4deg)}to{transform:none}}@keyframes nb-tekan{0%,to{transform:none}35%,55%{transform:translateY(1.6px)}}@keyframes nb-ding{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}@keyframes nb-ketik{0%,60%,to{opacity:.55;transform:none}30%{opacity:1;transform:translateY(-1.8px)}}.nb-lampu .sinar,.nb-lampu .filamen{stroke:#f79009;transition:opacity .4s,stroke .4s}.nb-lampu .isi.kaca{fill:#fef0c7;transition:fill .4s}.dark .nb-lampu .sinar{opacity:0}.dark .nb-lampu .filamen{stroke:currentColor;opacity:.45}.dark .nb-lampu .isi.kaca{fill:var(--nb-isi);fill-opacity:.4}.nb-ayun{transform-origin:50% 0;display:grid}.nb-ayun.jalan{animation:nb-ayun-besar 1.3s var(--nb-ease)}.nb-ab:hover .sb3-ik .lampu:not(.isi){animation:nb-tarik .55s var(--nb-pena) calc(var(--d,0) * 60ms) both, nb-goyang 1s .5s var(--nb-ease)}.nb-ab:hover .sb3-ik .isi.lampu{animation:nb-muncul .25s .35s both, nb-goyang 1s .5s var(--nb-ease)}.nb-ab .sb3-ik .ding{opacity:0}.nb-ab:hover .sb3-ik .tombol{animation:nb-tarik .55s var(--nb-pena) calc(var(--d,0) * 60ms) both, nb-tekan .45s .55s var(--nb-ease)}.nb-ab:hover .sb3-ik .ding,.nb-ab.ding .sb3-ik .ding{animation:nb-ding .8s .7s var(--nb-ease) both}.nb-ab.ding .sb3-ik .tombol{animation:nb-tekan .45s .15s var(--nb-ease)}.nb-ab.ding .nb-bdg{animation:nb-pop .5s .2s var(--nb-pegas)}.nb-ab:hover .sb3-ik .titik{animation:.9s ease-in-out infinite nb-ketik}.nb-ab:hover .sb3-ik .t2{animation-delay:.15s}.nb-ab:hover .sb3-ik .t3{animation-delay:.3s}.nb-hp .nb-kh{gap:9px}.nb-hp .nb-tl{border-radius:12px;width:36px;height:36px}.nb-hp .nb-tl svg{width:20px;height:20px}.nb-hp .nb-jd{height:22px;font-size:16px}.nb-hp .nb-jd>span{line-height:22px}.nb-hp .nb-jl{font-size:10px}.nb-hp .nb-pn,.nb-hp .nb-cari span,.nb-hp .nb-cari kbd{display:none}.nb-hp .nb-cari{justify-content:center;width:36px;height:36px;padding:0}.nb-hp .nb-alat{gap:6px}.nb-hp .nb-ab{border-radius:12px;width:36px;height:36px}.nb-hp .nb-ab svg{width:19px;height:19px}@media (prefers-reduced-motion:reduce){.nb,.nb *,.nb :before,.nb :after{transition:none!important;animation:none!important}}@media (min-width:1024px){:is(body:has(.nb-kartu) .Toastify__toast-container--top-right,body:has(.nb-kartu) .Toastify__toast-container--top-center){top:88px}}.nb-wrap{display:flex;position:relative}.nb button.nb-wkt{border:1px solid var(--nb-bd);background:var(--nb-tile);height:46px;transition:background-color .2s, border-color .2s, transform .25s var(--nb-pegas);border-radius:15px;gap:10px;padding:0 16px 0 13px}.nb button.nb-wkt:hover{background:var(--nb-hov);border-color:#0000;transform:translateY(-1px)}.nb button.nb-wkt:hover svg{color:var(--nb-biru)}.nb button.nb-wkt.buka{color:#ffffffc7;background:#2f54d6;border-color:#0000}.nb button.nb-wkt.buka b{color:#fff}.nb button.nb-wkt.buka small,.nb button.nb-wkt.buka svg{color:#c8f04d}.nb .nb-cari{border-radius:15px;height:46px;padding:0 8px 0 13px;border:1px solid var(--nb-bd)!important}.nb .nb-cari:hover{transform:translateY(-1px);border-color:#0000!important}.nb-cari{transition:background-color .2s, color .2s, transform .25s var(--nb-pegas)}.nb-cari-tx{text-align:left;width:158px;height:20px;display:block;position:relative;overflow:hidden}.nb-cari-tx>span{white-space:nowrap;text-overflow:ellipsis;line-height:20px;display:block;overflow:hidden}.nb-cari-tx>span.gilir{animation:nb-gilir .45s var(--nb-pegas) both}@keyframes nb-gilir{0%{opacity:0;transform:translateY(100%)}}.nb-trio{background:var(--nb-tile);border:1px solid var(--nb-bd);border-radius:16px;align-items:center;gap:4px;padding:4px;display:flex}.nb-trio .nb-ab{border-radius:12px;width:38px;height:38px;background:0 0!important}.nb-trio .nb-ab:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px #10182859;background:var(--nb-bg)!important}.nb-trio .nb-ab[aria-expanded=true],.nb-trio .nb-ab[aria-pressed=true]{box-shadow:0 8px 16px -10px #2f54d6f2;color:#c8f04d!important;background:#2f54d6!important}.nb-trio .nb-ab[aria-expanded=true] .sb3-ik .isi,.nb-trio .nb-ab[aria-pressed=true] .sb3-ik .isi{fill:#c8f04d;fill-opacity:.35}.nb-trio .nb-bdg{border-color:var(--nb-tile);top:-7px;right:-7px}.nb-hp .nb-trio{border-radius:14px;gap:2px;padding:3px}.nb-hp .nb-trio .nb-ab{width:34px;height:34px}.nb-hp .nb-cari{border-radius:13px;width:40px;height:40px}html.nb-vt::view-transition-old(root){mix-blend-mode:normal;animation:none}html.nb-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}html.nb-vt::view-transition-new(root){animation:.65s cubic-bezier(.4,0,.2,1) nb-cahaya}@keyframes nb-cahaya{0%{clip-path:circle(0 at var(--nb-x) var(--nb-y))}to{clip-path:circle(var(--nb-r) at var(--nb-x) var(--nb-y))}}.nbp{z-index:60;background:var(--nb-bg);color:var(--nb-ink);border:1px solid var(--nb-bd);text-align:left;animation:nbp-turun .28s var(--nb-pegas);cursor:default;border-radius:22px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 16px);right:-6px;box-shadow:0 30px 60px -28px #10182880}.dark .nbp{box-shadow:0 30px 60px -20px #000000b3}@keyframes nbp-turun{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.nbp:before{content:"";background:var(--nb-bg);border-left:1px solid var(--nb-bd);border-top:1px solid var(--nb-bd);border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-7px;right:24px;transform:rotate(45deg)}.nbp-notif{width:410px;max-height:min(580px,100vh - 110px)}.nbp-kop{align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.nbp-kop-tl{color:#c8f04d;background:#2f54d6;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 16px -10px #2f54d6f2}.nbp-kop-tl svg{width:22px;height:22px}.nbp-kop-tl .sb3-ik .isi{fill:#c8f04d;fill-opacity:.35}.nbp-kop-tl [pathLength]{animation:nb-tarik .8s var(--nb-pena) calc(var(--d,0) * 90ms) both}.nbp-kop-tx{flex-direction:column;flex:1;min-width:0;display:flex}.nbp-kop-tx b{letter-spacing:-.01em;font-size:17px;font-weight:800}.nbp-kop-tx small{color:var(--nb-mu);font-size:12.5px;font-weight:600}.nbp-aksi{flex:none;align-items:center;gap:6px;height:34px;display:flex;color:#2f54d6!important;background:var(--nb-hov)!important;border-radius:999px!important;padding:0 12px 0 9px!important;font-size:12.5px!important;font-weight:800!important}.dark .nbp-aksi{color:#b4c4ff!important}.nbp-aksi svg{width:16px;height:16px}.nbp-aksi:disabled{opacity:.5}.nbp-sel{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 12px 12px;display:grid}.nbp-sel>button{text-align:left;transition:background-color .2s, transform .2s var(--nb-pegas);flex-direction:column;align-items:flex-start;gap:1px;display:flex;background:var(--nb-tile)!important;border-radius:12px!important;padding:8px 10px!important}.nbp-sel>button:hover{transform:translateY(-1px)}.nbp-sel small{color:var(--nb-mu);font-size:11px;font-weight:700}.nbp-sel b{color:var(--nb-ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.nbp-sel>button.aktif{background:#2f54d6!important}.nbp-sel>button.aktif small{color:#c8f04d}.nbp-sel>button.aktif b{color:#fff}.nbp-isi{overscroll-behavior:contain;border-top:1px solid var(--nb-bd);scrollbar-width:thin;flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.nbp-hari h3{z-index:1;background:var(--nb-bg);letter-spacing:.08em;text-transform:uppercase;color:var(--nb-fa);align-items:center;gap:8px;margin:0;padding:12px 8px 6px;font-size:11px;font-weight:800;display:flex;position:sticky;top:0}.nbp-hari h3 span{letter-spacing:0;color:var(--nb-mu);background:var(--nb-tile);border-radius:999px;padding:1px 7px;font-size:11px}.nbp-hari ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nbp-baris{text-align:left;width:100%;animation:nbp-urai .32s var(--nb-ease) both;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:11px;transition:background-color .15s;position:relative;border-radius:14px!important;padding:10px!important;display:grid!important}@keyframes nbp-urai{0%{opacity:0;transform:translateY(-5px)}}.nbp-baris:hover{background:var(--nb-hov)!important}.nbp-baris.baru{background:#2f54d60d!important}.dark .nbp-baris.baru{background:#8ea6ff12!important}.nbp-baris:hover .nbp-ik [pathLength]{animation:nb-tarik .55s var(--nb-pena) calc(var(--d,0) * 60ms) both}.nbp-ik{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nbp-ik svg{width:19px;height:19px}.nbp-ik.chat{color:#027a48;background:#ecfdf3}.nbp-ik.approval{color:#2f54d6;background:#eef2ff}.nbp-ik.berita{color:#b54708;background:#fffaeb}.nbp-ik.pengajuan{color:#344054;background:#f2f4f7}.dark .nbp-ik.chat{color:#6ce9a6;background:#12b76a24}.dark .nbp-ik.approval{color:#b4c4ff;background:#8ea6ff24}.dark .nbp-ik.berita{color:#fec84b;background:#f7900924}.dark .nbp-ik.pengajuan{color:#d0d5dd;background:#ffffff0f}.nbp-ik .sb3-ik .isi{fill:currentColor;fill-opacity:.16}.nbp-uraian{flex-direction:column;gap:2px;min-width:0;display:flex}.nbp-uraian b{color:var(--nb-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.nbp-baris:not(.baru) .nbp-uraian b{color:var(--nb-mu);font-weight:700}.nbp-uraian>span{color:var(--nb-mu);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.nbp-waktu{color:var(--nb-fa);white-space:nowrap;padding-top:1px;font-size:11.5px;font-weight:700}.nbp-titik{border:2px solid var(--nb-bg);background:#2f54d6;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:41px}.nbp-kosong{text-align:center;color:var(--nb-mu);flex-direction:column;align-items:center;gap:5px;padding:40px 24px;font-size:12.5px;font-weight:600;display:flex}.nbp-kosong>span{background:var(--nb-tile);width:54px;height:54px;color:var(--nb-ic);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.nbp-kosong>span svg{width:27px;height:27px}.nbp-kosong>span [pathLength]{animation:nb-tarik .8s var(--nb-pena) calc(var(--d,0) * .11s) both}.nbp-kosong b{color:var(--nb-ink);font-size:14.5px}.nbp-kaki{border-top:1px solid var(--nb-bd);color:var(--nb-mu);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.nbp-kal{gap:12px;width:340px;padding:14px;left:0;right:auto}.nbp-kal:before{left:28px;right:auto}.nbp-kal-kop{color:#fff;background:#2f54d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 80'%3E%3Cg fill='%23fff' fill-opacity='.12'%3E%3Crect x='0' y='52' width='14' height='40' rx='7'/%3E%3Crect x='24' y='38' width='14' height='54' rx='7'/%3E%3Crect x='48' y='46' width='14' height='46' rx='7'/%3E%3Crect x='72' y='22' width='14' height='70' rx='7'/%3E%3C/g%3E%3Crect x='96' y='6' width='14' height='86' rx='7' fill='%23C8F04D' fill-opacity='.28'/%3E%3C/svg%3E") right 12px bottom -12px/auto 78% no-repeat;border-radius:16px;align-items:center;gap:16px;padding:14px 16px;display:flex}.nbp-kal-jam{flex:none;align-items:baseline;gap:5px;display:flex}.nbp-kal-jam b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.nbp-kal-jam b i{font-style:normal;animation:2s step-end infinite nb-kedip-titik}.nbp-kal-jam small{color:#c8f04d;font-size:11px;font-weight:800}.nbp-kal-tgl{flex-direction:column;min-width:0;display:flex}.nbp-kal-tgl b{font-size:13.5px;font-weight:800}.nbp-kal-tgl small{color:#c8f04d;font-size:12px;font-weight:700}.nbp-kal-nav{align-items:center;gap:6px;display:flex}.nbp-kal-nav b{text-align:center;flex:1;font-size:14.5px;font-weight:800}.nbp-kal-nav button{place-items:center;width:32px;height:32px;display:grid;background:var(--nb-tile)!important;color:var(--nb-ic)!important;border-radius:10px!important}.nbp-kal-nav button:hover{background:var(--nb-hov)!important;color:var(--nb-biru)!important}.nbp-kal-nav button svg{width:16px;height:16px}.nbp-kal-nav .nbp-kal-kini{width:auto;color:#2f54d6!important;padding:0 10px!important;font-size:12px!important;font-weight:800!important}.nbp-kal-grid{border-collapse:separate;border-spacing:2px;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%}.nbp-kal-grid th{color:var(--nb-fa);text-align:center;padding:4px 0;font-size:10.5px;font-weight:800}.nbp-kal-grid th.merah{color:#f04438}.nbp-kal-grid tbody th{color:var(--nb-fa);background:var(--nb-tile);border-radius:8px;font-size:10.5px}.nbp-kal-grid tr.kini th{color:#14204a;background:#c8f04d}.nbp-kal-grid td{text-align:center;padding:0}.nbp-kal-grid td span{height:34px;color:var(--nb-ink);border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.nbp-kal-grid tr.kini td span{background:var(--nb-tile)}.nbp-kal-grid td.merah span{color:#d92d20}.nbp-kal-grid td.luar span{color:var(--nb-fa);opacity:.55}.nbp-kal-grid tr td.hariini span,.nbp-kal-grid tr.kini td.hariini span{color:#fff;box-shadow:0 0 0 2px var(--nb-bg), 0 0 0 4px #c8f04d;background:#2f54d6;font-weight:800}@media (max-width:1023px){.nbp-notif{width:auto;position:fixed;top:72px;left:10px;right:10px}.nbp-notif:before{display:none}}
.op-topbar.nb.bb-nav{--bb-card:#fff;--bb-ln:#eaecf0;--bb-ln2:#f2f4f7;--bb-ink:#101828;--bb-tx:#344054;--bb-mu:#667085;--bb-fa:#98a2b3;--bb-hov:#f4f6ff;--bb-hovt:#e3e9ff;--bb-biru:#2f54d6;--bb-biru2:#1d3a9e;--bb-rel:#2f54d6;--bb-lime:#c8f04d;--bb-kaca:#ffffff1f;--bb-kaca2:#ffffff2e;--bb-pegas:cubic-bezier(.3, 1.5, .5, 1);--bb-ease:cubic-bezier(.2, .8, .2, 1);background:var(--bb-rel);color:#fff;box-shadow:none;border:0;gap:10px}.dark .op-topbar.nb.bb-nav{--bb-card:#141924;--bb-ln:#ffffff14;--bb-ln2:#ffffff0d;--bb-ink:#f2f4f7;--bb-tx:#d0d5dd;--bb-mu:#98a2b3;--bb-fa:#6b7385;--bb-hov:#8ea6ff17;--bb-hovt:#8ea6ff2e;--bb-rel:#2443b8}.op-topbar.nb.bb-nav.bb-desk{border-radius:32px;height:64px;padding:0 8px;top:6px;right:6px;box-shadow:0 16px 30px -18px #1d3a9e73}.op-topbar.nb.bb-nav.bb-desk.lebar{left:312px}.op-topbar.nb.bb-nav.bb-desk.sempit{left:92px}.op-topbar.nb.bb-nav.bb-desk.anim{transition:left .3s var(--bb-ease)}.op-topbar.nb.bb-nav.bb-hp{border-radius:0 0 22px 22px}.bb-nav .sb3-ik .isi,.bb-nav.nb .sb3-ik .isi{fill:#ffffff38}.bb-nav :is(button,a):focus-visible{outline-offset:2px;outline:2px solid var(--bb-lime)!important}.bb-nav .nb-kh{background:0 0;border-radius:17px;flex:0 auto;gap:12px;min-width:0;height:48px;padding:0 4px 0 6px;position:relative;overflow:hidden}.bb-nav .nb-tl{background:var(--bb-lime);width:36px;height:36px;color:var(--bb-biru2);box-shadow:none;border-radius:12px}.bb-nav .nb-tl svg{width:20px;height:20px}.bb-nav .nb-tl .sb3-ik .isi{fill:var(--bb-biru);fill-opacity:.22}.bb-nav .nb-tl:after{border-color:#fff}.bb-nav .nb-tx{gap:1px;padding-right:2px}.bb-nav .nb-jl{color:#ffffffad;font-size:10.5px}.bb-nav .nb-jl>span:first-child{flex:none}.bb-nav .nb-jd{color:#fff;letter-spacing:-.015em;height:22px;font-size:16px}.bb-nav .nb-jd>span{line-height:22px}.bb-nav .nb-jl svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.bb-nav .nb-pn{border-radius:999px;width:34px;height:34px;color:#ffffffbf!important}.bb-nav .nb-pn:hover{color:var(--bb-lime)!important;background:#ffffff24!important}.bb-nav .nb-pn.ya{color:var(--bb-lime)!important}.bb-nav .nb-maju{background:var(--bb-lime);bottom:0;left:10px;right:10px}.bb-nav .nb-alat{gap:10px;margin-left:auto}.bb-nav.nb .nb-cari{border-radius:999px;gap:10px;width:188px;height:40px;padding:0 6px 0 16px;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s;background:var(--bb-kaca)!important;color:#ffffffbf!important;border:1.5px solid #0000!important}.bb-nav.nb .nb-cari:hover svg{transform:none}.bb-nav.nb .nb-cari:hover{transform:none;box-shadow:0 0 0 5px #c8f04d2e;border-color:var(--bb-lime)!important;background:var(--bb-kaca2)!important;color:#fff!important}.bb-nav .nb-cari svg{width:17px;height:17px}.bb-nav .nb-cari:hover svg{transform:none}.bb-nav .nb-cari-tx{flex:1;width:auto;min-width:0;height:18px}.bb-nav .nb-cari-tx>span{color:#fff;font-weight:700;line-height:18px}.bb-nav .nb-cari kbd{color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;flex:none;place-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-grid}.bb-nav.nb button.nb-wkt{background:var(--bb-kaca);color:#fff;text-align:left;border:1.5px solid #0000;border-radius:999px;gap:9px;height:40px;padding:0 16px 0 6px;transform:none}.bb-nav.nb button.nb-wkt:hover,.bb-nav.nb button.nb-wkt.buka{border-color:var(--bb-lime);background:var(--bb-kaca2);transform:none;box-shadow:0 0 0 5px #c8f04d2e}.bb-nav .nb-wkt-ik{background:var(--bb-lime);width:30px;height:30px;color:var(--bb-biru2);border-radius:999px;flex:none;place-items:center;display:grid}.bb-nav.nb .nb-wkt-ik svg,.bb-nav.nb button.nb-wkt:hover .nb-wkt-ik svg,.bb-nav.nb button.nb-wkt.buka .nb-wkt-ik svg{width:18px;height:18px;color:var(--bb-biru2)}.bb-nav .nb-wkt-tx{flex-direction:column;display:flex}.bb-nav.nb .nb-wkt-tx small,.bb-nav.nb button.nb-wkt.buka .nb-wkt-tx small{letter-spacing:0;color:#ffffffa6;font-size:10.5px;font-weight:700;line-height:1.15;display:block}.bb-nav.nb .nb-wkt-tx b,.bb-nav.nb button.nb-wkt.buka .nb-wkt-tx b{color:#fff;font-size:15px;font-weight:800;line-height:1.15}.bb-nav .nb-wkt-tx b em{letter-spacing:.08em;color:#ffffffa6;margin-left:3px;font-size:10px;font-style:normal}.bb-nav .nb-wkt .sb3-ik .jarum-j{transform-box:view-box;transform-origin:12px 12px}.bb-nav .nb-wkt:hover .jarum-j{animation:2.4s linear .3s infinite nb-putar}.bb-nav .nb-wkt:hover .jarum-m{animation:none}.bb-nav .nb-trio{background:var(--bb-kaca);border:0;border-radius:999px;gap:2px;padding:3px}.bb-nav .nb-trio .nb-ab{border-radius:999px;width:34px;height:34px;color:#fff!important}.bb-nav .nb-trio .nb-ab:hover{box-shadow:none;transform:none;background:var(--bb-kaca2)!important;color:var(--bb-lime)!important}.bb-nav .nb-trio .nb-ab[aria-expanded=true],.bb-nav .nb-trio .nb-ab[aria-pressed=true]{box-shadow:none;background:var(--bb-lime)!important;color:var(--bb-biru2)!important}.bb-nav .nb-trio .nb-ab[aria-expanded=true] .sb3-ik .isi,.bb-nav .nb-trio .nb-ab[aria-pressed=true] .sb3-ik .isi{fill:var(--bb-biru);fill-opacity:.22}.bb-nav .nb-trio .nb-ab svg{width:19px;height:19px}.bb-nav .nb-trio .nb-bdg{box-shadow:0 0 0 2.5px var(--bb-rel);border:0;animation:1.3s ease-in-out infinite bb-detak;top:-5px;right:-6px}.bb-nav .nb-ab:hover .sb3-ik .lampu:not(.isi){animation:nb-tarik .55s cubic-bezier(.3, .5, .2, 1) calc(var(--d,0) * 60ms) both, nb-goyang 1.4s .5s var(--bb-ease) infinite}.bb-nav .nb-ab:hover .sb3-ik .isi.lampu{animation:nb-muncul .25s .35s both, nb-goyang 1.4s .5s var(--bb-ease) infinite}.bb-nav .nb-ab:hover .sb3-ik .ding{animation:nb-ding 1.1s .7s var(--bb-ease) infinite both}.bb-nav .nb-lampu .sinar,.bb-nav .nb-lampu .filamen{stroke:var(--bb-lime)}.bb-nav .nb-lampu .isi.kaca{fill:#c8f04d59}.bb-prow{flex:none;position:relative}.nb .bb-pro{background:var(--bb-kaca);color:#fff;text-align:left;border-radius:999px;align-items:center;gap:9px;height:48px;padding:0 12px 0 5px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;border:1.5px solid #0000!important}.nb .bb-pro:hover,.nb .bb-pro.buka{background:var(--bb-kaca2);box-shadow:0 0 0 5px #c8f04d2e;border-color:var(--bb-lime)!important}.bb-ava{border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.bb-ava:before{content:"";background:#fff;border-radius:999px;position:absolute;inset:0}.bb-ava>span{background:var(--bb-biru);width:32px;height:32px;color:var(--bb-lime);box-shadow:0 0 0 2px var(--bb-rel);border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:grid;position:relative;overflow:hidden}.bb-ava img,.bb-mh .ava img{-o-object-fit:cover;object-fit:cover;border-radius:999px;width:100%;height:100%}.bb-ava>.bb-titik{width:12px;height:12px;box-shadow:0 0 0 2.5px var(--bb-rel);position:absolute;bottom:0;right:-1px}.nb .bb-pro-tx{flex-direction:column;min-width:0;display:flex}.nb .bb-pro-tx b{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:13.5px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.nb .bb-pro-tx small{background:var(--bb-lime);height:18px;color:var(--bb-biru2);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;text-overflow:ellipsis;border-radius:999px;align-self:flex-start;align-items:center;max-width:160px;margin-top:2px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex;overflow:hidden}.nb .bb-pro .bb-cv{fill:none;stroke:#ffffffb3;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .45s var(--bb-pegas), stroke .2s}.nb .bb-pro:hover .bb-cv,.nb .bb-pro.buka .bb-cv{stroke:var(--bb-lime);transform:rotate(180deg)}@keyframes bb-putar{to{transform:rotate(360deg)}}@keyframes bb-detak{0%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}50%{transform:scale(1)}}@keyframes bb-gelombang{0%{box-shadow:0 0 #12b76a80}70%,to{box-shadow:0 0 0 7px #12b76a00}}.bb-nav .bb-titik{background:#12b76a;border-radius:50%;flex:none;animation:1.3s ease-in-out infinite bb-detak;display:inline-block}.bb-menu{z-index:60;background:var(--bb-card);width:304px;color:var(--bb-ink);box-shadow:0 0 0 1px var(--bb-ln), 0 34px 64px -26px #10182880;text-align:left;animation:bb-turunm .4s var(--bb-ease) both;cursor:default;border-radius:26px;padding:8px;position:absolute;top:calc(100% + 16px);right:0}.dark .bb-menu{box-shadow:0 0 0 1px var(--bb-ln), 0 34px 64px -20px #000000b3}@keyframes bb-turunm{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.bb-mh{background:var(--bb-biru);color:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.bb-mh .ats{align-items:center;gap:12px;min-width:0;display:flex}.bb-mh .ats>div{min-width:0}.bb-mh .ava{background:var(--bb-lime);width:52px;height:52px;color:var(--bb-biru2);border-radius:999px;flex:none;place-items:center;font-size:16px;font-weight:900;display:grid;position:relative;box-shadow:0 0 0 3px #ffffff40}.bb-mh .ava .bb-titik{width:13px;height:13px;box-shadow:0 0 0 2.5px var(--bb-biru);animation:1.3s ease-in-out infinite bb-detak,1.3s ease-out infinite bb-gelombang;position:absolute;bottom:1px;right:0}.bb-mh b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;display:block;overflow:hidden}.bb-mh small{color:#ffffffc7;font-size:11.5px;font-weight:600;display:block}.bb-mh small .peran{text-transform:capitalize}.bb-mh .st{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.bb-mh .st>span{color:#ffffffbf;background:#ffffff1f;border-radius:14px;flex-direction:column;gap:1px;padding:8px 10px;font-size:10.5px;font-weight:700;display:flex}.bb-mh .st b{color:#fff;font-size:14px}.nb .bb-mi{text-align:left;width:100%;height:44px;transition:background-color .2s, padding .3s var(--bb-pegas), color .2s;border-radius:14px;align-items:center;gap:11px;margin-top:2px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex;color:var(--bb-tx)!important}.nb .bb-mi:hover{padding-left:14px;background:var(--bb-hov)!important;color:var(--bb-ink)!important}.nb .bb-mi .tl{background:var(--bb-ln2);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;transition:background-color .2s,color .2s;display:grid}.nb .bb-mi:hover .tl{background:var(--bb-hovt);color:var(--bb-biru)}.nb .bb-mi .tl svg{width:17px;height:17px}.nb .bb-mi>span:last-child{flex:1}.nb .bb-mi.k{color:#d92d20!important}.nb .bb-mi.k .tl{color:#d92d20;background:#fef3f2}.nb .bb-mi.k:hover{color:#d92d20!important;background:#fef3f2!important}.dark .nb .bb-mi.k .tl,.dark .nb .bb-mi.k:hover{background:#f044381f!important}.bb-mgr{background:var(--bb-ln);height:1px;margin:6px}.bb-menu [pathLength]{stroke-dasharray:1 1}.bb-menu .sb3-ik [class]{transform-box:view-box}.bb-menu .sb3-ik .ayun{transform-origin:12px 2.5px}.nb .bb-mi:hover .sb3-ik [pathLength]{animation:nb-tarik .6s cubic-bezier(.3, .5, .2, 1) calc(var(--d,0) * 70ms) both}.nb .bb-mi:hover .sb3-ik .ayun{animation:nb-tarik .6s cubic-bezier(.3, .5, .2, 1) calc(var(--d,0) * 70ms) both, bb-ayun 1.4s .5s var(--bb-ease) infinite}.nb .bb-mi:hover .sb3-ik .panah{animation:nb-tarik .6s cubic-bezier(.3, .5, .2, 1) calc(var(--d,0) * 70ms) both, bb-terbang 1.4s .55s var(--bb-ease) infinite}@keyframes bb-ayun{0%,to{transform:none}25%{transform:rotate(10deg)}55%{transform:rotate(-8deg)}80%{transform:rotate(3deg)}}@keyframes bb-terbang{0%,to{transform:none}45%{transform:translate(2.2px)}50%{opacity:0;transform:translate(2.2px)}55%{opacity:0;transform:translate(-2px)}70%{opacity:1}}@media (max-width:1399px){.bb-desk.lebar .nb-cari{justify-content:center;width:40px!important;padding:0!important}.bb-desk.lebar .nb-cari .nb-cari-tx,.bb-desk.lebar .nb-cari kbd{display:none}}@media (max-width:1199px){.bb-desk.lebar .bb-pro-tx,.bb-desk.lebar .bb-pro .bb-cv{display:none}.bb-desk.lebar .bb-pro{height:44px;padding:0 4px}.bb-desk.sempit .nb-cari{justify-content:center;width:40px!important;padding:0!important}.bb-desk.sempit .nb-cari .nb-cari-tx,.bb-desk.sempit .nb-cari kbd{display:none}}@media (max-width:1099px){.bb-desk.lebar .nb-wkt-tx{display:none}.bb-nav.nb.bb-desk.lebar button.nb-wkt{padding:0 4px}}.bb-hp .bb-menu-hp{border-radius:999px;width:40px;height:40px;background:var(--bb-kaca)!important;color:#fff!important}.bb-hp .nb-kh{border-radius:16px;flex:auto;gap:9px;height:46px;padding:0 4px 0 2px}.bb-hp .nb-tl{border-radius:12px;width:36px;height:36px}.bb-hp .nb-jd{font-size:15px}.bb-hp .nb-jl{display:none}.bb-hp .nb-alat{gap:6px}.bb-hp.nb .nb-cari{justify-content:center;width:40px;height:40px;padding:0}.bb-hp .nb-trio .nb-ab{width:34px;height:34px}.bb-hp .bb-pro{height:40px;padding:0 2px}.bb-hp .bb-pro-tx,.bb-hp .bb-pro .bb-cv{display:none}.bb-hp .bb-ava{width:34px;height:34px}.bb-hp .bb-ava>span{width:30px;height:30px;font-size:11px}.bb-hp .bb-ava>.bb-titik{width:10px;height:10px}@media (max-width:479px){.bb-hp .nb-trio .nb-lampu{display:none}.bb-hp .bb-menu{width:auto;position:fixed;top:72px;left:10px;right:10px}}@media (min-width:1024px){:is(body:has(.bb-desk) .Toastify__toast-container--top-right,body:has(.bb-desk) .Toastify__toast-container--top-center){top:82px}}@media (prefers-reduced-motion:reduce){.bb-nav *,.bb-nav :before,.bb-nav :after{transition:none!important;animation:none!important}}
.plt{--p-bg:#fff;--p-bd:#eaecf0;--p-ink:#101828;--p-tx:#344054;--p-mu:#667085;--p-fa:#98a2b3;--p-tile:#f2f4f7;--p-ic:#475467;--p-isi:#c7d2fe;--p-soft:#f7f8fa;--p-hov:#eef2ff;--p-ease:cubic-bezier(.2, .8, .2, 1);--p-pena:cubic-bezier(.3, .5, .2, 1);--p-pegas:cubic-bezier(.3, 1.4, .5, 1);z-index:70;-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;display:flex;position:fixed;inset:0}.dark .plt{--p-bg:#151a25;--p-bd:#ffffff14;--p-ink:#f2f4f7;--p-tx:#d0d5dd;--p-mu:#98a2b3;--p-fa:#6b7385;--p-tile:#ffffff0f;--p-ic:#c3c9d4;--p-isi:#8ea6ff4d;--p-soft:#ffffff08;--p-hov:#8ea6ff1f}.plt button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.plt svg{flex:none;display:block}.plt [pathLength]{stroke-dasharray:1 1}.plt .sb3-ik .isi{fill:var(--p-isi);stroke:none}@keyframes plt-tarik{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes plt-muncul{0%{opacity:0}}@keyframes plt-naik{0%{opacity:0;transform:translateY(14px)scale(.98)}}.plt-latar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10182880;animation:.2s plt-muncul;position:fixed;inset:0}.plt-panel{background:var(--p-bg);width:min(980px,100%);height:min(620px,80vh);color:var(--p-ink);border:1px solid var(--p-bd);animation:plt-naik .32s var(--p-pegas);border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #1018288c}.plt-cari{border-bottom:1px solid var(--p-bd);flex:none;align-items:center;gap:12px;height:66px;padding:0 14px 0 22px;display:flex}.plt-cari>svg{color:#2f54d6;width:23px;height:23px}.dark .plt-cari>svg{color:#8ea6ff}.plt-cari>svg [pathLength]{animation:plt-tarik .7s var(--p-pena) calc(var(--d,0) * .12s) both}.plt-cari input{min-width:0;height:100%;font:inherit;color:var(--p-ink);box-shadow:none;background:0 0;border:0;outline:none;flex:1;font-size:18px;font-weight:700}.plt-cari input::placeholder{color:var(--p-fa);font-weight:600}.plt-esc{border-radius:9px;height:30px;padding:0 10px;color:var(--p-mu)!important;background:var(--p-tile)!important;border:1px solid var(--p-bd)!important;font-size:12px!important;font-weight:800!important}.plt-esc:hover{color:var(--p-ink)!important}.plt-badan{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.plt-daftar{overscroll-behavior:contain;scrollbar-width:thin;padding:6px 10px 16px;overflow-y:auto}.plt-bagian{padding-top:8px}.plt-bagian h4{letter-spacing:.08em;text-transform:uppercase;color:var(--p-fa);align-items:center;gap:8px;margin:0;padding:8px 10px 6px;font-size:11px;font-weight:800;display:flex}.plt-bagian h4 em{letter-spacing:0;color:var(--p-mu);background:var(--p-tile);border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal}.plt-bag-ik{background:var(--p-tile);width:22px;height:22px;color:var(--p-ic);border-radius:7px;place-items:center;display:grid}.plt-bag-ik svg{width:14px;height:14px}.plt-baris{text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px 0 8px;transition:background-color .15s;display:flex;position:relative;color:var(--p-tx)!important;font-size:14.5px!important;font-weight:600!important}.plt-baris:before{content:"";width:4px;transition:transform .25s var(--p-pegas);background:#2f54d6;border-radius:0 4px 4px 0;position:absolute;top:12px;bottom:12px;left:-10px;transform:scaleY(0)}.plt-baris.aktif{background:var(--p-hov)!important;color:var(--p-ink)!important;font-weight:800!important}.plt-baris.aktif:before{transform:scaleY(1)}.plt-ik{background:var(--p-tile);width:32px;height:32px;color:var(--p-ic);border-radius:10px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.plt-ik svg{width:17px;height:17px}.plt-baris.aktif .plt-ik{color:#c8f04d;background:#2f54d6;box-shadow:0 6px 12px -6px #2f54d6e6}.plt-baris.aktif .plt-ik .isi{fill:#c8f04d;fill-opacity:.38}.plt-baris.aktif .plt-ik [pathLength]{animation:plt-tarik .5s var(--p-pena) calc(var(--d,0) * 50ms) both}.plt-lb{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.plt mark{color:#14204a;background:#c8f04d;border-radius:4px;padding:0 1px}.plt-chip{color:var(--p-mu);background:var(--p-tile);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;max-width:170px;padding:2px 9px;font-size:11.5px;font-weight:800;overflow:hidden}.plt-baris.aktif .plt-chip{background:var(--p-bg)}.plt-kbd{min-width:22px;height:22px;color:var(--p-mu);background:var(--p-bg);border:1px solid var(--p-bd);box-shadow:0 1px 0 var(--p-bd);border-radius:7px;place-items:center;padding:0 6px;font-family:inherit;font-size:11px;font-weight:800;display:inline-grid}.plt-kosong{text-align:center;color:var(--p-mu);flex-direction:column;align-items:center;gap:6px;padding:54px 24px;font-size:13px;font-weight:600;display:flex}.plt-kosong>span{background:var(--p-tile);width:56px;height:56px;color:var(--p-ic);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.plt-kosong>span svg{width:28px;height:28px}.plt-kosong>span [pathLength]{animation:plt-tarik .8s var(--p-pena) calc(var(--d,0) * .12s) both}.plt-kosong b{color:var(--p-ink);font-size:15px}.plt-pratinjau{border-left:1px solid var(--p-bd);background:var(--p-soft);flex-direction:column;gap:14px;padding:18px;display:flex;overflow-y:auto}.plt-pratinjau>*{flex:none}.plt-kertas{color:#c8f04d;background:#2f54d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 80'%3E%3Cg fill='%23fff' fill-opacity='.12'%3E%3Crect x='0' y='52' width='14' height='40' rx='7'/%3E%3Crect x='24' y='38' width='14' height='54' rx='7'/%3E%3Crect x='48' y='46' width='14' height='46' rx='7'/%3E%3Crect x='72' y='22' width='14' height='70' rx='7'/%3E%3C/g%3E%3Crect x='96' y='6' width='14' height='86' rx='7' fill='%23C8F04D' fill-opacity='.28'/%3E%3C/svg%3E") left 16px bottom -14px/auto 70% no-repeat;border-radius:20px;flex:none;place-items:center;height:136px;animation:.25s plt-muncul;display:grid;position:relative;box-shadow:0 16px 30px -18px #2f54d6e6}.plt-gambar svg{width:60px;height:60px}.plt-gambar .sb3-ik .isi{fill:#c8f04d;fill-opacity:.32}.plt-gambar [pathLength]{animation:plt-tarik .9s var(--p-pena) calc(var(--d,0) * .11s) both}.plt-gambar .isi{animation:.3s .7s both plt-muncul}.plt-kop{color:#14204a;background:#c8f04d;border-radius:10px;flex-direction:column;align-items:flex-end;gap:1px;max-width:70%;padding:6px 10px;display:flex;position:absolute;bottom:14px;right:14px}.plt-kop small{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:800}.plt-kop b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;font-weight:800;overflow:hidden}.plt-judul h3{letter-spacing:-.02em;color:var(--p-ink);margin:0;font-size:21px;font-weight:800;line-height:1.2}.plt-judul p{color:var(--p-mu);margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.45}.plt-fakta{border:1px solid var(--p-bd);background:var(--p-bg);border-radius:14px;flex-direction:column;margin:0;display:flex;overflow:hidden}.plt-fakta>div{justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;display:flex}.plt-fakta>div+div{border-top:1px solid var(--p-bd)}.plt-fakta dt{color:var(--p-mu);flex:none;font-size:12px;font-weight:700}.plt-fakta dd{color:var(--p-ink);text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:12.5px;font-weight:800;overflow:hidden}.plt-tombol{gap:8px;margin-top:auto;display:flex}.plt-buka{height:46px;transition:transform .2s var(--p-pegas);flex:1;align-items:center;gap:10px;display:flex;box-shadow:0 10px 20px -12px #2f54d6e6;color:#fff!important;background:#2f54d6!important;border-radius:999px!important;padding:0 12px 0 5px!important;font-size:14px!important;font-weight:800!important}.plt-buka:hover{transform:translateY(-1px)}.plt-buka .plt-kbd{color:#fff;box-shadow:none;background:#ffffff29;border-color:#0000;margin-left:auto}.plt-buka-ik{color:#1d3a9e;background:#c8f04d;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.plt-buka-ik svg{width:18px;height:18px}.plt-buka:hover .plt-buka-ik svg{animation:plt-dorong .6s var(--p-ease)}@keyframes plt-dorong{40%{transform:translate(3px)}}.plt-semat{align-items:center;gap:7px;height:46px;display:flex;color:var(--p-tx)!important;background:var(--p-bg)!important;border:1px solid var(--p-bd)!important;border-radius:999px!important;padding:0 14px!important;font-size:13.5px!important;font-weight:800!important}.plt-semat svg{width:16px;height:16px}.plt-semat:hover{color:#2f54d6!important;border-color:#c7d2fe!important}.plt-semat.ya{color:#2f54d6!important;background:var(--p-hov)!important;border-color:#0000!important}.plt-semat.ya path{fill:currentColor}.plt-juga{flex-direction:column;gap:7px;display:flex}.plt-juga>small{letter-spacing:.08em;text-transform:uppercase;color:var(--p-fa);font-size:11px;font-weight:800}.plt-juga>div{flex-wrap:wrap;gap:6px;display:flex}.plt-juga button{white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:30px;transition:color .15s, border-color .15s, transform .2s var(--p-pegas);overflow:hidden;color:var(--p-tx)!important;background:var(--p-bg)!important;border:1px solid var(--p-bd)!important;border-radius:999px!important;padding:0 11px!important;font-size:12.5px!important;font-weight:700!important}.plt-juga button:hover{transform:translateY(-1px);color:#2f54d6!important;border-color:#c7d2fe!important}.plt-buka{white-space:nowrap}.plt-kaki{border-top:1px solid var(--p-bd);height:46px;color:var(--p-mu);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.plt-kaki>div{align-items:center;gap:16px;display:flex}.plt-kaki>div>span{align-items:center;gap:5px;display:flex}@media (max-width:760px){.plt{padding:0}.plt-panel{border:0;border-radius:0;width:100%;height:100%}.plt-badan{grid-template-columns:1fr}.plt-pratinjau,.plt-kaki>div{display:none}}@media (prefers-reduced-motion:reduce){.plt,.plt *,.plt :before{transition:none!important;animation:none!important}}