.dl-sg-dd,.dl-sg-dd__fig,.dl-sg-dd__panel{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.dl-sg-dd__judul{font-size:.875em;line-height:1.4;font-weight:var(--fw-semibold);margin:0}.dl-sg-dd__kanvas{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);justify-content:center;padding:10px 4px 6px;display:flex;overflow:hidden}.dl-sg-dd__chart{flex:none;max-width:100%;position:relative}.dl-sg-dd__chart svg{max-width:100%;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;display:block}.dl-sg-dd__grid{stroke:var(--c-line);stroke-width:1px;shape-rendering:crispedges}.dl-sg-dd__sumbu{stroke:var(--c-text-2);stroke-width:1.5px}.dl-sg-dd__angka{fill:var(--c-text-2);font-size:11px;font-weight:600}.dl-sg-dd__nama{fill:var(--c-text-2);font-size:12px;font-weight:600}.dl-sg-dd__kat{fill:var(--c-text);font-size:13px;font-weight:600}.dl-sg-dd__nilai{fill:var(--c-text);paint-order:stroke;stroke:var(--c-surface);stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:700}.dl-sg-dd__bar,.dl-sg-dd__titik,.dl-sg-dd__dot{fill:var(--c-accent)}.dl-sg-dd__bar.is-diberikan,.dl-sg-dd__titik.is-diberikan{fill:var(--c-line-strong)}.dl-sg-dd__bar.is-benar,.dl-sg-dd__titik.is-benar,.dl-sg-dd__dot.is-benar{fill:var(--c-success)}.dl-sg-dd__bar.is-salah,.dl-sg-dd__titik.is-salah,.dl-sg-dd__dot.is-salah{fill:var(--c-danger)}.dl-sg-dd__bar.is-kosong,.dl-sg-dd__kosong{fill:var(--c-accent-subtle);stroke:var(--c-accent);stroke-dasharray:4 3}.dl-sg-dd__titik,.dl-sg-dd__dot{stroke:var(--c-surface);stroke-width:2px}.dl-sg-dd__pita{fill:var(--c-accent-subtle);opacity:.4}.dl-sg-dd__ruas{stroke:var(--c-accent);stroke-width:2px}.dl-sg-dd__kunci{fill:none;stroke:var(--c-success);stroke-width:2px;stroke-dasharray:5 4}.dl-sg-dd__hit{box-sizing:border-box;border-radius:var(--r-s);touch-action:pan-y;cursor:pointer;outline:none;position:absolute}.dl-sg-dd__hit.is-pilih{touch-action:none;cursor:ns-resize}.dl-sg-dd__hit:focus-visible{box-shadow:inset 0 0 0 2px var(--c-focus)}.dl-sg-dd__hit[aria-disabled=true]{cursor:default;touch-action:pan-y}.dl-sg-dd__leg{color:var(--c-text-2);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.75em;list-style:none;display:flex}.dl-sg-dd__leg li{align-items:center;gap:6px;display:flex}.dl-sg-dd__sw{box-sizing:border-box;background:var(--c-accent);border-radius:3px 3px 0 0;width:12px;height:14px}.dl-sg-dd__sw.is-diberikan{background:var(--c-line-strong)}.dl-sg-dd__sw.is-kunci{border:2px dashed var(--c-success);background:0 0}.dl-sg-dd__pik{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-direction:column;gap:2px;padding:8px;display:flex}.dl-sg-dd__pikleg{border-bottom:1px solid var(--c-line);font-size:.75em;font-weight:var(--fw-semibold);margin:0 0 6px;padding:0 6px 8px;line-height:1.5}.dl-sg-dd__pikrow{min-height:var(--target-min);border-radius:var(--r-s);cursor:pointer;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px;padding:2px 6px;display:grid}.dl-sg-dd__pikrow.is-pilih{background:var(--c-accent-subtle)}.dl-sg-dd__pikrow.is-benar{background:var(--c-success-subtle)}.dl-sg-dd__pikrow.is-salah{background:var(--c-danger-subtle)}.dl-sg-dd__pikrow:focus-visible{outline:2px solid var(--c-focus)}.dl-sg-dd__pikrow[aria-disabled=true]{cursor:default}.dl-sg-dd__piklabel{font-size:.875em;font-weight:var(--fw-semibold);overflow-wrap:anywhere;flex-direction:column;gap:2px;display:flex}.dl-sg-dd__piklabel small{color:var(--c-text-2);font-size:.75em}.dl-sg-dd__pikikon{min-width:0;display:flex}.dl-sg-dd__ikon{flex:1;min-width:0;max-width:34px;height:46px;position:relative}.dl-sg-dd__ikon svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dl-sg-dd__ikon-dasar{fill:var(--c-line)}.dl-sg-dd__ikon-isi{fill:var(--c-accent)}.dl-sg-dd__wajah{fill:none;stroke:var(--c-surface);stroke-width:1.5px;stroke-linecap:round}.dl-sg-dd.is-sederhana .dl-sg-dd__pikrow{min-height:var(--target-simple)}.dl-sg-dd.is-sederhana .dl-sg-dd__ikon{max-width:44px;height:var(--target-simple)}.is-diberikan .dl-sg-dd__ikon-isi{fill:var(--c-text-2)}.is-benar .dl-sg-dd__ikon-isi{fill:var(--c-success)}.is-salah .dl-sg-dd__ikon-isi{fill:var(--c-danger)}.dl-sg-dd__edit{gap:var(--sp-2);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-sunken);flex-direction:column;padding:10px 12px 12px;display:flex}.dl-sg-dd__edithead{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:.875em;display:flex}.dl-sg-dd__nav{flex:none;gap:6px;display:flex}.dl-sg-dd__step{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.dl-sg-dd__kotak{width:64px;padding:var(--sp-2) 6px;text-align:center;font-weight:var(--fw-semibold);flex:none}.dl-sg-dd__kotak::-webkit-inner-spin-button{appearance:none}.dl-sg-dd__kotak::-webkit-outer-spin-button{appearance:none}.dl-sg-dd__unit{color:var(--c-text-2);font-size:.75em}.dl-sg-dd__step.is-ringkas{flex-wrap:nowrap;gap:6px}.dl-sg-dd__step.is-ringkas .dl-sg-dd__kotak{width:56px}.dl-sg-dd__step.is-besar{justify-content:center}.dl-sg-dd__step.is-besar button{min-width:var(--target-simple);min-height:var(--target-simple)}.dl-sg-dd__jumlah{min-height:var(--target-simple);background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--r-m);place-items:center;width:72px;font-size:1.5em;display:grid}.dl-sg-dd__tabelwrap{border:1px solid var(--c-line);border-radius:var(--r-m);overflow-x:auto}.dl-sg-dd__tabel{border-collapse:collapse;width:100%;font-size:.875em}.dl-sg-dd__tabel th,.dl-sg-dd__tabel td{border-bottom:1px solid var(--c-line);text-align:left;vertical-align:middle;padding:6px 8px}.dl-sg-dd__tabel thead th{background:var(--c-sunken);color:var(--c-text-2);font-size:.875em}.dl-sg-dd__tabel small{color:var(--c-text-2);display:block}@container dlsg (width>=600px){.dl-sg-dd:not(.is-sederhana){align-items:start;gap:var(--sp-5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}}