@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(/online/assets/open-sans-latin-ext-wght-normal-DPNHYqvY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(/online/assets/open-sans-latin-wght-normal-CWNzRldh.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--coklat: #714333;--coklat-terang: #693e30;--coklat-tua: #42281f;--coklat-mati: #b7a097;--krem: #f6f6f6;--isian: #f3f4f6;--garis: #f4f5f3;--garis-tegas: #ebebeb;--teks: #5d5c62;--teks-tegas: #413f4c;--teks-redup: #717076;--ikon-tegas: #292d32;--ikon-redup: #737278;--ikon-pucat: #858489;--merah-galat: #f01b4a;--hijau-berhasil: #64b044;--biru-info: #5991f2;--biru-latar: #eaf2fd;--merah: #c0392b;--merah-tegas: #cc1f1b;--kuning-voucher: #ffd976;--langkah-latar: #dfdfe1;--langkah-ikon: #949496;--langkah-garis: #bdbdbd;--hijau-terang: #5bb796;--hijau-tua: #3f836a;--hijau: #73b03d;--kuning: #e2a900;--garis-isian: #dfdfe1;--bulat-langkah: #f1eceb;--pil-kuning: #fcf6e6;--pil-biru: #eef4fe;--pil-hijau: #eff6e9;--pil-merah: #fae9e8;--hijau-lencana: #5fa521;--hijau-tab: #397862;--garis-kotak: #bdbdbd;--pilih-latar: #eefad2;--radius: 8px;--tepi: 20px}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}html,body{margin:0;padding:0;background:var(--krem);color:var(--teks);font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}#root{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.halaman{padding:16px var(--tepi);padding-bottom:24px}.halaman-kaki-bawah{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;box-sizing:border-box;padding-bottom:0}.halaman-kaki-bawah>.kaki{margin-top:auto}.halaman-status{padding-bottom:0}.halaman-status>.kaki,.halaman-pesanan-saya>.kaki{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.judul-halaman{color:var(--coklat);font-size:16px;font-weight:700;margin:0 0 16px}h1.judul-halaman{font-size:14px}.kepala{display:flex;align-items:center;gap:10px;margin-bottom:16px}.kepala-bergaris{margin:-16px calc(-1 * var(--tepi)) 16px;padding:6px var(--tepi);border-bottom:1px solid var(--garis-tegas);box-sizing:border-box;min-height:57px}.kembali{background:none;border:0;color:var(--teks-tegas);cursor:pointer;padding:0;width:44px;height:44px;display:grid;place-items:center;margin-left:-10px}.baris-cabang{display:flex;align-items:flex-start;gap:12px;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--garis);padding:14px 0 16px}.ikon-baris{flex:0 0 auto;display:grid;place-items:center;color:var(--teks);padding-top:1px}.kartu{background:#fff;border:1px solid var(--garis-tegas);border-radius:var(--radius);padding:14px;margin-bottom:12px}.baris{display:flex;align-items:center;justify-content:space-between;gap:12px}.redup{color:var(--teks-redup);font-size:13px}.tebal{font-weight:700;color:var(--teks-tegas)}.bagian{padding:20px var(--tepi);margin-left:calc(-1 * var(--tepi));margin-right:calc(-1 * var(--tepi))}.baris-catatan{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:block;width:100%}.bagian-kartu-abu{margin-left:0;margin-right:0;background:#f7f7f8;border-radius:12px;padding:16px}.bagian-kartu-abu .pisah{border-top-style:dashed;border-top-color:var(--garis-kotak)}.bagian+.bagian{border-top:8px solid var(--krem)}.judul-bagian{font-size:15px;font-weight:700;margin:0 0 8px}.kepala-bergaris{border-bottom:1px solid var(--garis-tegas);margin-left:calc(-1 * var(--tepi));margin-right:calc(-1 * var(--tepi));padding:0 var(--tepi) 12px}.pisah{border:0;border-top:1px solid var(--garis);margin:12px 0}.tombol{display:block;width:100%;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--coklat);background:var(--coklat);color:#fff;font-size:14px;font-weight:400;line-height:19px;cursor:pointer;text-align:center;text-decoration:none}.tombol-gradien{border-color:var(--coklat-tua);background:linear-gradient(100deg,var(--coklat-terang) 0%,var(--coklat-tua) 100%)}.tombol-berikon{display:flex;align-items:center;justify-content:center;gap:8px}.tombol:disabled{background:var(--coklat-mati);border-color:var(--coklat-mati);color:#fff;cursor:not-allowed}.tombol-garis{background:#fff;border-color:var(--coklat);color:var(--coklat)}.tombol-besar{padding:12px 16px;font-size:16px;line-height:18px}.tombol-kecil{width:auto;padding:7px 16px;font-size:13px;border-radius:8px}.tombol-pil{border-radius:999px}.tautan-bahaya{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--merah-tegas);cursor:pointer}.bilah-keranjang-bawah{display:flex;align-items:center;gap:12px;margin:12px calc(-1 * var(--tepi)) -16px;padding-left:var(--tepi);border-top:1px solid var(--garis-tegas);position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));background:#fff;z-index:1}.bilah-keranjang-bawah .tebal{flex:1;text-align:right}.bilah-keranjang-bawah .bilah-aksi-tombol{flex:0 0 40%;padding:16px 12px}.bilah-keranjang{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;font:inherit;color:inherit;cursor:pointer;margin:-12px calc(-1 * var(--tepi)) calc(-12px - env(safe-area-inset-bottom));padding:12px var(--tepi) calc(12px + env(safe-area-inset-bottom));width:calc(100% + 2 * var(--tepi))}.bilah-keranjang-jumlah{color:var(--coklat);font-weight:700}.bilah-keranjang-panah{color:var(--teks);display:grid;place-items:center}.bilah-aksi{display:flex;align-items:stretch;margin:-12px calc(-1 * var(--tepi)) calc(-12px - env(safe-area-inset-bottom))}.bilah-aksi-kiri{flex:1;min-width:0;padding:6px 12px calc(6px + env(safe-area-inset-bottom)) var(--tepi)}.bilah-aksi-label{color:var(--coklat);font-size:13px;font-weight:700}.bilah-aksi-nominal{font-size:19px;font-weight:700;line-height:1.2}.bilah-aksi-tombol{flex:0 0 47%;border:0;border-radius:0;background:var(--coklat);color:#fff;font-family:inherit;font-size:14px;font-weight:400;cursor:pointer;padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.bilah-aksi-tombol:disabled{background:var(--coklat-mati);cursor:not-allowed}.bilah-bawah{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;background:#fff;border-top:1px solid var(--garis-tegas);padding:12px var(--tepi) calc(12px + env(safe-area-inset-bottom))}.tab-kategori{display:flex;overflow-x:auto;border-bottom:1px solid var(--garis);margin-bottom:8px;scrollbar-width:none}.tab-kategori::-webkit-scrollbar{display:none}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 16px;color:var(--teks-redup);font-size:14px;white-space:nowrap;cursor:pointer}.tab[aria-selected=true]{color:var(--hijau-tab);border-bottom-color:var(--hijau-tab);font-weight:600}.spanduk-bidang{width:calc(100% + 2 * var(--tepi));margin:-16px calc(-1 * var(--tepi)) 12px}.spanduk-rasio{position:relative;width:100%;padding-top:33.3333%;overflow:hidden;background:#f2f2f2}.spanduk{position:absolute;display:block;max-width:none}.item-menu{display:flex;align-items:flex-end;gap:12px;padding:14px 0}.item-menu+.item-menu{border-top:1px solid var(--garis)}.item-menu .ubin{width:72px;height:72px;align-self:flex-start}.ubin{width:64px;height:64px;border-radius:8px;flex:0 0 auto;object-fit:cover}.item-menu.habis{opacity:.45}.item-menu .isi{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.item-menu .nama{font-weight:700;font-size:16px}.isian{width:100%;font-family:inherit;padding:10px 14px;background:#fff;border:1px solid var(--garis-isian);border-radius:var(--radius);font-size:16px;color:var(--teks);margin-bottom:12px}textarea.isian{font-size:14px}.kolom-catatan{position:relative}.kolom-catatan .isian{padding-right:40px}textarea.isian{resize:none}.isian[readonly]{background:var(--krem);color:var(--teks-redup)}.hapus-catatan{position:absolute;top:8px;right:8px;background:none;border:0;padding:4px;color:var(--teks);cursor:pointer;display:grid;place-items:center}.isian[aria-invalid=true]{border-color:var(--merah)}.kolom-cari{position:relative;margin-bottom:12px}.kolom-cari .pencari{padding-left:40px;margin-bottom:0;background:var(--isian);border-color:transparent;font-size:14px;line-height:18px;padding-top:8px;padding-bottom:8px}.panah.panah-tegas{color:var(--ikon-tegas)}.tutup.tutup-redup{color:var(--ikon-redup)}.ikon-cari{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--teks);pointer-events:none}.lencana{display:inline-block;background:var(--pil-biru);color:var(--biru-info);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.lencana.tunggu{background:var(--pil-kuning);color:var(--kuning)}.lencana.siap{background:var(--pil-hijau);color:var(--hijau-lencana)}.lencana.batal{background:var(--pil-merah);color:var(--merah-tegas)}.nomor-antrian{font-size:34px;font-weight:700;letter-spacing:-1px;white-space:nowrap;flex-shrink:0}.baris-status-pesanan{flex-wrap:wrap;row-gap:8px}.baris-status-pesanan .lencana{flex:0 0 auto;max-width:100%}.struk{background:#fff;border:1px solid var(--garis-tegas);border-radius:var(--radius);padding:18px 16px;margin-bottom:12px}.struk-kepala{text-align:center;margin-bottom:18px}.logo-small{width:48px;height:48px}.logo-medium{width:72px;height:72px}.logo-large{width:99px;height:99px}.struk-logo{object-fit:cover;border-radius:12px;margin-bottom:10px}.struk-logo-ganti{display:grid;place-items:center;margin-inline:auto;background:var(--krem);border:1px solid var(--garis-tegas);color:var(--coklat);font-weight:700;font-size:22px;letter-spacing:1px}.struk-kaki{margin-top:14px;padding-top:12px;border-top:1px dashed var(--garis-tegas);text-align:center;font-size:13px;line-height:1.6}.struk-kasheer{margin-top:10px}.struk-kasheer .kaki{padding:0}.struk-bisnis{font-size:18px}.struk-antrian{text-align:center;margin-bottom:18px}.struk-antrian-angka{font-size:40px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}.struk-meta{font-size:13px;line-height:1.7}.struk-pisah{border:none;border-top:1px dashed var(--garis-tegas);margin:12px 0}.struk-baris-item{margin:10px 0}.struk-addon{margin-top:6px}.struk-komponen{align-items:baseline}.harga-dicoret{text-decoration:line-through;color:var(--teks-redup)}.harga-diskon{font-weight:700}.struk-rincian-diskon{padding-left:12px}.struk-nominal{flex:0 0 auto;white-space:nowrap}.struk-grup{margin-top:6px}.struk-pantau-label{color:var(--coklat);font-weight:600}.struk-pantau a{color:var(--coklat)}.struk-pantau{margin-top:14px;padding-top:12px;border-top:1px dashed var(--garis-tegas);text-align:center}.struk-tautan{display:block;word-break:break-all;margin-top:2px;font-size:12px}.struk-total{font-size:15px}.struk-catatan{display:block;margin-top:8px;font-size:12px;line-height:1.5}.kepala-struk{margin-bottom:12px}.struk-aksi{display:flex;gap:8px}.struk-aksi .tombol{flex:1;padding:10px 16px;font-size:12px;font-weight:700;line-height:18px}.struk-aksi .tombol-bagikan{flex:0 0 52px;width:52px;padding:0;display:grid;place-items:center}.sembul{position:fixed;top:12px;left:16px;right:16px;margin:0 auto;max-width:448px;z-index:60;background:#fff;border:1px solid var(--garis-tegas);border-radius:10px;padding:18px;box-shadow:0 4px 16px #00000014}.sembul-kepala{display:flex;align-items:center;gap:8px}.sembul-centang{flex:0 0 auto;display:grid;place-items:center;color:var(--hijau-lencana)}.sembul-seru{flex:0 0 auto;display:grid;place-items:center;color:var(--merah-galat)}.sembul-galat .sembul-judul{font-size:15px;font-weight:600}.sembul-judul{flex:1;font-size:17px;font-weight:700}.sembul-tutup{flex:0 0 auto;background:none;border:0;padding:0;width:40px;height:40px;margin:-10px -10px -10px 0;display:grid;place-items:center;color:var(--teks);cursor:pointer}.sembul-isi{margin:14px 0 0;font-size:14px}@media print{.cetak-sembunyi,.bilah-bawah,.ruang-bilah{display:none!important}.struk-pantau a{color:#000;text-decoration:none}.halaman{padding:0}body{background:#fff}.struk{border:1px solid var(--garis-tegas);border-radius:var(--radius);padding:18px 16px;margin:0}.struk-baris-item,.struk-addon,.struk-kepala,.struk-antrian,.struk-pantau,.struk-total,.struk-catatan{break-inside:avoid}.struk-kepala,.struk-grup{break-after:avoid}.struk>:last-child{margin-bottom:0}.struk,.struk *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.banner{border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;color:#fff;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.banner .tebal{color:inherit}.banner-ikon{flex:0 0 auto;display:grid;place-items:center;color:#fff;margin-top:2px}.banner-siap .banner-ikon{--knockout: var(--hijau-terang)}.banner-batal .banner-ikon{--knockout: var(--merah-tegas)}.banner-siap{background:linear-gradient(180deg,var(--hijau-terang) 0%,var(--hijau-tua) 100%)}.banner-batal{background:var(--merah-tegas)}.baris-pesanan{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.baris-pesanan-kepala{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:2px}.baris-pesanan-nomor{font-size:17px;font-weight:700;color:var(--coklat)}.baris-pesanan-nomor.redup{font-size:14px;font-weight:600;color:var(--teks-redup)}.pesanan-selesai .baris-pesanan-nomor{color:var(--teks-redup)}.pesanan-selesai .tebal{font-weight:600;color:var(--teks-redup)}.baris-pesanan-panah{color:var(--teks-redup);display:grid;place-items:center}.ujung-daftar{height:1px}.spanduk-tenang{border-style:dashed}.lain-pesanan{margin-top:6px;font-size:13px;color:var(--teks-redup)}.kartu-tunggu{border-left:3px solid var(--kuning)}.tel-toko{display:inline-block;margin-top:8px;color:var(--coklat);font-weight:700;text-decoration:none}.blok-estimasi{margin-bottom:16px}.jam-estimasi{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.kotak-peragaan{border:1px dashed #c9a227;background:#fffbeb}.kata-kunci{text-align:center}.kata-kunci-teks{font-size:30px;font-weight:700;letter-spacing:3px;color:var(--coklat);margin-top:4px;font-variant-numeric:tabular-nums}.langkah{display:flex;align-items:center;gap:0;margin:18px 0 22px}.bulat{width:40px;height:40px;border-radius:50%;background:var(--langkah-latar);display:grid;place-items:center;flex:0 0 auto;color:var(--langkah-ikon);--knockout: #fff}.bulat.aktif{background:linear-gradient(135deg,var(--coklat-terang) 0%,var(--coklat-tua) 100%);color:#fff;--knockout: var(--coklat-tua)}.langkah.batal .bulat.aktif{background:var(--merah-tegas);color:#fff;--knockout: var(--merah-tegas)}.penghubung{height:2px;flex:1;background:var(--langkah-garis)}.penghubung.aktif{background:linear-gradient(90deg,var(--coklat-terang) 0%,var(--coklat-tua) 100%)}.langkah.batal .penghubung.aktif{background:var(--langkah-garis)}.logo-qris{display:block;margin:0 auto 10px}.tautan-biru{display:block;margin:10px auto 0;background:none;border:0;padding:4px 8px;color:var(--biru-info);font:inherit;font-weight:600;cursor:pointer}.tautan-biru:disabled{color:var(--teks-redup);cursor:not-allowed}.qr-kotak{display:grid;place-items:center;padding:18px}.qr-kotak img{width:100%;max-width:260px;image-rendering:pixelated}.galat{background:#fdeceb;border:1px solid #f3c9c4;color:var(--merah);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;font-size:14px}.kosong{text-align:center;color:var(--teks-redup);padding:48px var(--tepi)}.kaki{display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--teks-redup);font-size:12px;padding:20px 0}.kaki-bilah{display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--teks-redup);font-size:12px;padding-top:10px}.logo-kasheer{height:13px;width:auto;display:block}.nama-cabang{font-size:24px;font-weight:700;color:var(--teks-tegas);margin:4px 0 0}.halaman-cabang .judul-cabang{font-size:14px;font-weight:600}.halaman-cabang .baris-alamat .redup,.halaman-cabang .langkah-pesan .redup{font-size:12px;color:var(--teks)}.halaman-cabang .langkah-pesan .tebal{font-size:12px;font-weight:600}.halaman-cabang .status-buka,.halaman-cabang .status-tutup{font-size:12px;font-weight:500}.pisah.putus{border-top-style:dashed}.status-buka{color:var(--hijau);font-size:13px;font-weight:600}.status-tutup{color:var(--merah);font-size:13px;font-weight:600}.langkah-pesan{list-style:none;margin:0 0 20px;padding:0}.langkah-pesan li{position:relative;padding:0 0 22px 52px}.langkah-ikon{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--bulat-langkah);color:#553328;display:grid;place-items:center}.langkah-pesan li:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--bulat-langkah)}.langkah-pesan li:last-child{padding-bottom:0}.langkah-pesan li:last-child:before{display:none}.tirai{position:fixed;inset:0;background:#0000004d;display:flex;align-items:flex-end;justify-content:center;z-index:50}.lembar{width:100%;max-width:480px;background:#fff;border-radius:16px 16px 0 0;padding:18px var(--tepi) calc(20px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}.kepala-lembar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 calc(-1 * var(--tepi)) 16px;padding:0 var(--tepi) 14px;border-bottom:1px solid var(--garis-tegas)}.kepala-lembar-abu{background:#f3f4f6;margin-top:-18px;padding-top:14px;border-bottom:0;border-radius:16px 16px 0 0}.kepala-lembar-abu .judul-halaman{color:#5d5c62}.tutup{background:none;border:1px solid var(--garis-tegas);border-radius:999px;color:var(--ikon-tegas);cursor:pointer;padding:0;width:28px;height:28px;flex:none;display:grid;place-items:center}.label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}.wajib{color:var(--merah)}.pesan-galat{color:var(--merah);font-size:13px;margin:-6px 0 4px}.tautan-tamu{display:block;width:100%;margin-top:12px;padding:12px;background:none;border:0;color:var(--coklat);font-size:14px;cursor:pointer}.tautan-tamu:disabled{color:var(--teks-redup);cursor:not-allowed}.kode-otp{text-align:center;font-size:26px;letter-spacing:10px;font-variant-numeric:tabular-nums;font-weight:600;padding-top:14px;padding-bottom:14px;text-indent:10px;background:#fff;border-color:var(--garis-tegas)}.kode-otp:focus{outline:none;border-color:var(--coklat-terang)}.kode-otp::placeholder{font-size:14px;font-weight:400;letter-spacing:normal;color:var(--teks-redup)}.panel-peragaan{border:2px dashed #b58900;background:#fffbeb;border-radius:var(--radius);padding:14px;margin-top:20px}.tombol-peragaan{display:flex;flex-wrap:wrap;gap:8px}.baris-alamat{display:flex;align-items:flex-start;gap:10px;margin-top:4px;padding:6px 0;text-decoration:none;color:inherit}.baris-alamat .redup{flex:1;overflow-wrap:anywhere}.panah{color:var(--teks);flex:0 0 auto;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lembar-tinggi{max-height:94vh}.kepala-barang{padding-bottom:12px;border-bottom:1px solid var(--garis);margin-bottom:4px}.lembar-kustom .judul-halaman{font-size:14px;font-weight:500;color:var(--teks-tegas)}.lembar-kustom .kepala-barang .tebal{font-size:16px;font-weight:600}.lembar-kustom .kepala-barang .redup{font-size:14px;font-weight:500;color:var(--teks)}.lembar-kustom .grup-pilihan>.baris .tebal{font-size:12px;font-weight:600}.lembar-kustom .grup-pilihan>.baris .redup{color:var(--teks)}.lembar-kustom .opsi-nama{font-size:14px;font-weight:700;color:var(--teks)}.lembar-kustom .opsi .redup{font-size:14px;font-weight:500;color:var(--teks)}.lembar-kustom .label-jumlah{font-size:14px;color:var(--teks)}.grup-pilihan{padding:14px var(--tepi);margin-left:calc(-1 * var(--tepi));margin-right:calc(-1 * var(--tepi))}.grup-pilihan+.grup-pilihan{border-top:8px solid var(--krem)}.opsi+.opsi{border-top:1px solid var(--garis)}.tombol-cacah{width:36px;height:36px;flex:0 0 auto;margin:-9px 0;display:grid;place-items:center;background:none;border:0;padding:0;color:var(--coklat);cursor:pointer}.tombol-cacah-kotak{position:relative;width:20px;height:20px;margin:-8px 0;border:1.5px solid var(--coklat);border-radius:6px;background:#fff}.tombol-cacah-kotak:after{content:"";position:absolute;inset:-8px}.jumlah-pencacah{font-weight:700;text-align:center}.jumlah-berkotak{min-width:34px;border:1px solid var(--garis-isian);border-radius:8px;padding:5px 0}.opsi{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.opsi.mati{opacity:.4;cursor:not-allowed}.kotak{width:16px;height:16px;flex:0 0 auto;border:1px solid var(--garis-kotak);border-radius:5px;background:#fff;display:inline-block;position:relative}.opsi-nama{flex:1;text-align:left;font-weight:700}.bulat-pilih{width:20px;height:20px;border-radius:50%}.kotak.aktif{border-color:var(--hijau-lencana);background:var(--pilih-latar)}.kotak.aktif:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--hijau-lencana);border-width:0 2px 2px 0;transform:rotate(45deg)}.bulat-pilih.aktif:after{left:5px;top:5px;width:8px;height:8px;border:0;border-radius:50%;background:var(--hijau-lencana);transform:none}.pencacah{display:flex;align-items:center;gap:14px}@keyframes naik-dari-bawah{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tirai-muncul{0%{opacity:0}to{opacity:1}}.tirai{animation:tirai-muncul .16s ease-out}.tirai,.tirai .lembar{overscroll-behavior:contain}.lembar{animation:naik-dari-bawah .26s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.tirai,.lembar{animation:none}}.kartu-baris{padding:12px;margin-bottom:10px}.rincian-baris .baris+.baris{margin-top:4px}.rincian-di-kartu+.rincian-di-kartu{margin-top:12px;padding-top:12px;border-top:1px solid var(--garis)}.baris-detail{display:flex;align-items:flex-start;gap:12px}.baris-ketuk{width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.detail-sebaris+.detail-sebaris{margin-top:4px}.panah-ubah{background:none;border:0;padding:0;width:44px;height:44px;margin:-10px -10px 0 0;flex:0 0 auto;display:grid;place-items:center;color:var(--ikon-tegas);cursor:pointer}.pensil-edit{display:inline-flex;align-items:center;margin:-6px 6px -6px 0;padding:6px;background:none;border:0;color:var(--biru-info);cursor:pointer;vertical-align:middle}.kepala-lipat{margin-bottom:10px}.panah-lipat{flex:0 0 auto;display:grid;place-items:center;color:var(--teks);transform:rotate(180deg);transition:transform .15s ease}.panah-lipat.terbuka{transform:rotate(0)}.kartu-pesanan{padding:12px;margin-bottom:10px}.pisah-rincian{border-top:1px solid var(--garis);margin:8px 0}.catatan-baris{margin-top:6px}.tombol-ikon{background:none;border:0;padding:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);cursor:pointer;color:inherit}.tombol-ikon.bahaya{color:var(--merah-tegas)}.tombol-ikon.bahaya.siaga{background:#fdecec}.baris-kosongkan{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.label-pesanan-baru{font-weight:700;font-size:15px;color:var(--coklat)}.tombol-hapus-semua{color:var(--merah-tegas)}.tirai-tengah{align-items:center;padding:20px;z-index:60}.dialog-hapus-semua{width:100%;max-width:372px;border-radius:12px;overflow:hidden;background:#fff}.kepala-hapus-semua{padding:16px 20px;background:#f3f4f6;color:var(--teks);font-size:16px;font-weight:700;line-height:24px}.isi-hapus-semua{display:flex;flex-direction:column;gap:16px;padding:16px 20px 20px}.isi-hapus-semua p{margin:0;color:var(--teks);font-size:16px;line-height:24px}.aksi-hapus-semua{display:flex;gap:16px}.aksi-hapus-semua .tombol{font-weight:500}.tombol-merah{background:var(--merah-galat);border-color:var(--merah-galat);color:#fff}.tautan-bahaya{background:none;border:0;padding:4px 0;font:inherit;color:var(--merah);cursor:pointer}.spanduk-aktif{display:flex;align-items:center;gap:12px}.spanduk-aktif.mendesak{border-color:var(--coklat);background:var(--krem)}.kepala-halaman{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kode-singkat{font-size:28px;letter-spacing:4px;margin:4px 0}.hitung-mundur{color:var(--kuning);font-weight:700}.baris-tab{display:flex;align-items:stretch;border-bottom:1px solid var(--garis);width:calc(100% + 2 * var(--tepi));margin:0 calc(-1 * var(--tepi)) 8px}.baris-tab .tab-kategori{flex:1;min-width:0;border-bottom:0;margin-bottom:0;padding-right:12px;scroll-padding-right:12px}.pembungkus-daftar-kategori{position:relative;display:flex;align-items:center;padding-right:16px;background:#fff;padding-left:14px;margin-left:4px}.pembungkus-daftar-kategori:before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:22px;background:linear-gradient(to right,#fff0,#fff);pointer-events:none}.tombol-daftar-kategori svg{transform:rotate(180deg);transition:transform .15s ease}.tombol-daftar-kategori[aria-expanded=true] svg{transform:none}.tombol-daftar-kategori{background:none;border:0;padding:0 4px;width:36px;height:40px;color:var(--ikon-pucat);cursor:pointer;display:grid;place-items:center}.tombol-daftar-kategori[aria-expanded=true]{color:var(--coklat)}.tirai-tembus{position:fixed;inset:0;background:none;border:0;padding:0;cursor:default;z-index:20}.daftar-kategori{position:absolute;top:calc(100% + 6px);right:0;z-index:21;min-width:220px;max-width:280px;max-height:264px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--garis-tegas);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;padding:6px}.butir-kategori{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;background:none;border:0;border-radius:6px;font:inherit;color:var(--teks);text-align:left;cursor:pointer}.butir-kategori.aktif{background:var(--krem);color:var(--coklat);font-weight:700}.nama-kategori{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opsi-metode{width:100%;margin-bottom:12px;border:1px solid var(--garis-tegas);border-radius:var(--radius);padding:16px 14px}.opsi-metode.aktif{border-color:var(--coklat)}.lembar-konfirmasi-bayar{display:flex;flex-direction:column;gap:24px;text-align:center;border-radius:12px 12px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.gambar-konfirmasi{display:block;width:141px;height:100px;margin:0 auto}.judul-konfirmasi{color:var(--teks-tegas);font-size:16px;font-weight:600;line-height:24px}.isi-konfirmasi{margin:4px 0 0;color:var(--teks);font-size:14px;line-height:21px}.aksi-konfirmasi{display:flex;gap:16px}.aksi-konfirmasi .tombol{font-weight:500}.langkah-bayar{margin:12px 0;padding-left:20px;color:var(--teks-redup);font-size:13px}.langkah-bayar li{margin-bottom:6px}.baris-voucher{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--garis-isian);border-radius:12px;padding:13px 14px;text-align:left;cursor:pointer;color:inherit;font:inherit}.ikon-voucher{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--kuning-voucher);color:var(--merah-tegas);--knockout: var(--kuning-voucher);display:flex;align-items:center;justify-content:center}.tombol-voucher{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--merah-tegas);color:#fff;display:flex;align-items:center;justify-content:center}.kepala-isian{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tautan-kecil{background:none;border:0;padding:0;color:var(--coklat);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}.kecil{font-size:13px}.kembali-lembar{background:none;border:0;padding:0;display:grid;place-items:center;color:var(--teks-tegas);cursor:pointer}.kotak-nomor{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f4f6;border-radius:var(--radius);padding:12px 14px;margin-bottom:4px;font-size:14px}.kotak-nomor .kecil{font-size:12px}.tautan-ubah,.tautan-kirim{background:none;border:0;padding:0;color:var(--coklat);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.tautan-kirim:disabled{color:var(--teks-redup);cursor:not-allowed}.label-baris{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.label-baris .redup{font-weight:400;font-size:13px}.kolom-pin{display:flex;align-items:center;gap:12px;margin-bottom:12px}.kotak-pin-wadah{position:relative;flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.kolom-pin-isian{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;cursor:text}.kotak-pin{height:48px;display:grid;place-items:center;border:1px solid var(--garis-isian);border-radius:var(--radius);background:#fff;font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.kotak-pin.aktif{border-color:var(--coklat-terang)}.kotak-pin.salah{border-color:var(--merah)}.mata-pin{background:none;border:0;padding:0;width:32px;height:32px;display:grid;place-items:center;color:var(--ikon-tegas);cursor:pointer}.kotak-berhasil{background:#eef7e6;border:1px solid #cfe6b8;border-radius:var(--radius);padding:12px 14px;color:var(--hijau-lencana);margin-bottom:12px}.kotak-berhasil{display:flex;align-items:flex-start;gap:10px}.kotak-berhasil-ikon{color:var(--hijau-berhasil);display:grid;place-items:center;margin-top:1px}.kotak-berhasil .kecil{color:var(--teks-redup);margin-top:2px}.ringkas-akun{display:grid;gap:10px;font-size:14px;background:#f3f4f6;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.ringkas-akun .baris>span:last-child{font-weight:600}.pemisah-lembar{border:0;border-top:1px solid var(--garis-tegas);margin:4px calc(-1 * var(--tepi)) 0}.kolom-pin+.pemisah-lembar{margin-top:20px}.keterangan-lembar{font-size:14px;margin:4px 0 8px}.label-baris .hitung-mundur{color:var(--teks-redup);font-size:13px;font-weight:400}.teks-hijau{color:var(--hijau-lencana);font-weight:600}.judul-bagian{font-size:14px}.bagian .baris{font-size:12px}.bagian .baris .redup{font-size:12px;color:var(--teks)}.detail-sebaris{font-size:12px;font-weight:600;color:var(--teks)}.detail-sebaris .redup{font-size:12px;font-weight:400;color:var(--teks)}.rincian-baris .tebal{font-size:14px;color:var(--teks)}.rincian-baris .baris.redup,.rincian-baris .catatan-baris{font-size:12px;color:var(--teks)}.rincian-baris .baris-diskon,.rincian-baris .baris-diskon .tebal{font-size:12px}.baris-detail .judul-tambah{font-size:12px;font-weight:600}.baris-detail .judul-tambah+.redup{font-size:12px;color:var(--teks)}.baris-voucher .tebal{font-size:14px}.bagian-kartu-abu{background:#fafafa;border:1px solid #e9ebe8;border-radius:8px;padding:14px 13px}.bagian+.bagian-kartu-abu{border-top:1px solid #e9ebe8;margin-top:-2px}.bagian-kartu-abu .judul-bagian{margin-bottom:12px}.bagian-kartu-abu .baris{line-height:18px}.bagian-kartu-abu .baris+.baris{margin-top:4px}.bagian-kartu-abu .pisah{border-top:1px dashed #dfdfe1;margin:8px 0}.tab,.tab[aria-selected=true]{font-size:12px;font-weight:500}.bilah-aksi-label{font-size:12px}.bilah-aksi-nominal{font-size:14px;color:var(--teks-tegas)}.bilah-keranjang-jumlah,.bilah-keranjang .tebal,.bilah-keranjang-bawah .tebal{font-size:14px}.baris-cabang .tebal{font-size:16px}.baris-cabang .redup{font-size:12px;color:var(--teks)}.item-menu .nama{font-weight:600;color:var(--teks-tegas)}.item-menu .isi>.redup{font-size:14px;font-weight:500;color:var(--teks)}.item-menu .tombol-kecil{font-size:12px;font-weight:500}.label-nominal-qris{font-size:14px;color:var(--teks-tegas)}.nominal-qris{font-size:14px;font-weight:700;color:var(--teks-tegas)}.tautan-biru{font-size:14px;font-weight:700}.judul-cara-bayar{font-size:14px}.kotak-nomor{font-weight:600;color:var(--teks-tegas)}.kotak-nomor .kecil{font-weight:600;color:var(--teks)}.tautan-ubah,.tautan-kirim{font-size:14px;font-weight:700}.keterangan-lembar{color:var(--ikon-redup)}.kepala-bergaris{margin-bottom:0}.kepala-bergaris+.bagian{padding-top:15px}.bagian-detail-pesanan .judul-bagian{margin-bottom:10px}.bagian-detail-pesanan .detail-sebaris+.detail-sebaris{margin-top:5px}.bagian-pesanan .judul-bagian{margin-bottom:11px}.bagian-pesanan>.pisah{border-top-color:#e9ebe8;margin:20px calc(-1 * var(--tepi)) 18px}.bagian-detail-pesanan{padding-bottom:15px}.kartu-baris,.kartu-pesanan{border-color:var(--garis-isian);padding:11px 12px 9px}.rincian-baris .baris+.baris{margin-top:1px}.pisah-rincian{border-top-color:var(--garis-isian);margin:5px 0 7px}.pensil-edit{margin:-6px 0 -6px -6px}.baris-detail .tombol-pil{align-self:center;padding:4px 20px;font-size:12px;font-weight:600;line-height:16px;margin-right:6px}.bagian+.bagian-info,.bagian+.bagian-metode{padding-top:16px}.bagian-info{padding-bottom:15px}.bagian-info .judul-bagian{margin-bottom:16px}.bagian-info .baris{line-height:18px}.bagian-info .baris+.baris{margin-top:9px}.bagian-metode .judul-bagian{font-size:16px;font-weight:600}.halaman-cabang .langkah-pesan .redup{margin-top:5px}.halaman-cabang .langkah-pesan li{padding-bottom:28px}.halaman-cabang .langkah-pesan li:last-child{padding-bottom:0}.halaman-cabang .baris-alamat .redup{line-height:20px}.lembar-kustom .grup-pilihan+.grup-pilihan{border-top:1px solid #e9ebe8}.lembar-kustom .grup-pilihan>.baris{margin-bottom:10px}.lembar-kustom .opsi{min-height:48px}.lembar-kustom.lembar-tinggi{height:60vh;height:60dvh;max-height:60vh;max-height:60dvh}.lembar-kustom{display:flex;flex-direction:column;overscroll-behavior:contain}.lembar-kustom>*{flex-shrink:0}.lembar-kustom{padding-top:0}.lembar-kustom .judul-kustom-tetap{position:sticky;top:0;z-index:2;background:#fff;margin:0 calc(-1 * var(--tepi));padding:10px var(--tepi) 8px;border-bottom:1px solid #e9ebe8}.lembar-kustom .judul-kustom-tetap .tutup{border:0}.lembar-kustom .kepala-barang{margin:0 calc(-1 * var(--tepi));padding:16px var(--tepi);border-bottom:8px solid var(--krem);align-items:stretch}.lembar-kustom .kepala-barang .ubin{width:80px;height:80px;flex:0 0 80px}.lembar-kustom .kepala-barang>div{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 4px}.lembar-kustom .kaki-lembar{margin:auto calc(-1 * var(--tepi)) 0;padding:0 var(--tepi);border-top:1px solid #e9ebe8}.lembar-kustom .opsi+.opsi{border-top-color:#e9ebe8}.bilah-aksi-kiri{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.baris-cabang{border-bottom:1px dashed #e9ebe8;padding:4px 0 11px}.baris-cabang .redup{margin-top:6px}.baris-cabang+.kolom-cari,.baris-cabang~.kolom-cari{margin-top:12px}.baris-cabang~.kolom-cari{margin-bottom:16px}.baris-tab-menu{border-top:8px solid var(--krem);border-bottom-color:#e9ebe8;margin-bottom:0}.kepala-menu-tetap{position:sticky;top:0;z-index:10;background:#fff;margin:-12px calc(-1 * var(--tepi)) 0;padding:calc(12px + env(safe-area-inset-top)) var(--tepi) 0}.item-menu{padding:20px 0}.item-menu+.item-menu{border-top-color:#e9ebe8}.item-menu .ubin{width:80px;height:80px}.item-menu .tombol-kecil{padding:4px 12px;line-height:16px}.baris-tab-menu .tab{padding-bottom:8px}.item-menu{gap:8px}.kepala-lembar-abu{padding-top:10px;padding-bottom:18px}.kepala-lembar.kepala-lembar-abu{margin-bottom:12px}.baris-kosongkan{margin-bottom:4px}.kartu-baris{padding-bottom:10px}.kartu-baris .baris-pencacah{margin-top:14px}.kartu-baris .pencacah{gap:2px}.kartu-baris .pencacah .tombol-cacah:first-child{margin-left:-7px}.kartu-baris .jumlah-berkotak{min-width:25px;height:24px;padding:0;line-height:22px;text-align:center}.kartu-baris .tombol-ikon.bahaya{margin:-8px -10px -8px 0}.panel-qris{text-align:center;padding:23px 0 20px}.panel-qris .logo-qris{display:block;margin:0 auto 17px}.panel-qris .label-nominal-qris{line-height:21px}.petunjuk-qris{font-size:14px;color:var(--teks-tegas);margin:4px 0 0}.panel-qris .qr-kotak{padding:12px 0 9px}.panel-qris .qr-kotak img{width:193px;max-width:193px}.panel-qris .redup{font-size:14px;color:var(--teks)}.panel-cara-bayar{border-top:8px solid var(--krem);margin:0 calc(-1 * var(--tepi));padding:10px var(--tepi) 16px}.tombol-hapus-semua{margin-right:-8px}.item-menu .tombol-kecil{border-radius:4px}.item-menu .tombol-garis.tombol-kecil{color:#000}.status-hari-ini{margin-top:10px;font-size:12px;font-weight:500;line-height:14px}.status-hari-ini.buka{color:#477d30}.status-hari-ini.tutup{color:#dc0e3c}button.baris-alamat{gap:4px;width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.halaman-info-outlet .nama-cabang{margin-top:16px;line-height:32px}.pisah-info{border:0;height:1px;margin:16px 0;background:repeating-linear-gradient(90deg,var(--garis-isian) 0 5px,transparent 5px 10px)}.judul-info{color:var(--teks-tegas);font-size:14px;font-weight:600;line-height:17px}.judul-jam{margin-top:16px}.alamat-info{display:flex;align-items:flex-start;gap:4px;margin:4px 0 0;color:var(--teks);font-size:12px;line-height:18px;text-decoration:none}.jam-operasional{list-style:none;margin:0;padding:0}.jam-operasional li{display:flex;padding:12px 0;border-bottom:1px solid #e9ebe8;color:var(--ikon-redup);font-size:12px;font-weight:500;line-height:14px}.jam-operasional li.hari-ini{color:var(--teks-tegas);font-weight:600}.jam-operasional .hari{flex:none;width:100px}.tombol-akhir{margin-top:16px}.halaman-gagal{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:8px}.gagal-isi{display:flex;flex-direction:column;align-items:center;text-align:center}.gagal-gambar{width:100px;height:100px;display:block}.gagal-judul{margin-top:16px;font-size:16px;font-weight:600;line-height:24px;color:var(--teks-tegas)}.gagal-keterangan{margin:4px 0 0;font-size:14px;line-height:21px;color:var(--teks-redup)}.halaman-gagal .bilah-bawah{border-top:0}.tombol-muat-ulang{font-size:12px;font-weight:600}.nama-cabang,.baris-cabang .tebal,.item-menu .nama{overflow-wrap:anywhere}
