@font-face{font-family:Gambetta;src:url(/_next/static/media/gambetta-400.dd4c1578.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Gambetta;src:url(/_next/static/media/gambetta-400i.03762d92.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gambetta;src:url(/_next/static/media/gambetta-500i.5f5b9709.woff2) format("woff2");font-weight:500 600;font-style:italic;font-display:swap}@font-face{font-family:Ranade;src:url(/_next/static/media/ranade-400.51771efb.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ranade;src:url(/_next/static/media/ranade-500.fe5143d1.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}:root{--nila-950:#0e1527;--nila-900:#131b33;--nila-850:#17213d;--nila-800:#1c2848;--nila-700:#253457;--nila-600:#2e406b;--nila-500:#45598a;--nila-400:#6b7da8;--nila-300:#97a4c3;--nila-200:#c4cbdc;--mori-50:#f5efe3;--mori-100:#ede5d4;--mori-200:#dfd3bb;--mori-300:#c9b997;--soga-900:#3b2415;--soga-800:#4e301c;--soga-700:#674026;--soga-600:#7c4e2d;--soga-500:#93633a;--soga-400:#ab7d4f;--soga-300:#c69c6b;--gading:#dbc8a0;--prada-500:#c4a15a;--prada-300:#e3ca8e;--tingi-600:#a24a35;--tingi-500:#b9573f;--tingi-300:#d98a72;--pola-100:#e8eaef;--pola-200:#dcdfe7;--pola-50:#f2f3f6;--bg:var(--nila-900);--bg-deep:var(--nila-950);--surface:var(--nila-850);--surface-2:var(--nila-800);--paper:var(--mori-100);--ink-on-paper:var(--nila-900);--text:var(--mori-50);--text-2:var(--nila-200);--text-3:var(--nila-300);--line:rgb(245 239 227/.12);--line-2:rgb(245 239 227/.22);--line-hover:var(--mori-300);--wash:rgb(245 239 227/.05);--track:var(--nila-700);--focus:var(--prada-300);--accent:var(--prada-500);--danger:var(--tingi-300);--btn-bg:linear-gradient(180deg,#fbf7ee,#e9dfcb);--btn-fg:var(--nila-900);--btn-bg-hover:linear-gradient(180deg,#fffdf8,#f1e8d6);--btn-shadow:inset 0 1px 0 rgb(255 255 255/.75),0 1px 0 rgb(5 8 18/.35),0 14px 30px -16px rgb(245 239 227/.55);--btn-shadow-hover:inset 0 1px 0 rgb(255 255 255/.85),0 1px 0 rgb(5 8 18/.35),0 18px 40px -14px rgb(227 202 142/.55);--bayang-kain:.55;--kaca:rgb(28 40 72/.52);--kaca-2:rgb(37 52 87/.6);--kaca-garis:rgb(245 239 227/.1);--kaca-sorot:rgb(245 239 227/.14);--kaca-blur:saturate(150%) blur(18px);--isian-bg:rgb(10 15 30/.38);--isian-garis:rgb(245 239 227/.13);--shadow-panel:inset 0 1px 0 var(--kaca-sorot),0 30px 60px -34px rgb(3 6 14/.8);--font-serif:"Gambetta","Iowan Old Style",Georgia,serif;--font-sans:"Ranade","Segoe UI",system-ui,sans-serif;--font-jawa:"Noto Sans Javanese","Javanese Text",sans-serif;--t-micro:12.5px;--t-small:14px;--t-body:16.5px;--t-lead:19px;--t-h3:23px;--t-h2:30px;--t-h1:42px;--t-display:60px;--t-hero:84px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-0:0;--r-1:10px;--r-2:16px;--r-3:24px;--r-pill:999px;--shadow-kain:0 30px 60px -20px rgb(5 8 18/.65),0 8px 18px -6px rgb(5 8 18/.5);--shadow-label:0 10px 22px -10px rgb(5 8 18/.7);--shadow-sheet:0 40px 90px -30px rgb(3 6 14/.8);--dur-1:160ms;--dur-2:280ms;--dur-3:480ms;--dur-4:800ms;--dur-5:1400ms;--dur-6:2400ms;--ease-resap:cubic-bezier(.2,.7,.1,1);--ease-canting:cubic-bezier(.45,.05,.55,.95);--ease-angkat:cubic-bezier(.65,0,.35,1);color-scheme:dark}:root[data-tema=terang]{--bg:var(--pola-100);--bg-deep:var(--pola-200);--surface:var(--pola-50);--surface-2:#f8f9fb;--paper:#fbfaf6;--text:var(--nila-900);--text-2:var(--nila-700);--text-3:#58627f;--line:rgb(19 27 51/.12);--line-2:rgb(19 27 51/.26);--line-hover:var(--nila-500);--wash:rgb(19 27 51/.05);--track:#c3c8d6;--focus:var(--nila-600);--accent:var(--soga-600);--danger:var(--tingi-600);--btn-bg:linear-gradient(180deg,var(--nila-700) 0%,var(--nila-900) 100%);--btn-fg:var(--mori-50);--btn-bg-hover:linear-gradient(180deg,var(--nila-600) 0%,var(--nila-800) 100%);--btn-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 10px 24px -14px rgb(19 27 51/.6);--btn-shadow-hover:inset 0 1px 0 rgb(255 255 255/.2),0 14px 30px -14px rgb(19 27 51/.7);--bayang-kain:.28;--kaca:rgb(255 255 255/.6);--kaca-2:rgb(255 255 255/.78);--kaca-garis:rgb(19 27 51/.1);--kaca-sorot:rgb(255 255 255/.9);--isian-bg:rgb(255 255 255/.7);--isian-garis:rgb(19 27 51/.16);--shadow-panel:inset 0 1px 0 var(--kaca-sorot),0 24px 50px -32px rgb(19 27 51/.35);--shadow-label:0 10px 22px -12px rgb(19 27 51/.35);--shadow-sheet:0 40px 90px -30px rgb(19 27 51/.45);color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--dur-1:0ms;--dur-2:0ms;--dur-3:0ms;--dur-4:0ms;--dur-5:0ms;--dur-6:0ms}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;--gutter:clamp(16px,4vw,56px);scrollbar-color:var(--nila-600) transparent}body{background:var(--bg);color:var(--text);font:400 var(--t-body)/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overflow-x:clip}canvas,img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:var(--prada-500);color:var(--nila-950)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.latar{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg)}.latar canvas{width:100%;height:100%}.latar:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(55vw 48vh at 88% -8%,rgb(196 161 90/.13),transparent 70%),radial-gradient(48vw 62vh at -8% 32%,rgb(69 89 138/.26),transparent 70%),radial-gradient(70vw 46vh at 50% 118%,rgb(124 78 45/.16),transparent 70%)}:root[data-tema=terang] .latar:after{opacity:.45}.serif{font-family:var(--font-serif);font-weight:400}.t-hero{font:400 var(--t-hero)/.95 var(--font-serif);letter-spacing:-.02em}.t-display{font:400 var(--t-display)/1 var(--font-serif);letter-spacing:-.015em}.t-h1{font:400 var(--t-h1)/1.08 var(--font-serif);letter-spacing:-.01em}.t-h2{font:400 var(--t-h2)/1.15 var(--font-serif)}.t-h3{font:500 var(--t-h3)/1.25 var(--font-sans)}.t-lead{font:400 var(--t-lead)/1.55 var(--font-sans)}.t-lead,.t-small{color:var(--text-2)}.t-small{font-size:var(--t-small);line-height:1.5}.t-micro{font:500 var(--t-micro)/1.4 var(--font-sans);color:var(--text-3);letter-spacing:.01em}.angka{font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.miring{font-style:italic}.redup{color:var(--text-3)}.aksara{font-family:var(--font-jawa)}.frac{font-family:var(--font-serif);font-style:italic;white-space:nowrap;font-feature-settings:"lnum";font-variant-numeric:lining-nums}.merek{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.merek svg{width:26px;height:26px;flex:none}svg.logo{overflow:visible}svg.logo .logo-k{fill:#fff8ec;filter:drop-shadow(0 0 1px rgb(255 246 228/.95)) drop-shadow(0 0 2.6px rgb(227 202 142/.6))}svg.logo .logo-titik{fill:var(--prada-300)}:root[data-tema=terang] svg.logo .logo-k{fill:var(--nila-900);filter:none}:root[data-tema=terang] svg.logo .logo-titik{fill:var(--soga-500)}.merek svg.logo{width:24px;height:24px;transition:transform var(--dur-3) var(--ease-resap)}.merek:hover svg.logo{transform:rotate(45deg)}.merek b{font:400 21px/1 var(--font-serif);letter-spacing:.01em}.merek .aksara{font-size:12px;color:var(--text-3);transform:translateY(1px)}.atas{justify-content:space-between;gap:24px;min-height:72px;padding:0 var(--gutter)}.atas,.atas .konteks{display:flex;align-items:center}.atas .konteks{gap:18px;min-width:0}.atas .konteks .garis-v{width:1px;height:20px;background:var(--line-2)}.atas .konteks span{color:var(--text-2);font-size:15px;white-space:nowrap}.atas .kanan{display:flex;align-items:center;gap:20px}body>.atas{position:-webkit-sticky;position:sticky;top:0;z-index:35;isolation:isolate}body>.atas:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:rgb(19 27 51/.62);-webkit-backdrop-filter:var(--kaca-blur);backdrop-filter:var(--kaca-blur);border-bottom:1px solid var(--kaca-garis);opacity:0;transition:opacity var(--dur-2)}:root[data-tema=terang] body>.atas:before{background:rgb(242 243 246/.72)}body>.atas.lengket:before{opacity:1}.jaringan{display:inline-flex;gap:10px;align-items:baseline;font:400 14px/1 var(--font-sans);color:var(--text-3);white-space:nowrap;padding:9px 14px 9px 12px;border-radius:var(--r-pill);background:var(--kaca);border:1px solid var(--kaca-garis);box-shadow:inset 0 1px 0 var(--kaca-sorot)}.jaringan b{font-weight:500;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jaringan i{width:7px;height:7px;border-radius:50%;background:var(--nila-400);display:inline-block;transform:translateY(-1px);box-shadow:0 0 0 3px rgb(107 125 168/.18)}.btn{--b-bg:var(--btn-bg);--b-fg:var(--btn-fg);--b-line:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;--b-shadow:var(--btn-shadow);min-height:48px;padding:0 22px;border-radius:var(--r-1);background:var(--b-bg);color:var(--b-fg);border:1px solid var(--b-line);box-shadow:var(--b-shadow);font:500 15.5px/1 var(--font-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background var(--dur-1),color var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-2),transform var(--dur-2) var(--ease-resap),opacity var(--dur-2)}.btn:hover{--b-bg:var(--btn-bg-hover);--b-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn svg.ikon{width:18px;height:18px;flex:none}.btn[aria-disabled=true],.btn[disabled]{opacity:.4;pointer-events:none}.btn--garis{--b-bg:rgb(245 239 227/.035);--b-fg:var(--text);--b-line:var(--line-2);--b-shadow:inset 0 1px 0 var(--kaca-sorot);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--garis:hover{--b-bg:rgb(245 239 227/.08);--b-line:var(--line-hover);--b-shadow:inset 0 1px 0 var(--kaca-sorot)}.btn--teks{--b-bg:transparent;--b-fg:var(--text);--b-shadow:none;padding:0 4px;min-height:40px;text-decoration:underline;text-underline-offset:5px;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.btn--teks:hover{--b-bg:transparent;--b-shadow:none;transform:none;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.btn.tahan{border-radius:var(--r-2)}.btn.tahan,.btn.tahan:hover{--b-shadow:inset 0 1px 0 var(--kaca-sorot)}.btn.tahan:hover{transform:none}.btn--kecil{min-height:38px;padding:0 14px;font-size:14.5px}.btn--besar{min-height:60px;padding:0 30px;font-size:17px;border-radius:var(--r-2)}.btn--penuh{width:100%}.btn .spin{width:16px;height:16px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(1turn)}}.btn--denyut{box-shadow:0 0 0 0 rgb(227 202 142/.5);animation:denyut-btn 1.8s var(--ease-angkat) infinite}@keyframes denyut-btn{0%{box-shadow:0 0 0 0 rgb(227 202 142/.55)}70%,to{box-shadow:0 0 0 14px rgb(227 202 142/0)}}.tahan{position:relative;overflow:hidden;isolation:isolate;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.tahan:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--p, 0) * 115%);background:linear-gradient(0deg,#2b4a96 86%,rgb(43 74 150/0));z-index:-1}.tahan.selesai:before{height:115%}.isian{display:grid;grid-gap:6px;gap:6px}.isian>span{font:500 var(--t-small)/1.3 var(--font-sans);color:var(--text-2)}.isian input,.isian select{height:46px;padding:0 14px;background:var(--isian-bg);border:1px solid var(--isian-garis);border-radius:var(--r-1);color:var(--text);transition:border-color var(--dur-1),box-shadow var(--dur-2)}.isian input:hover,.isian select:hover{border-color:var(--line-hover)}.isian input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 4px rgb(227 202 142/.14)}.isian small{color:var(--text-3);font-size:var(--t-micro)}.isian select option{background:var(--surface)}.stepper{display:inline-grid;grid-template-columns:38px 3ch 38px;align-items:center;border:1px solid var(--isian-garis);border-radius:var(--r-1);height:42px;flex:none;background:var(--isian-bg);padding:0 3px}.stepper button{height:34px;background:none;border:0;border-radius:8px;cursor:pointer;font-size:20px;line-height:1;color:var(--text-2);transition:background var(--dur-1),color var(--dur-1)}.stepper button:hover{color:var(--text);background:rgb(245 239 227/.08)}.stepper output{font-weight:500}.stepper button:disabled{opacity:.3;cursor:default;background:none}.stepper output{text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.saklar{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.saklar input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;margin:0;border-radius:13px;background:var(--track);position:relative;cursor:pointer;transition:background var(--dur-2),box-shadow var(--dur-2);box-shadow:inset 0 1px 2px rgb(0 0 0/.3)}.saklar input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--mori-50);box-shadow:0 2px 6px rgb(0 0 0/.35);transition:transform var(--dur-2) var(--ease-resap)}.saklar input:checked{background:linear-gradient(180deg,var(--prada-500),var(--soga-500));box-shadow:inset 0 1px 2px rgb(0 0 0/.2),0 0 16px -2px rgb(196 161 90/.5)}.saklar input:checked:after{transform:translateX(18px)}.segmen{display:inline-flex;border:1px solid var(--isian-garis);border-radius:12px;padding:4px;gap:3px;background:var(--isian-bg)}.segmen label{position:relative}.segmen input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmen span{display:block;padding:8px 15px;border-radius:8px;font-size:14.5px;color:var(--text-2);transition:background var(--dur-1),color var(--dur-1),box-shadow var(--dur-2);white-space:nowrap}.segmen label:hover span{color:var(--text)}.segmen input:checked+span{background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--btn-shadow)}.segmen input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.segmen input:disabled+span{opacity:.35}.lembar{border:1px solid var(--kaca-garis);border-radius:var(--r-2)}.lembar,.panel{background:var(--kaca);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--kaca-blur);backdrop-filter:var(--kaca-blur)}.panel{border:1px solid var(--kaca-garis);border-radius:var(--r-3)}.garis-atas{border-top:1px solid var(--line)}.label-kain{position:relative;background:var(--paper);color:var(--ink-on-paper);padding:22px 16px 14px;box-shadow:var(--shadow-label)}.label-kain:before{content:"";position:absolute;top:8px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 1px rgb(0 0 0/.4)}.status{display:inline-flex;align-items:center;gap:10px;font:500 var(--t-small)/1 var(--font-sans);color:var(--text-2);white-space:nowrap}.status i{width:9px;height:9px;border-radius:50%;background:var(--mori-300);box-shadow:0 0 0 3px var(--wash);flex:none}.status[data-s=belum] i{background:transparent;border:1.5px dashed var(--text-3);box-shadow:none}.status[data-s=aktif] i{background:var(--text)}.status[data-s=dipicu] i{background:var(--prada-500);animation:denyut 1.6s var(--ease-angkat) infinite}.status[data-s=dibagikan] i{background:var(--soga-400)}@keyframes denyut{50%{box-shadow:0 0 0 7px rgb(196 161 90/0)}0%{box-shadow:0 0 0 0 rgb(196 161 90/.45)}}.peringatan{font-size:var(--t-micro);color:var(--text-3);border-left:2px solid var(--prada-500);padding:2px 0 2px 10px}.tolak{border-left:2px solid var(--danger);padding:2px 0 2px 12px;color:var(--text-2)}.tolak b{color:var(--danger);font-weight:500}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu .isi-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:340px;background:rgb(28 40 72/.86);border:1px solid var(--kaca-garis);border-radius:var(--r-2);box-shadow:var(--shadow-panel),var(--shadow-sheet);-webkit-backdrop-filter:var(--kaca-blur);backdrop-filter:var(--kaca-blur);padding:18px}:root[data-tema=terang] .menu .isi-menu{background:rgb(248 249 251/.9)}.dompet-demo .dd-judul{font:400 20px/1.2 var(--font-serif)}.dompet-demo .dd-daftar{margin-top:12px;border-top:1px solid var(--line)}.dompet-demo .dd-daftar>div,.dompet-demo .dd-induk{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.dompet-demo small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}.dompet-demo b{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dompet-demo b.kosong{color:var(--danger)}.dompet-demo .dd-induk{border-bottom:0;margin-bottom:12px}.dompet-demo .peringatan{margin-top:14px}.lapis{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgb(14 21 39/.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root[data-tema=terang] .lapis{background:rgb(19 27 51/.28)}.lapis .sheet{width:min(520px,100%);background:rgb(28 40 72/.88);border:1px solid var(--kaca-garis);border-radius:var(--r-3);box-shadow:var(--shadow-panel),var(--shadow-sheet);-webkit-backdrop-filter:var(--kaca-blur);backdrop-filter:var(--kaca-blur);padding:28px 28px 24px}:root[data-tema=terang] .lapis .sheet{background:rgb(248 249 251/.92)}.lapis:not([hidden]) .sheet{animation:angkat var(--dur-3) var(--ease-resap) both}@keyframes angkat{0%{opacity:0;transform:translateY(14px) scale(.98)}}.resap.is-in{animation:resap var(--dur-4) var(--ease-resap) backwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes resap{0%{-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 60%);mask-image:linear-gradient(180deg,#000 40%,transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;transform:translateY(-.12em)}to{-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 60%);mask-image:linear-gradient(180deg,#000 40%,transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 0;mask-position:0 0;transform:none}}.panel-demo{position:fixed;left:12px;bottom:12px;z-index:50;font:500 12.5px/1.3 var(--font-sans);background:rgb(14 21 39/.92);border:1px solid rgb(245 239 227/.22);color:var(--nila-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 24px);border-radius:12px}.panel-demo summary{list-style:none;cursor:pointer;padding:9px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.panel-demo summary::-webkit-details-marker{display:none}.panel-demo summary svg{width:15px;height:15px;flex:none}.panel-demo summary svg circle{fill:rgb(14 21 39)}.panel-demo:not([open]){left:0;bottom:18px;border-left:0;border-radius:0 10px 10px 0;opacity:.5;transition:opacity var(--dur-1)}.panel-demo:not([open]):focus-within,.panel-demo:not([open]):hover{opacity:1}.panel-demo:not([open]) summary{padding:9px 8px 9px 7px}.panel-demo:not([open]) summary .teks{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}:root[data-tema=terang] .panel-demo:not([open]){background:rgb(248 249 251/.92);border-color:var(--line-2);color:var(--text-2)}:root[data-tema=terang] .panel-demo:not([open]) summary svg circle{fill:#f8f9fb}@media (max-width:600px){.panel-demo:not([open]){opacity:.4}.panel-demo:not([open]) summary{padding:8px 3px 8px 2px}.panel-demo:not([open]) summary svg{width:12px;height:12px}}.panel-demo[open] summary{border-bottom:1px solid rgb(245 239 227/.12)}.panel-demo .isi{padding:10px 12px 12px;display:grid;grid-gap:10px;gap:10px;max-width:520px}.panel-demo .baris{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.panel-demo button{background:none;border:1px solid rgb(245 239 227/.22);color:var(--mori-50);padding:6px 9px;cursor:pointer;border-radius:7px}.panel-demo button:hover{border-color:var(--mori-300)}.panel-demo a{color:var(--mori-50)}.panel-demo .judul{color:var(--nila-300);width:100%}html.diam .resap{-webkit-mask-image:none;mask-image:none;animation:none}@media (prefers-reduced-motion:reduce){.resap{-webkit-mask-image:none;mask-image:none}*,:after,:before{animation-duration:0s!important;transition-duration:0s!important}}@property --pm-sudut{syntax:"<angle>";initial-value:0deg;inherits:false}.pembuka-muat{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;align-content:center;grid-gap:56px;gap:56px;pointer-events:none}.pembuka-muat:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:auto;background:radial-gradient(70vmax 60vmax at 50% 42%,#1e2a4d 0,var(--nila-900) 45%,var(--nila-950) 100%);transition:opacity .6s var(--ease-resap) .12s}.pm-pusat{position:relative;width:clamp(108px,22vmin,168px);aspect-ratio:1;transition:transform .75s var(--ease-angkat);will-change:transform}.pm-logo{position:relative;width:100%;height:100%;overflow:visible;animation:pm-masuk .9s var(--ease-resap) both;filter:drop-shadow(0 0 18px rgb(227 202 142/.35))}.pm-kelopak{filter:url(#pmCahaya)}.pm-k{fill:#fff8ec;animation:pm-kelopak .75s var(--ease-resap) both,pm-nyala 2.4s ease-in-out infinite;animation-delay:calc(.28s + var(--k) * .12s),calc(1.2s + var(--k) * .3s)}.pm-k,.pm-titik{transform-box:view-box;transform-origin:16px 16px}.pm-titik{fill:var(--prada-500);animation:pm-titik 1.6s ease-in-out .8s infinite}.pm-cahaya{inset:-75%;background:radial-gradient(closest-side,rgb(227 202 142/.34),rgb(196 161 90/.12) 42%,transparent 72%);animation:pm-cahaya 2.4s ease-in-out infinite,pm-masuk 1.2s var(--ease-resap) both}.pm-cahaya,.pm-cincin{position:absolute;border-radius:50%;pointer-events:none;transition:opacity .3s}.pm-cincin{inset:-24%;padding:1.5px;background:conic-gradient(from var(--pm-sudut),transparent 0 62%,rgb(227 202 142/0) 64%,rgb(227 202 142/.95) 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:pm-putar 1.8s linear infinite,pm-muncul .6s ease .5s both}.pm-teks{display:grid;justify-items:center;grid-gap:8px;gap:8px;transition:opacity .3s,transform .4s var(--ease-resap);animation:pm-naik .8s var(--ease-resap) .45s both}.pm-teks b{font:400 30px/1 var(--font-serif);letter-spacing:.01em;color:var(--mori-50)}.pm-teks span{font:400 14.5px/1.4 var(--font-sans);color:var(--nila-300)}.pm-teks span:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:pm-titik3 1.2s steps(4) infinite}.pembuka-muat.cepat .pm-logo,.pembuka-muat.cepat .pm-teks{animation-delay:0s;animation-duration:.45s}.pembuka-muat.cepat .pm-k{animation-delay:calc(var(--k) * .05s),.6s;animation-duration:.45s,2.4s}.pembuka-muat.tutup .pm-cahaya,.pembuka-muat.tutup .pm-cincin,.pembuka-muat.tutup:before{opacity:0}.pembuka-muat.tutup .pm-teks{opacity:0;transform:translateY(8px)}.pembuka-muat.tutup .pm-logo{filter:none;transition:filter .5s}.pembuka-muat.tutup .pm-k,.pembuka-muat.tutup .pm-titik{animation-iteration-count:1}html.memuat .merek svg.logo{opacity:0}@keyframes pm-masuk{0%{opacity:0;transform:scale(.72)}}@keyframes pm-kelopak{0%{transform:scale(0) rotate(-60deg)}}@keyframes pm-nyala{0%,55%,to{fill:#fff8ec}22%{fill:var(--prada-300)}}@keyframes pm-titik{50%{transform:scale(1.9);fill:var(--prada-300)}}@keyframes pm-cahaya{50%{transform:scale(1.12);opacity:.75}}@keyframes pm-putar{to{--pm-sudut:360deg}}@keyframes pm-muncul{0%{opacity:0}}@keyframes pm-naik{0%{opacity:0;transform:translateY(10px)}}@keyframes pm-titik3{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){.pm-cincin{display:none}}.toast-tumpuk{position:fixed;right:20px;bottom:20px;z-index:9999;display:grid;grid-gap:10px;gap:10px;justify-items:end;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}.toast{pointer-events:auto;padding:13px 16px;border-radius:var(--r-2);background:rgb(28 40 72/.9);color:var(--mori-50);border:1px solid var(--kaca-garis);box-shadow:var(--shadow-panel),0 18px 40px -18px rgb(3 6 14/.8);-webkit-backdrop-filter:var(--kaca-blur);backdrop-filter:var(--kaca-blur);font:400 14px/1.45 var(--font-sans);animation:toast-masuk .45s var(--ease-resap) both;transition:opacity .35s,transform .35s var(--ease-resap)}.toast.pergi{opacity:0;transform:translateY(8px)}.toast.galat{border-color:rgb(217 138 114/.45)}.struk{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:2px 12px;gap:2px 12px;align-items:center;min-width:300px}.struk .tanda{grid-row:1/span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,var(--prada-300),var(--prada-500));color:var(--nila-950);box-shadow:0 0 18px -2px rgb(227 202 142/.6)}.struk .tanda svg{width:16px;height:16px}.struk b{font-weight:500;font-size:14.5px}.struk small{color:var(--nila-200);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.struk a{grid-column:2;justify-self:start;margin-top:4px;font-size:13px;color:var(--prada-300);text-decoration:none;display:inline-flex;gap:6px;align-items:center}.struk a:hover{text-decoration:underline;text-underline-offset:3px}.struk a svg{width:12px;height:12px}:root[data-tema=terang] .toast{background:rgb(248 249 251/.94);color:var(--nila-900)}:root[data-tema=terang] .struk small{color:var(--text-3)}:root[data-tema=terang] .struk a{color:var(--soga-600)}@keyframes toast-masuk{0%{opacity:0;transform:translateY(14px) scale(.97)}}@media (max-width:600px){.toast-tumpuk{left:16px;right:16px;bottom:16px;justify-items:stretch}.struk{min-width:0}}.kawung-besar{position:absolute;pointer-events:none;z-index:-1;aspect-ratio:1}.kawung-besar svg{width:100%;height:100%;overflow:visible}.kawung-besar .kb-k{fill:rgb(255 248 236/.07);stroke:rgb(255 248 236/.16);stroke-width:.05;transition:fill 1.2s var(--ease-resap),stroke 1.2s}.kawung-besar .kb-titik{fill:rgb(227 202 142/.16);stroke:rgb(227 202 142/.35);stroke-width:.05}.kawung-besar.putar svg{animation:kb-putar 140s linear infinite;will-change:transform}@keyframes kb-putar{to{transform:rotate(1turn)}}.kawung-besar .kb-k.nyala{fill:rgb(255 244 222/.2);stroke:rgb(255 244 222/.4)}.kawung-besar.cahaya svg{filter:drop-shadow(0 0 40px rgb(227 202 142/.22))}:root[data-tema=terang] .kawung-besar .kb-k{fill:rgb(19 27 51/.05);stroke:rgb(19 27 51/.1)}@media (prefers-reduced-motion:reduce){.kawung-besar.putar svg{animation:none}}