.pin-wrap.svelte-1lz53f7{text-align:center;max-width:22rem;margin:0 auto;padding:1rem}h2.svelte-1lz53f7{color:var(--kelasia-biru-tua);margin:0 0 1rem}.titik.svelte-1lz53f7{display:flex;gap:1rem;justify-content:center;margin-bottom:.25rem}.titik.svelte-1lz53f7 span:where(.svelte-1lz53f7){width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--kelasia-biru)}.titik.svelte-1lz53f7 span.isi:where(.svelte-1lz53f7){background:var(--kelasia-biru)}.sr.svelte-1lz53f7{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pad.svelte-1lz53f7{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.pad.svelte-1lz53f7 button:where(.svelte-1lz53f7){min-height:64px;font-size:1.6rem;font-weight:800;border:none;border-radius:1rem;background:#e3f2fd;color:var(--kelasia-teks);cursor:pointer}.pad.svelte-1lz53f7 button:where(.svelte-1lz53f7):active{background:var(--kelasia-biru);color:#fff}.pad.svelte-1lz53f7 button.hapus:where(.svelte-1lz53f7){background:#f5f5f5;font-size:1.4rem}.batal.svelte-1lz53f7{margin-top:1rem;background:none;border:none;color:var(--kelasia-biru);font-weight:700;font-size:1rem;cursor:pointer}