:root{--fp-bg:#150C19;--fp-k1:rgba(255,255,255,.045);--fp-k2:rgba(255,255,255,.075);--fp-g:rgba(255,143,212,.16);--fp-g2:rgba(255,143,212,.32);--fp-t:#FFF7EE;--fp-t2:#E4D3E8;--fp-t3:#B9A3BF;--fp-pink:#FF1D86;--fp-cah:#FF8FD4;--fp-ok:#7BE0A8;--fp-awas:#FFC738;--fp-bhy:#FF8A8A;--fp-info:#9BD1FF;--a:#FF8FD4;--fp-r:18px;--fp-r2:12px}*{box-sizing:border-box}html,body{background:var(--fp-bg);color:var(--fp-t)}body{margin:0;padding:14px 14px 28px;max-width:1040px;font:calc(14px*var(--sh,1))/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}.fp-w{display:flex;flex-direction:column;gap:14px;animation:fp-in .22s ease both}.fp-w>div:empty{display:none}@keyframes fp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fp-w,.fp-sk i{animation:none!important}}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fp-cah);outline-offset:2px}.fp-hd{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--fp-g);border-radius:var(--fp-r);background:linear-gradient(135deg,color-mix(in srgb,var(--a) 20%,transparent),#ffffff08 60%);position:relative;overflow:hidden}.fp-hd:after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 35%,transparent),transparent 70%);pointer-events:none}.fp-ik{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:calc(26px*var(--sh,1));background:linear-gradient(145deg,color-mix(in srgb,var(--a) 55%,#2B1330),color-mix(in srgb,var(--a) 20%,#150C19));box-shadow:inset 0 1px #fff3,0 6px 16px #00000059}.fp-hb{min-width:0;flex:1}.fp-jd{margin:0;font-size:calc(19px*var(--sh,1));line-height:1.2;font-weight:800;letter-spacing:.1px;color:#fff;overflow-wrap:anywhere}.fp-sub{margin:3px 0 0;color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1))}.fp-cp{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fp-aks{flex:none;display:flex;gap:6px;align-self:flex-start;z-index:1}.fp-pil{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:calc(11.5px*var(--sh,1));font-weight:700;background:var(--fp-k2);color:var(--fp-t2);border:1px solid var(--fp-g);white-space:nowrap}.fp-pil.ok{color:var(--fp-ok);background:#7be0a81f;border-color:#7be0a84d}.fp-pil.awas{color:var(--fp-awas);background:#ffc7381f;border-color:#ffc7384d}.fp-pil.bhy{color:var(--fp-bhy);background:#ff8a8a1f;border-color:#ff8a8a4d}.fp-pil.pk{color:#fff;background:var(--fp-pink);border-color:transparent}.fp-pil.a{color:#fff;background:color-mix(in srgb,var(--a) 28%,transparent);border-color:color-mix(in srgb,var(--a) 55%,transparent)}.fp-pil i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.fp-b{appearance:none;border:1px solid var(--fp-g2);background:var(--fp-k2);color:#fff;border-radius:var(--fp-r2);min-height:36px;padding:7px 14px;font-weight:700;font-size:calc(13px*var(--sh,1));cursor:pointer;transition:background .15s,transform .1s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.fp-b:hover{background:#ffffff21}.fp-b:active{transform:scale(.97)}.fp-b.u{background:linear-gradient(135deg,#ff3d9a,#e0156f);border-color:transparent;box-shadow:0 6px 16px #ff1d864d}.fp-b.u:hover{filter:brightness(1.08)}.fp-b.bhy{color:var(--fp-bhy);border-color:#ff8a8a66;background:#ff8a8a14}.fp-b.bhy:hover{background:#ff8a8a2e}.fp-b.k{min-height:30px;padding:4px 11px;font-size:calc(12px*var(--sh,1))}.fp-b.ik{width:36px;padding:0}.fp-b[disabled]{opacity:.5;cursor:default;transform:none}.fp-k{border:1px solid var(--fp-g);border-radius:var(--fp-r);background:var(--fp-k1);padding:14px;min-width:0}.fp-kh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}.fp-kj{margin:0;font-size:calc(14.5px*var(--sh,1));font-weight:800;color:#fff}.fp-ks{margin:2px 0 0;color:var(--fp-t3);font-size:calc(12px*var(--sh,1))}.fp-cat{margin:0;color:var(--fp-t2);font-size:calc(13px*var(--sh,1))}.fp-info{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--fp-r2);background:#9bd1ff17;border:1px solid rgba(155,209,255,.25);color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1))}.fp-info b{color:#fff}.fp-info .e{font-size:calc(17px*var(--sh,1));line-height:1.2}.fp-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}.fp-n{position:relative;padding:12px 13px 11px;border-radius:var(--fp-r);background:var(--fp-k1);border:1px solid var(--fp-g);overflow:hidden}.fp-n:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--c,var(--a))}.fp-n b{display:block;font-size:calc(22px*var(--sh,1));line-height:1.15;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fp-n span{display:block;margin-top:3px;font-size:calc(11.5px*var(--sh,1));color:var(--fp-t3);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.fp-n small{display:block;margin-top:2px;font-size:calc(11.5px*var(--sh,1));color:var(--fp-t3)}.fp-seg{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.fp-seg button{flex:none;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;border:1px solid var(--fp-g);background:var(--fp-k1);color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1));font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.fp-seg button:hover{background:var(--fp-k2)}.fp-seg button.on{background:color-mix(in srgb,var(--a) 30%,transparent);border-color:var(--a);color:#fff}.fp-seg button em{font-style:normal;font-size:calc(11px*var(--sh,1));padding:0 7px;border-radius:99px;background:#00000047;color:var(--fp-t2);font-variant-numeric:tabular-nums}.fp-seg button[disabled]{opacity:.55;cursor:not-allowed}.fp-cr{position:relative;display:block;margin:0 0 10px}.fp-cr input{width:100%;min-height:40px;padding:8px 12px 8px 36px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:#00000040;color:#fff;font:inherit}.fp-cr input::placeholder{color:var(--fp-t3)}.fp-cr:before{content:"🔍";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:calc(14px*var(--sh,1));opacity:.7;pointer-events:none}.fp-in{min-height:38px;padding:7px 11px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:#00000040;color:#fff;font:inherit;width:120px}.fp-tw{overflow:auto;border:1px solid var(--fp-g);border-radius:var(--fp-r2);max-height:min(60vh,520px);background:#0000002e;-webkit-overflow-scrolling:touch}.fp-tw table{width:100%;border-collapse:separate;border-spacing:0;font-size:calc(12.5px*var(--sh,1))}.fp-tw th{position:sticky;top:0;z-index:1;text-align:left;padding:9px 11px;background:#2a1634;color:var(--fp-cah);font-weight:800;font-size:calc(11.5px*var(--sh,1));text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--fp-g2);white-space:nowrap}.fp-tw td{padding:8px 11px;border-bottom:1px solid rgba(255,143,212,.09);vertical-align:top;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fp-t)}.fp-tw tr:last-child td{border-bottom:0}.fp-tw tbody tr:hover td{background:#ffffff0b}.fp-tw tr.kl{cursor:pointer}.fp-tw td.nm{font-variant-numeric:tabular-nums;text-align:right}.fp-tw td.nl{color:var(--fp-t3)}.fp-cat2{margin:8px 2px 0;color:var(--fp-t3);font-size:calc(11.5px*var(--sh,1))}.fp-ls{display:flex;flex-direction:column;gap:8px}.fp-r{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:var(--fp-r2);background:#ffffff0a;border:1px solid rgba(255,143,212,.12)}.fp-r.cg{border-color:#ffc73873;background:#ffc73812}.fp-r .no{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:calc(13px*var(--sh,1));background:var(--fp-k2);color:var(--fp-t2)}.fp-r .no.t1{background:linear-gradient(135deg,#ffd76b,#ff9a3d);color:#2b1330}.fp-r .no.t2{background:linear-gradient(135deg,#e6ecf5,#9aa6ba);color:#2b1330}.fp-r .no.t3{background:linear-gradient(135deg,#f0b58a,#b8703a);color:#2b1330}.fp-r .bd{min-width:0;flex:1}.fp-r .jd{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-weight:700;color:#fff;overflow-wrap:anywhere}.fp-r .ms{margin-top:3px;color:var(--fp-t3);font-size:calc(12px*var(--sh,1));overflow-wrap:anywhere}.fp-r .tx{margin-top:4px;color:var(--fp-t2);overflow-wrap:anywhere}.fp-r .ac{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.fp-fm{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.fp-fm label{display:flex;flex-direction:column;gap:4px;font-size:calc(11.5px*var(--sh,1));color:var(--fp-t3);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.fp-pl{display:flex;flex-direction:column;gap:8px}.fp-ph{display:flex;align-items:center;gap:8px;margin:4px 2px 0;font-weight:800;color:#fff;font-size:calc(13.5px*var(--sh,1))}.fp-ph em{font-style:normal;font-weight:700;font-size:calc(11.5px*var(--sh,1));color:var(--fp-t3)}.fp-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.fp-t{appearance:none;text-align:left;display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:var(--fp-r);border:1px solid var(--fp-g);background:var(--fp-k1);color:inherit;cursor:pointer;min-width:0;transition:background .15s,border-color .15s,transform .1s}.fp-t:hover{background:var(--fp-k2);border-color:var(--a)}.fp-t:active{transform:scale(.98)}.fp-t .ik{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:calc(19px*var(--sh,1));background:color-mix(in srgb,var(--a) 28%,#1b0f22)}.fp-t .bd{min-width:0}.fp-t b{display:block;color:#fff;font-size:calc(13.5px*var(--sh,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-t span{display:block;color:var(--fp-t3);font-size:calc(11.5px*var(--sh,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-t.nl{opacity:.55}.fp-ko{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 14px;text-align:center;color:var(--fp-t3);border:1px dashed var(--fp-g2);border-radius:var(--fp-r2);background:#ffffff05}.fp-ko .e{font-size:calc(28px*var(--sh,1));opacity:.9}.fp-ko b{color:var(--fp-t2)}.fp-ko.bhy{border-color:#ff8a8a73;color:var(--fp-bhy)}.fp-sk{display:flex;flex-direction:column;gap:10px}.fp-sk i{display:block;height:64px;border-radius:var(--fp-r);background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:fp-sh 1.3s linear infinite}.fp-sk i:first-child{height:84px}@keyframes fp-sh{to{background-position:-200% 0}}.fp-ov{position:fixed;inset:0;z-index:50;background:#0a041099;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fp-fd .15s ease both}.fp-lb{width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;background:#241531;border:1px solid var(--fp-g2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 40px #00000080;animation:fp-up .22s cubic-bezier(.22,1,.36,1) both}.fp-lb .gr{width:42px;height:4px;border-radius:4px;background:var(--fp-g2);margin:9px auto 4px}.fp-lb .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 16px 8px}.fp-lb .hd b{font-size:calc(15px*var(--sh,1));color:#fff}.fp-lb .is{overflow:auto;padding:4px 16px calc(18px + env(safe-area-inset-bottom,0px))}.fp-kv{display:grid;grid-template-columns:minmax(90px,34%) 1fr;gap:4px 12px;padding:9px 0;border-bottom:1px solid rgba(255,143,212,.1)}.fp-kv dt{color:var(--fp-t3);font-size:calc(12px*var(--sh,1));font-weight:700;overflow-wrap:anywhere}.fp-kv dd{margin:0;color:var(--fp-t);overflow-wrap:anywhere;white-space:pre-wrap}@keyframes fp-fd{0%{opacity:0}to{opacity:1}}@keyframes fp-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media(max-width:520px){body{padding:10px 10px 24px}.fp-hd{flex-wrap:wrap}.fp-aks{width:100%;justify-content:flex-end}.fp-gr{grid-template-columns:1fr 1fr}.fp-t{flex-direction:column;align-items:flex-start;gap:7px}.fp-kpi{grid-template-columns:1fr 1fr}.fp-n b{font-size:calc(19px*var(--sh,1))}.fp-kv{grid-template-columns:1fr}}.fp-st{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:var(--fp-r2);background:#9bd1ff17;border:1px solid rgba(155,209,255,.25);color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1))}.fp-st:empty{display:none}.fp-st.ok{background:#7be0a81a;border-color:#7be0a84d;color:var(--fp-ok)}.fp-st.awas{background:#ffc7381a;border-color:#ffc73852;color:var(--fp-awas)}.fp-st.bhy{background:#ff8a8a1a;border-color:#ff8a8a59;color:var(--fp-bhy)}.fp-st.mu:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:fp-sp .7s linear infinite;flex:none}@keyframes fp-sp{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.fp-st.mu:before{animation:none}}.fp-ban{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:var(--fp-r);border:1px solid rgba(123,224,168,.35);background:#7be0a817}.fp-ban.bhy{border-color:#ff8a8a66;background:#ff8a8a17}.fp-ban .e{flex:none;font-size:calc(24px*var(--sh,1))}.fp-ban b{display:block;color:#fff;font-size:calc(15px*var(--sh,1))}.fp-ban small{display:block;color:var(--fp-t2);font-size:calc(12px*var(--sh,1));margin-top:2px}#isi.fp-w{animation:none}.fp-sek>.fp-kj{margin:0 0 10px}.fp-sek .fp-cat{margin:0 0 10px}.fp-fl{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,143,212,.1);color:var(--fp-t)}.fp-fl:last-child{border-bottom:0;padding-bottom:0}.fp-fl:first-of-type{padding-top:0}.fp-fl>span{min-width:0;font-weight:600}.fp-fl small{display:block;margin-top:2px;color:var(--fp-t3);font-size:calc(11.5px*var(--sh,1));font-weight:500}.fp-fl .fp-in{flex:none;width:96px;text-align:right;font-variant-numeric:tabular-nums}.fp-ta{width:100%;min-height:72px;padding:9px 12px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:#00000040;color:#fff;font:inherit;resize:vertical}.fp-ta::placeholder{color:var(--fp-t3)}.fp-aksi{position:sticky;bottom:0;z-index:5;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));margin:0 -2px;border:1px solid var(--fp-g2);border-radius:var(--fp-r);background:#241531f0;backdrop-filter:blur(8px);box-shadow:0 -8px 24px #00000059}.fp-aksi .gp{flex:1}.fp-pb{height:8px;border-radius:99px;background:#ffffff17;overflow:hidden;min-width:60px}.fp-pb i{display:block;height:100%;border-radius:inherit;background:var(--c,var(--a));min-width:2px;transition:width .4s ease}.fp-pb.bhy i{background:var(--fp-bhy)}.fp-pb.awas i{background:var(--fp-awas)}.fp-pb.ok i{background:var(--fp-ok)}.fp-cr2{display:grid;grid-template-columns:minmax(120px,32%) 1fr auto;gap:6px 12px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,143,212,.09)}.fp-cr2:last-child{border-bottom:0}.fp-cr2 .jl{font-weight:700;color:#fff;overflow-wrap:anywhere}.fp-cr2 .an{text-align:right;font-variant-numeric:tabular-nums;color:var(--fp-t2);white-space:nowrap}.fp-cr2 .an b{color:#fff}.fp-op{display:grid;grid-template-columns:auto 1fr;gap:4px 11px;align-items:start;padding:11px 12px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:#ffffff08;cursor:pointer;transition:background .15s,border-color .15s}.fp-op:hover{background:var(--fp-k2)}.fp-op input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--fp-pink)}.fp-op:has(input:checked){border-color:var(--fp-pink);background:#ff1d861f}.fp-op b{color:#fff}.fp-op .rp{grid-column:2;display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1));font-variant-numeric:tabular-nums}.fp-tw tr.rek td{background:#ffc7381a}.fp-tw.bk td{white-space:normal;overflow:visible;max-width:360px;overflow-wrap:break-word;word-break:normal}.fp-r.pm .no{background:#ffc7382e;color:var(--fp-awas)}.fp-r.pk .no{background:#9bd1ff2e;color:var(--fp-info)}.fp-r.sr{border-color:#7be0a859;background:#7be0a812}.fp-qt{padding:10px 12px;border-radius:var(--fp-r2);background:#ffffff0a;border:1px solid rgba(255,143,212,.12);color:var(--fp-t2);overflow-wrap:anywhere}.fp-ls2{display:flex;flex-direction:column;gap:6px}.fp-aks{flex-wrap:wrap;justify-content:flex-end}@media(max-width:520px){.fp-aks{justify-content:flex-start}.fp-aks .fp-b{flex:1 1 auto;min-width:0}.fp-fl{flex-wrap:wrap}.fp-fl .fp-in{width:100%;text-align:left}.fp-cr2{grid-template-columns:1fr auto}.fp-cr2 .pb{grid-column:1/-1;order:3}.fp-aksi .fp-b{flex:1}}.fp-tw.bk .fp-pil{white-space:normal;text-align:left;line-height:1.3;padding-top:3px;padding-bottom:3px}.fp-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fp-bar .gp{flex:1;min-width:0}.fp-bar .fp-cr{margin:0;flex:1 1 200px}.fp-sl{min-height:38px;padding:7px 11px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:#00000040;color:#fff;font:inherit;max-width:100%;color-scheme:dark}.fp-sl option{background:#2a1534;color:#fff}.fp-pil.js{color:var(--fp-bhy);background:#ff8a8a1f;border-color:#ff8a8a4d}.fp-pil.promise{color:#c9b2ff;background:#b6a4ff21;border-color:#b6a4ff52}.fp-pil.resource{color:var(--fp-awas);background:#ffc7381f;border-color:#ffc7384d}.fp-tw td .sm{display:block;margin-top:3px;color:var(--fp-t3);font-size:calc(11.5px*var(--sh,1))}.fp-tw td.mn{white-space:nowrap}.fp-ps{display:flex;flex-direction:column;gap:8px;padding:13px;border-radius:var(--fp-r);border:1px solid var(--fp-g);background:var(--fp-k1);min-width:0}.fp-ps.lp{border-color:#ffc73873;background:#ffc7380f}.fp-ps .hd{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fp-ps .tx{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;font-size:calc(14.5px*var(--sh,1));padding:10px 12px;border-radius:var(--fp-r2);background:#00000038;border:1px solid rgba(255,143,212,.1)}.fp-ps .ms{color:var(--fp-t3);font-size:calc(12px*var(--sh,1));overflow-wrap:anywhere}.fp-ps .tn{display:flex;gap:6px;flex-wrap:wrap}.fp-ps .ac{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:2px}.fp-ps .ac .fp-sl{min-height:30px;padding:3px 9px;font-size:calc(12px*var(--sh,1))}.fp-b.ok{background:linear-gradient(135deg,#27c77c,#14935a);border-color:transparent;box-shadow:0 6px 16px #1fb86b47}.fp-bulk{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;border-radius:var(--fp-r);border:1px solid rgba(123,224,168,.35);background:#7be0a817;color:var(--fp-t2);font-size:calc(12.5px*var(--sh,1))}.fp-demo{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--fp-r2);border:1px solid var(--fp-g);background:var(--ds-latar,#fff);color:var(--ds-teks,#2B1330);font:var(--ds-tebal,400) var(--ds-t-md,14px)/var(--ds-baris,1.5) var(--ds-huruf,system-ui,sans-serif)}.fp-demo .br{display:flex;flex-wrap:wrap;gap:var(--ds-j-2,8px);align-items:center}.fp-demo .ds-btn,.fp-demo .ds-kartu,.fp-demo .ds-input{max-width:100%}.fp-swg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--ds-j-2,8px)}.fp-sw{border:1px solid var(--ds-garis,#ddd);border-radius:var(--ds-s-sedang,12px);overflow:hidden;background:var(--ds-kertas,#fff);color:var(--ds-teks,#2B1330);font-size:var(--ds-t-xs,11px)}.fp-sw i{display:block;height:44px}.fp-sw span{display:block;padding:var(--ds-j-1,4px) var(--ds-j-2,8px);overflow-wrap:anywhere}.fp-demo code{font-size:var(--ds-t-xs,11px);color:var(--ds-pink-dalam,#B3105F)}@media(max-width:520px){.fp-bulk .fp-b{width:100%}.fp-bar .fp-sl{flex:1}}