.halaman.svelte-vp002s{min-height:100vh;display:grid;grid-template-columns:minmax(16rem,5fr) 7fr}aside.svelte-vp002s{background:var(--rambu);padding:2rem clamp(1.25rem,4vw,3.5rem);display:flex;flex-direction:column;gap:2rem;position:relative}aside.svelte-vp002s p:where(.svelte-vp002s){font:800 var(--skala-5)/1.05 var(--tampil);max-width:14ch;margin-top:auto}.jalan.svelte-vp002s{position:absolute;right:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(180deg,var(--aspal) 0 22px,transparent 22px 40px)}main.svelte-vp002s{padding:clamp(2rem,7vw,5rem) clamp(1.25rem,5vw,5rem);max-width:40rem;width:100%;display:grid;gap:1.5rem;align-content:start}h1.svelte-vp002s{font-size:var(--skala-6);font-weight:800}header.svelte-vp002s .bantu:where(.svelte-vp002s){margin-top:.4rem}.label.svelte-vp002s{font:700 .75rem var(--isi);letter-spacing:.07em;text-transform:uppercase;color:var(--senyap);margin-bottom:.55rem}.tiket-baris.svelte-vp002s{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.tiket.svelte-vp002s{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:.15rem;padding:.7rem .8rem;background:var(--kertas, #fbfbf6);border:2px solid var(--aspal);border-top:6px solid var(--rambu);box-shadow:3px 3px 0 var(--aspal);transition:transform .12s,box-shadow .12s,background .12s}.tiket.svelte-vp002s b:where(.svelte-vp002s){font:800 .95rem var(--tampil)}.tiket.svelte-vp002s span:where(.svelte-vp002s){font-size:.72rem;line-height:1.25;color:var(--senyap)}.tiket.svelte-vp002s:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--aspal)}.tiket.svelte-vp002s:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--aspal)}.tiket.svelte-vp002s:focus-visible{outline:3px solid var(--aspal);outline-offset:2px}.tiket.aktif.svelte-vp002s{background:var(--rambu)}.isian.svelte-vp002s{display:grid;gap:1.1rem}.kolom.svelte-vp002s{display:grid;gap:.4rem}.kolom.svelte-vp002s label:where(.svelte-vp002s){font:700 .8125rem var(--isi);letter-spacing:.04em;text-transform:uppercase}.kotak.svelte-vp002s{display:flex;align-items:center;gap:.6rem;padding:0 .4rem 0 .9rem;background:var(--kertas, #fbfbf6);border:2px solid var(--aspal);box-shadow:3px 3px 0 var(--aspal);transition:box-shadow .12s,background .12s}.kotak.svelte-vp002s:focus-within{background:#fffdf0;box-shadow:3px 3px 0 var(--rambu),0 0 0 3px var(--aspal)}.kotak.svelte-vp002s svg:where(.svelte-vp002s){width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:var(--aspal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kotak.svelte-vp002s input:where(.svelte-vp002s){flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;padding:.95rem 0;font-size:1.05rem}.mata.svelte-vp002s{all:unset;cursor:pointer;display:grid;place-items:center;padding:.6rem}.mata.svelte-vp002s:hover svg:where(.svelte-vp002s){stroke:var(--senyap)}.mata.svelte-vp002s:focus-visible{outline:3px solid var(--aspal)}.masuk.svelte-vp002s{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--rambu);border:2px solid var(--aspal);box-shadow:4px 4px 0 var(--aspal);font:800 1.1rem var(--tampil);transition:transform .12s,box-shadow .12s}.masuk.svelte-vp002s:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--aspal)}.masuk.svelte-vp002s:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--aspal)}.masuk.svelte-vp002s:focus-visible{outline:3px solid var(--aspal);outline-offset:3px}.masuk.svelte-vp002s:disabled{opacity:.6;cursor:progress}@media(max-width:760px){.halaman.svelte-vp002s{grid-template-columns:1fr}aside.svelte-vp002s{padding:1.1rem 1.25rem;gap:.9rem}aside.svelte-vp002s p:where(.svelte-vp002s){font-size:1.3rem;max-width:none;margin-top:0}.jalan.svelte-vp002s{display:none}.tiket-baris.svelte-vp002s{grid-template-columns:1fr}.tiket.svelte-vp002s{grid-template-columns:auto 1fr;align-items:baseline;gap:.2rem .8rem;border-top-width:2px;border-left:8px solid var(--rambu)}}
