@keyframes FdpTfq_muncul{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes FdpTfq_pop{0%{transform:scale(.6)}}@keyframes FdpTfq_uap{0%{opacity:0;transform:translateY(6px)}40%{opacity:.55}to{opacity:0;transform:translateY(-8px)}}@keyframes FdpTfq_getar{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.FdpTfq_kasir{grid-template-columns:minmax(0,1fr) clamp(360px,31vw,400px);height:100%;min-height:0;display:grid}.FdpTfq_areaProduk{flex-direction:column;min-width:0;min-height:0;display:flex}.FdpTfq_kepala{gap:14px;padding:clamp(16px,2.2vw,24px) clamp(16px,2.4vw,28px) 12px;display:grid}.FdpTfq_kepalaAtas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.FdpTfq_judul{font-size:clamp(1.6rem,2.6vw,2rem)}.FdpTfq_sub{color:var(--ink-soft);margin-top:4px;font-size:.9375rem;font-weight:500}.FdpTfq_cari{flex:240px;max-width:420px;position:relative}.FdpTfq_cari input{background:var(--susu);box-shadow:var(--bayangan-1);border-radius:999px;padding-right:52px}.FdpTfq_cari input::-webkit-search-cancel-button{display:none}.FdpTfq_cariHapus{border-radius:999px;animation:.25s ease-out FdpTfq_pudar-masuk;position:absolute;top:50%;right:2px;transform:translateY(-50%)}@keyframes FdpTfq_pudar-masuk{0%{opacity:0}}.FdpTfq_cariHapus:active:not(:disabled){transform:translateY(-50%)scale(.9)}.FdpTfq_cariPintasan{border:1px solid var(--karamel);min-width:24px;height:24px;color:var(--espresso-pudar);font:700 .8125rem var(--font-sans);pointer-events:none;border-bottom-width:2px;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@media (hover:none){.FdpTfq_cariPintasan{display:none}}.FdpTfq_tab{background:var(--karamel);scrollbar-width:none;isolation:isolate;border-radius:999px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.FdpTfq_tab::-webkit-scrollbar{display:none}.FdpTfq_tabPenanda{z-index:-1;background:var(--espresso);transition:transform .4s var(--ease-spring), width .4s var(--ease-spring), opacity .25s;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 6px 14px -6px #2a181099}.FdpTfq_tab[data-redup] .FdpTfq_tabPenanda{opacity:0}.FdpTfq_tabTombol{min-height:48px;color:var(--espresso);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color .3s, transform .2s var(--ease-spring);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.FdpTfq_tabTombol:active{transform:scale(.94)}.FdpTfq_tabTombol[aria-pressed=true]{color:var(--susu)}.FdpTfq_tabHitung{text-align:center;font-variant-numeric:tabular-nums;background:#2a18101f;border-radius:999px;min-width:24px;padding:1px 7px;font-size:.8125rem;transition:background-color .3s,color .3s}.FdpTfq_tabTombol[aria-pressed=true] .FdpTfq_tabHitung{background:var(--senja);color:var(--espresso)}.FdpTfq_hasilCari{color:var(--ink-soft);animation:FdpTfq_muncul .3s var(--ease-out);font-size:.875rem;font-weight:500}.FdpTfq_gridWadah{overscroll-behavior:contain;flex:1;min-height:0;padding:6px clamp(16px,2.4vw,28px) 28px;overflow-y:auto}.FdpTfq_grid{grid-template-columns:repeat(auto-fill,minmax(max(150px,20% - 11.2px),1fr));gap:14px;display:grid}.FdpTfq_kartuKerangka{border-radius:20px;height:200px}.FdpTfq_kartu{isolation:isolate;border:1px solid var(--karamel);background:var(--susu);min-height:200px;color:var(--espresso);text-align:left;box-shadow:var(--bayangan-1);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;animation:FdpTfq_muncul .45s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 28ms);transition:transform .28s var(--ease-spring), box-shadow .28s var(--ease-out), border-color .28s;border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;padding:10px 10px 14px;display:flex;position:relative;overflow:hidden}@media (hover:hover){.FdpTfq_kartu:hover:not(:disabled){box-shadow:var(--bayangan-2);border-color:#d8b88b;transform:translateY(-4px)}.FdpTfq_kartu:hover:not(:disabled) .ilustrasi{transform:scale(1.08)rotate(-4deg)}.FdpTfq_kartu:hover:not(:disabled) .ilus-uap{animation:2.6s ease-in-out infinite FdpTfq_uap}}.FdpTfq_kartu:active:not(:disabled){transition-duration:80ms;transform:scale(.955)}.FdpTfq_riak{z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle,#e8742f8c,#e8742f00 70%);border-radius:50%;position:absolute;transform:scale(0)}.FdpTfq_kartuGambar{background:var(--senja-tipis);border-radius:14px;place-items:center;height:88px;display:grid;position:relative;overflow:hidden}.FdpTfq_kartuGambar:before{content:"";background:#fff8ec8c;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-60px;right:-40px}.FdpTfq_kartuGambar[data-kategori=Teh]{background:var(--daun-tipis)}.FdpTfq_kartuGambar[data-kategori=Camilan]{background:var(--karamel-tipis)}.FdpTfq_kartuGambar .ilustrasi{transition:transform .4s var(--ease-spring);position:relative}.FdpTfq_kartuJumlah{border:2.5px solid var(--susu);background:var(--espresso);min-width:32px;height:32px;color:var(--susu);font-variant-numeric:tabular-nums;animation:FdpTfq_pop .42s var(--ease-spring);border-radius:999px;place-items:center;padding:0 8px;font-size:.9375rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 6px 14px -6px #2a1810b3}.FdpTfq_kartuNama{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 4px;font-size:1.0625rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.FdpTfq_kartuBawah{flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding:0 4px;display:flex}.FdpTfq_kartuHarga{font-size:1.0625rem;font-weight:700}.FdpTfq_kartu[data-penuh]{border-color:var(--espresso)}.FdpTfq_kartu:disabled{cursor:not-allowed;box-shadow:none;background:#f8f0e4}.FdpTfq_kartu:disabled .FdpTfq_kartuGambar{opacity:.45;filter:grayscale()}.FdpTfq_kartu:disabled .FdpTfq_kartuNama,.FdpTfq_kartu:disabled .FdpTfq_kartuHarga{color:var(--espresso-pudar)}.FdpTfq_kartu:disabled .FdpTfq_kartuHarga{text-decoration:line-through;text-decoration-thickness:1.5px}.FdpTfq_panel{z-index:2;background:var(--susu);border-left:1px solid var(--karamel);flex-direction:column;min-height:0;display:flex;position:relative;box-shadow:-24px 0 50px -40px #2a18108c}.FdpTfq_panelPegangan{background:var(--karamel);border-radius:999px;width:44px;height:5px;margin:10px auto 0;display:block}.FdpTfq_panelKepala{align-items:center;gap:10px;padding:16px 10px 8px 20px;display:flex}.FdpTfq_panelJudul{font-size:1.5rem}.FdpTfq_hitungItem{background:var(--espresso);color:var(--susu);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 11px;font-size:.8125rem;font-weight:700;display:inline-flex}.FdpTfq_hitungAngka{font-variant-numeric:tabular-nums;animation:FdpTfq_pop .4s var(--ease-spring);display:inline-block}.FdpTfq_kosongkan{color:var(--bata);margin-left:auto;padding:0 12px}.FdpTfq_meja{padding:0 16px 10px 20px;position:relative}.FdpTfq_penghitungMeja,.FdpTfq_penghitung{color:var(--espresso-pudar);font-variant-numeric:tabular-nums;pointer-events:none;font-size:.8125rem;font-weight:500;position:absolute;top:24px;right:30px;transform:translateY(-50%)}.FdpTfq_meja input{padding-right:64px}.FdpTfq_daftar{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.FdpTfq_kosongPesanan{margin:auto 0;padding-block:20px}.FdpTfq_baris{animation:FdpTfq_baris-masuk .34s var(--ease-out);grid-template-rows:1fr;display:grid}.FdpTfq_barisDalam{border:1px solid var(--karamel);background:#fffcf6;border-radius:18px;min-height:0;margin-bottom:8px;padding:10px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.FdpTfq_baris[data-lebih] .FdpTfq_barisDalam{border-color:var(--bata);box-shadow:inset 4px 0 0 var(--bata)}.FdpTfq_baris[data-keluar]{pointer-events:none;animation:.24s ease-in forwards FdpTfq_baris-keluar}@keyframes FdpTfq_baris-masuk{0%{opacity:0;grid-template-rows:0fr;transform:translate(22px)}}@keyframes FdpTfq_baris-keluar{to{opacity:0;grid-template-rows:0fr;transform:translate(28px)}}.FdpTfq_barisAtas{align-items:center;gap:10px;display:flex}.FdpTfq_barisGambar{background:var(--senja-tipis);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.FdpTfq_barisGambar[data-kategori=Teh]{background:var(--daun-tipis)}.FdpTfq_barisGambar[data-kategori=Camilan]{background:var(--karamel-tipis)}.FdpTfq_barisInfo{flex:1;min-width:0}.FdpTfq_barisNama{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.FdpTfq_barisHarga{color:var(--espresso-pudar);font-size:.8125rem;font-weight:500}.FdpTfq_barisSubtotal{font-size:1.0625rem;font-weight:700}.FdpTfq_catatanTampil{border:1px dashed var(--karamel);background:var(--karamel-tipis);width:100%;min-height:36px;color:var(--espresso);text-align:left;cursor:pointer;animation:FdpTfq_muncul .3s var(--ease-out);border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:.875rem;font-style:italic;display:flex}.FdpTfq_catatanTampil span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.FdpTfq_catatanIsian{animation:FdpTfq_muncul .25s var(--ease-out);margin-top:8px;position:relative}.FdpTfq_catatanIsian input{padding-right:64px;font-size:.9375rem}.FdpTfq_catatanIsian .FdpTfq_penghitung{right:14px}.FdpTfq_barisAksi{align-items:center;gap:6px;margin-top:8px;display:flex}.FdpTfq_stepper{background:var(--pasir);border-radius:999px;align-items:center;padding:3px;display:flex}.FdpTfq_stepperTombol{background:var(--susu);width:44px;height:44px;color:var(--espresso);cursor:pointer;touch-action:manipulation;transition:transform .2s var(--ease-spring), background-color .2s, opacity .2s;border:0;border-radius:999px;place-items:center;display:grid;box-shadow:0 1px 2px #2a181026}.FdpTfq_stepperTombol:active:not(:disabled){background:var(--karamel);transform:scale(.86)}.FdpTfq_stepperTombol:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.FdpTfq_stepperNilai{place-items:center;min-width:40px;font-size:1.125rem;font-weight:700;display:grid}.FdpTfq_stepperAngka{animation:FdpTfq_angka-naik .32s var(--ease-spring);display:inline-block}@keyframes FdpTfq_angka-naik{0%{opacity:0;transform:translateY(8px)scale(.7)}}.FdpTfq_tombolCatatan{color:var(--espresso);margin-left:auto;position:relative}.FdpTfq_tombolCatatan[aria-pressed=true]{background:var(--espresso);color:var(--susu)}.FdpTfq_titikCatatan{border:2px solid var(--susu);background:var(--senja);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:9px}.FdpTfq_tombolHapus{min-width:48px;height:48px;color:var(--bata);cursor:pointer;touch-action:manipulation;transition:background-color .2s, color .2s, transform .2s var(--ease-spring), padding .2s;background:0 0;border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.875rem;font-weight:700;display:inline-flex}@media (hover:hover){.FdpTfq_tombolHapus:hover{border-color:var(--bata)}}.FdpTfq_tombolHapus:active{transform:scale(.92)}.FdpTfq_tombolHapus[data-yakin]{background:var(--bata);color:var(--susu);animation:FdpTfq_pop .35s var(--ease-spring)}.FdpTfq_stokTersisa{color:var(--espresso-pudar);align-items:center;gap:6px;margin-top:6px;font-size:.8125rem;font-weight:700;display:flex}.FdpTfq_kaki{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1.5px dashed var(--karamel);background:linear-gradient(180deg, var(--susu), #fdf1df);gap:12px;display:grid}.FdpTfq_galatBayar{border:1.5px solid var(--bata);background:var(--susu);color:var(--bata);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 6px 10px 12px;font-size:.875rem;font-weight:700;animation:.4s ease-in-out FdpTfq_getar;display:flex}.FdpTfq_galatBayar svg:first-child{margin-top:1px}.FdpTfq_galatBayar p{flex:1}.FdpTfq_galatBayar .tombol-ikon{width:36px;height:36px;margin-top:-6px}.FdpTfq_tambahDiskon{border:1.5px dashed var(--garis-isian);min-height:48px;color:var(--espresso);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background-color .2s,border-color .2s;display:inline-flex}@media (hover:hover){.FdpTfq_tambahDiskon:hover:not(:disabled){border-color:var(--espresso);background:var(--karamel-tipis)}}.FdpTfq_tambahDiskon:disabled{opacity:.45;cursor:not-allowed}.FdpTfq_diskon{animation:FdpTfq_muncul .3s var(--ease-out);gap:8px;display:grid}.FdpTfq_diskonBaris{align-items:center;gap:6px;display:flex}.FdpTfq_diskonSegmen{flex:none;width:116px}.FdpTfq_diskonIsian{flex:1;min-width:0;position:relative}.FdpTfq_diskonIsian input{min-height:56px;padding-right:34px;font-size:1.0625rem;font-weight:700}.FdpTfq_diskonSatuan{font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.FdpTfq_diskonCepat{align-items:center;gap:8px;display:flex}.FdpTfq_diskonCepat .chip{justify-content:center;min-width:64px}.FdpTfq_diskonPratinjau{color:var(--daun);margin-left:auto;font-size:.875rem;font-weight:700}.FdpTfq_total{gap:4px;display:grid}.FdpTfq_totalBaris{color:var(--espresso-pudar);justify-content:space-between;font-weight:500;display:flex}.FdpTfq_totalBaris dd{color:var(--espresso);font-weight:700}.FdpTfq_totalDiskon dd{color:var(--daun)}.FdpTfq_totalBesar{border-top:1px solid var(--karamel);justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px;padding-top:6px;display:flex}.FdpTfq_totalBesar dt{font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.FdpTfq_totalBesar dd{letter-spacing:-.02em;font-size:clamp(2rem,3vw,2.5rem);font-weight:700;line-height:1.1}.FdpTfq_totalBesar dd>span{transform-origin:100%}.FdpTfq_tombolBayar{justify-content:space-between;gap:12px}.FdpTfq_bayarJumlah{background:#2a18101a;border-radius:10px;margin-left:auto;padding:4px 10px}.FdpTfq_bayarPanah{transition:transform .3s var(--ease-spring)}.FdpTfq_tombolBayar:not(:disabled):hover .FdpTfq_bayarPanah{transform:translate(4px)}.FdpTfq_tombolBayar:not(:disabled) .FdpTfq_bayarPanah{animation:2.4s ease-in-out 1.2s infinite FdpTfq_dorong}@keyframes FdpTfq_dorong{0%,70%,to{transform:translate(0)}80%{transform:translate(5px)}90%{transform:translate(-1px)}}.FdpTfq_strip,.FdpTfq_panelLatar{display:none}@media (max-width:899.98px){.FdpTfq_kasir{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.FdpTfq_panel{z-index:60;height:min(90dvh,820px);box-shadow:var(--bayangan-3);visibility:hidden;transition:transform .22s var(--ease-out), visibility 0s .22s;border-left:0;border-radius:26px 26px 0 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(104%)}.FdpTfq_panel[data-buka]{visibility:visible;transition:transform .26s var(--ease-out), visibility 0s;transform:none}.FdpTfq_panelKepala{padding-top:6px}.FdpTfq_panelLatar{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#2a181080;transition:opacity .22s;display:block;position:fixed;inset:0}.FdpTfq_panelLatar[data-buka]{opacity:1;pointer-events:auto}.FdpTfq_strip{background:linear-gradient(180deg, #f2e4cf00, var(--pasir) 30%);padding:8px 12px;display:block}.FdpTfq_stripTombol{background:var(--espresso);width:100%;min-height:60px;color:var(--susu);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .2s var(--ease-spring);border:0;border-radius:18px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex;box-shadow:0 18px 30px -18px #2a1810e6}.FdpTfq_stripTombol:active{transform:scale(.98)}.FdpTfq_stripIkon{background:var(--senja);width:44px;height:44px;color:var(--espresso);border-radius:13px;place-items:center;display:grid;position:relative}.FdpTfq_stripBadge{border:2px solid var(--espresso);background:var(--susu);min-width:24px;height:24px;color:var(--espresso);animation:FdpTfq_pop .4s var(--ease-spring);border-radius:999px;place-items:center;padding:0 6px;font-size:.8125rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.FdpTfq_stripTeks{min-width:0;color:var(--karamel);font-size:.8125rem;font-weight:500;line-height:1.3;display:grid}.FdpTfq_stripTeks strong{color:var(--susu);font-size:1.125rem}.FdpTfq_stripAksi{white-space:nowrap;background:#fff8ec1a;border-radius:12px;align-items:center;gap:4px;margin-left:auto;padding:8px 12px;font-size:.9375rem;font-weight:700;display:inline-flex}}@media (max-width:599.98px){.FdpTfq_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.FdpTfq_kartu{min-height:184px}.FdpTfq_kartuGambar{height:76px}.FdpTfq_kepalaAtas{gap:10px}.FdpTfq_cari{flex-basis:100%;max-width:none}.FdpTfq_tab{width:100%}.FdpTfq_tabTombol{flex:1 0 auto;justify-content:center;padding:0 14px}}@media (max-width:459.98px){.FdpTfq_tabHitung{display:none}.FdpTfq_tabTombol{padding:0 12px}}@media (max-width:380px){.FdpTfq_stripAksi{padding:8px;font-size:0}.FdpTfq_stripAksi svg{width:22px;height:22px}}
@keyframes q7hU8q_muncul{0%{opacity:0;transform:translateY(12px)}}@keyframes q7hU8q_pop{0%{opacity:0;transform:scale(.7)}}.q7hU8q_total{isolation:isolate;background:var(--espresso);color:var(--susu);border-radius:20px;gap:2px;padding:16px 20px;display:grid;position:relative;overflow:hidden}.q7hU8q_total:before{content:"";z-index:-1;background:radial-gradient(circle,#e8742fbf,#e8742f00 68%);border-radius:50%;width:220px;height:220px;animation:6s ease-in-out infinite alternate q7hU8q_matahari;position:absolute;bottom:-110px;right:-50px}@keyframes q7hU8q_matahari{to{transform:translate(-20px,-10px)scale(1.1)}}.q7hU8q_totalLabel{color:var(--karamel);font-size:.875rem;font-weight:700}.q7hU8q_totalAngka{letter-spacing:-.02em;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.1}.q7hU8q_totalDiskon{color:var(--karamel);font-size:.8125rem;font-weight:500}.q7hU8q_metode{margin-top:14px}.q7hU8q_isiMetode{animation:q7hU8q_muncul .28s var(--ease-out);padding-top:14px}.q7hU8q_layar{grid-template-columns:1fr 1fr;gap:10px;display:grid}.q7hU8q_layarKotak{border:1.5px solid var(--karamel);background:#fffcf6;border-radius:16px;align-content:center;gap:2px;min-height:76px;padding:10px 14px;transition:border-color .25s,background-color .25s;display:grid}.q7hU8q_layarKotak[data-keadaan=cukup]{border-color:var(--daun)}.q7hU8q_layarKotak[data-keadaan=kurang]{border-color:var(--bata)}.q7hU8q_layarLabel{color:var(--espresso-pudar);align-items:center;gap:4px;font-size:.8125rem;font-weight:700;display:inline-flex}.q7hU8q_layarKotak[data-keadaan=cukup] .q7hU8q_layarLabel{color:var(--daun)}.q7hU8q_layarKotak[data-keadaan=kurang] .q7hU8q_layarLabel{color:var(--bata)}.q7hU8q_layarAngka{white-space:nowrap;align-items:center;font-size:clamp(1.35rem,4vw,1.6rem);font-weight:700;line-height:1.15;display:inline-flex}.q7hU8q_layarKosong{color:var(--espresso-pudar)}.q7hU8q_kursor{background:var(--senja);border-radius:2px;width:2px;height:1.1em;margin-left:3px;animation:1s step-end infinite q7hU8q_kedip-kursor}@keyframes q7hU8q_kedip-kursor{50%{opacity:0}}.q7hU8q_kembalian{color:var(--daun);animation:q7hU8q_pop .4s var(--ease-spring)}.q7hU8q_kurang{color:var(--bata)}.q7hU8q_cepat{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.q7hU8q_cepatTombol{border:1.5px solid var(--espresso);background:var(--susu);min-height:48px;color:var(--espresso);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .2s var(--ease-spring), background-color .2s, color .2s;border-radius:14px;padding:0 6px;font-size:.9375rem;font-weight:700}.q7hU8q_cepatTombol:active{transform:scale(.94)}.q7hU8q_cepatTombol[aria-pressed=true]{background:var(--espresso);color:var(--susu)}.q7hU8q_papan{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.q7hU8q_papanTombol{background:var(--karamel-tipis);height:64px;color:var(--espresso);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-spring), background-color .15s;border:0;border-radius:16px;font-size:1.5rem;font-weight:700;box-shadow:inset 0 -3px #2a181014}.q7hU8q_papanTombol:active:not(:disabled){background:var(--karamel);transform:scale(.93)}.q7hU8q_papanTombol:disabled{opacity:.4;cursor:not-allowed}.q7hU8q_papanTombol[data-jenis=hapus]{background:var(--pasir);place-items:center;display:grid}.q7hU8q_petunjuk{color:var(--espresso-pudar);text-align:center;margin-top:10px;font-size:.8125rem}@media (hover:none){.q7hU8q_petunjuk{display:none}}.q7hU8q_qris,.q7hU8q_transfer{gap:12px;display:grid}.q7hU8q_qrisKartu{border:1.5px solid var(--karamel);background:#fffcf6;border-radius:20px;justify-items:center;gap:10px;padding:18px 16px 16px;display:grid}.q7hU8q_qrisKepala{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.q7hU8q_qrisMerek{background:var(--espresso);color:var(--susu);letter-spacing:.08em;border-radius:8px;padding:2px 10px;font-weight:700}.q7hU8q_qrisToko{color:var(--espresso-pudar);font-size:.875rem;font-weight:700}.q7hU8q_qrisPola{background:var(--susu);box-shadow:0 0 0 1.5px var(--karamel), var(--bayangan-1);border-radius:18px;padding:10px;position:relative;overflow:hidden}.q7hU8q_qrisPola .pola-qr{animation:q7hU8q_pop .45s var(--ease-spring)}.q7hU8q_qrisPindai{background:var(--senja);border-radius:3px;height:3px;animation:2.2s ease-in-out infinite alternate q7hU8q_pindai;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 0 16px 4px #e8742f73}@keyframes q7hU8q_pindai{to{transform:translateY(197px)}}.q7hU8q_qrisLabel{background:var(--senja);color:var(--espresso);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:700;display:inline-flex}.q7hU8q_qrisNominal{font-size:1.75rem;font-weight:700;line-height:1.1}.q7hU8q_catatanSimulasi{background:var(--karamel-tipis);color:var(--espresso);border-radius:14px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.875rem;line-height:1.45;display:flex}.q7hU8q_catatanSimulasi svg{margin-top:1px}.q7hU8q_rekening{isolation:isolate;background:linear-gradient(135deg, var(--espresso) 0%, #3d2a17 55%, var(--daun) 130%);color:var(--susu);animation:q7hU8q_muncul .35s var(--ease-out);border-radius:20px;gap:18px;padding:18px 20px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 40px -24px #2a1810cc}.q7hU8q_rekening:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 35%,#fff8ec1f 50%,#0000 65%);animation:3.5s ease-in-out .6s infinite q7hU8q_kilap;position:absolute;inset:0;transform:translate(-100%)}@keyframes q7hU8q_kilap{0%,55%{transform:translate(-100%)}85%,to{transform:translate(100%)}}.q7hU8q_rekeningAtas{justify-content:space-between;align-items:center;gap:10px;display:flex}.q7hU8q_rekeningBank{font-family:var(--font-serif);align-items:center;gap:8px;font-size:1.15rem;font-weight:600;display:inline-flex}.q7hU8q_rekeningCap{border:1.5px solid var(--senja);color:var(--senja);letter-spacing:.1em;border-radius:8px;padding:3px 10px;font-size:.8125rem;font-weight:700;transform:rotate(-4deg)}.q7hU8q_rekeningChip{background:linear-gradient(90deg, transparent 45%, #2a181059 45% 55%, transparent 55%), linear-gradient(0deg, transparent 45%, #2a181059 45% 55%, transparent 55%), linear-gradient(135deg, #f4c58f, var(--karamel));border-radius:7px;width:42px;height:32px}.q7hU8q_rekeningData{gap:10px;display:grid}.q7hU8q_rekeningData dt{color:var(--karamel);font-size:.8125rem;font-weight:500}.q7hU8q_rekeningData dd{letter-spacing:.04em;font-size:1.15rem;font-weight:700}.q7hU8q_transferNominal{border:1.5px solid var(--karamel);background:#fffcf6;border-radius:16px;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;font-weight:500;display:flex}.q7hU8q_transferNominal strong{font-size:1.5rem}.q7hU8q_kaki{gap:10px;display:grid}@media (max-width:420px){.q7hU8q_cepat{grid-template-columns:repeat(2,minmax(0,1fr))}.q7hU8q_papanTombol{height:58px}}@media (min-width:600px) and (max-height:900px){.q7hU8q_total{grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;padding:10px 18px}.q7hU8q_totalAngka{justify-self:end;font-size:1.85rem}.q7hU8q_totalDiskon{grid-column:1/-1}.q7hU8q_metode{margin-top:10px}.q7hU8q_isiMetode{padding-top:10px}.q7hU8q_layarKotak{min-height:62px;padding:8px 14px}.q7hU8q_cepat,.q7hU8q_papan{margin-top:10px}.q7hU8q_petunjuk{display:none}}