.holes.svelte-a6scrm{border-radius:var(--e-radius-card);background:var(--e-surface);min-inline-size:0;box-shadow:var(--e-shadow-1);transition:background-color var(--e-duration-theme) var(--e-ease-out);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.head.svelte-a6scrm{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.title.svelte-a6scrm{font-size:var(--e-text-title-sm);font-weight:var(--e-weight-semibold);line-height:var(--e-leading-snug)}.actions.svelte-a6scrm{color:var(--e-fg-muted);font-size:var(--e-text-label);flex:none;align-items:center;gap:8px;display:flex}.scroll.svelte-a6scrm{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}table.svelte-a6scrm{inline-size:100%;min-inline-size:calc(72px + var(--cols) * 34px);table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--e-text-caption)}.col-area.svelte-a6scrm{inline-size:88px}thead.svelte-a6scrm th:where(.svelte-a6scrm),.corner.svelte-a6scrm{vertical-align:bottom;background:var(--e-surface);border-block-end:1px solid var(--e-line);block-size:30px;padding:0 2px 4px}.corner.svelte-a6scrm{z-index:2;position:sticky;inset-inline-start:0}.srv.svelte-a6scrm{min-inline-size:0;color:var(--srv-c,var(--e-fg));font-weight:var(--e-weight-semibold);justify-content:center;align-items:center;gap:5px;display:flex}.av.svelte-a6scrm{background:var(--e-surface-sunken);block-size:18px;inline-size:18px;box-shadow:0 0 0 1px var(--e-line-strong);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.av[data-tinted].svelte-a6scrm{box-shadow:0 0 0 1.5px var(--srv-c)}.av.svelte-a6scrm img:where(.svelte-a6scrm){object-fit:cover;block-size:100%;inline-size:100%}.mono.svelte-a6scrm{font-size:10px;font-weight:var(--e-weight-bold);line-height:1}.srv-name.svelte-a6scrm{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.short.svelte-a6scrm{display:none}.area.svelte-a6scrm{z-index:1;background:var(--e-surface);block-size:30px;color:var(--e-fg);font-weight:var(--e-weight-semibold);text-align:start;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset -1px 0 0 var(--e-line);padding:0 8px 0 16px;position:sticky;inset-inline-start:0;overflow:hidden}.area.svelte-a6scrm span:where(.svelte-a6scrm){text-overflow:ellipsis;overflow:hidden}tbody.svelte-a6scrm tr:where(.svelte-a6scrm)+tr:where(.svelte-a6scrm) :is(th:where(.svelte-a6scrm),td:where(.svelte-a6scrm)){border-block-start:1px solid var(--e-line)}td.svelte-a6scrm{text-align:center;block-size:30px;padding:3px 4px;position:relative}tr.svelte-a6scrm>:where(.svelte-a6scrm):last-child{padding-inline-end:10px}tbody.svelte-a6scrm td:where(.svelte-a6scrm):not([data-on]):before{content:"";background:var(--e-line-strong);border-radius:50%;block-size:3px;inline-size:3px;margin:-1.5px 0 0 -1.5px;position:absolute;inset:50% auto auto 50%}tbody.svelte-a6scrm tr:where(.svelte-a6scrm):hover :is(td:where(.svelte-a6scrm),.area:where(.svelte-a6scrm)){background:var(--e-surface-2)}.cell.svelte-a6scrm{border-radius:var(--e-radius-chip);background:var(--e-live-tint);block-size:24px;box-shadow:inset 0 0 0 1px var(--e-live-line);color:var(--e-live);animation:svelte-a6scrm-ds-hole-in var(--e-duration-base) var(--e-ease-out);place-items:center;display:grid;position:relative}@keyframes svelte-a6scrm-ds-hole-in{0%{opacity:0;transform:scale(.9)}}.lv.svelte-a6scrm{font-size:var(--e-text-caption);font-weight:var(--e-weight-semibold);letter-spacing:-.02em;line-height:1}.lv.svelte-a6scrm small:where(.svelte-a6scrm),.key-cell.svelte-a6scrm small:where(.svelte-a6scrm){font-size:9px;font-weight:var(--e-weight-medium);opacity:.8;margin-inline-end:1px}.pip.svelte-a6scrm{background:var(--e-live-dot);border-radius:50%;block-size:7px;inline-size:7px}.count.svelte-a6scrm,.key-count.svelte-a6scrm{border-radius:var(--e-radius-pill);background:var(--e-live);block-size:14px;min-inline-size:14px;color:var(--e-fg-inverse);font-size:9.5px;font-weight:var(--e-weight-bold);place-items:center;padding-inline:3px;line-height:1;display:inline-grid}.count.svelte-a6scrm{box-shadow:0 0 0 1.5px var(--e-surface);position:absolute;top:-4px;right:-3px}.empty.svelte-a6scrm{color:var(--e-fg-muted);font-size:var(--e-text-label);text-align:center;padding:20px 16px 24px}.foot.svelte-a6scrm{color:var(--e-fg-muted);font-size:var(--e-text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin-block-start:auto;padding:8px 16px 12px;display:flex}.legend.svelte-a6scrm{flex-wrap:wrap;gap:2px 12px;display:flex}.legend.svelte-a6scrm li:where(.svelte-a6scrm){white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.key-cell.svelte-a6scrm{border-radius:var(--e-radius-tag);background:var(--e-live-tint);block-size:16px;inline-size:22px;box-shadow:inset 0 0 0 1px var(--e-live-line);color:var(--e-live);place-items:center;display:inline-grid}.key-lv.svelte-a6scrm{color:var(--e-live);font-size:10px;font-weight:var(--e-weight-semibold)}.stamp.svelte-a6scrm{font-variant-numeric:tabular-nums}@container (width>=560px){.col-area.svelte-a6scrm{inline-size:112px}}@container (width<=559px){.holes[data-dense].svelte-a6scrm .srv:where(.svelte-a6scrm){flex-direction:column;gap:2px}.holes[data-dense].svelte-a6scrm thead:where(.svelte-a6scrm) th:where(.svelte-a6scrm){block-size:34px}.holes[data-dense].svelte-a6scrm .srv-name:where(.svelte-a6scrm):not([data-short]){clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.holes[data-dense].svelte-a6scrm .srv-name[data-short]:where(.svelte-a6scrm) .full:where(.svelte-a6scrm){clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.holes[data-dense].svelte-a6scrm .srv-name[data-short]:where(.svelte-a6scrm) .short:where(.svelte-a6scrm){font-size:10px;display:inline}.col-area.svelte-a6scrm{inline-size:76px}.area.svelte-a6scrm{padding-inline-start:12px}.holes[data-dense].svelte-a6scrm .lv:where(.svelte-a6scrm) small:where(.svelte-a6scrm){display:none}.holes[data-dense].svelte-a6scrm td:where(.svelte-a6scrm){padding-inline:3px}}@container (width<=400px){.holes.svelte-a6scrm:not([data-dense]) .srv:where(.svelte-a6scrm){flex-direction:column;gap:2px}.holes.svelte-a6scrm:not([data-dense]) thead:where(.svelte-a6scrm) th:where(.svelte-a6scrm){block-size:40px}}