.bench{--liner:#e8dfc1;--liner-edge:#d6caa2;--bench-muted:#5b626c;align-content:start;justify-items:center;gap:10px;display:grid}.dark .bench{--liner:#3b3627;--liner-edge:#4a4430;--bench-muted:#98a0aa}.bench .liner{border:1px solid var(--liner-edge);background:var(--liner);border-radius:3px;max-width:100%;padding:10px 10px 14px}.bench .ruler{border-bottom:1px solid var(--bench-muted);height:22px;color:var(--bench-muted);font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:11px;position:relative}.bench .tick{background:currentColor;width:1px;height:4px;position:absolute;bottom:0}.bench .tick.mid{height:7px}.bench .tick.major{height:11px}.bench .tick-label{line-height:1;position:absolute;bottom:11px;left:0;transform:translate(-50%)}.bench zpl-preview{width:100%;display:block}.bench zpl-preview::part(labels){gap:14px}.bench zpl-preview::part(label),.bench .label-image{background:#fff;border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001f}.bench zpl-preview::part(error){border-radius:6px;padding:12px}.bench .size{color:var(--bench-muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}