.di-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:700px){.di-boxes{grid-template-columns:minmax(0,1fr)}}.di-text{min-height:200px;font-family:var(--f-mono);white-space:pre;font-size:13px;overflow:auto}.di-out{font-family:var(--f-mono);max-height:70vh;padding:0;font-size:13px;overflow:auto}.di-row{white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:38px 38px 18px minmax(0,1fr);gap:0 6px;padding:1px 8px;display:grid}.di-row.add{background:var(--good-tint)}.di-row.del{background:var(--bad-tint)}.di-row.add mark{background:color-mix(in srgb,var(--good)35%,transparent);color:inherit}.di-row.del mark{background:color-mix(in srgb,var(--bad)35%,transparent);color:inherit}.di-n{color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none;padding-top:2px;font-size:11px}.di-sign{text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}.di-fold{color:var(--muted);background:var(--sunk);padding:4px 10px;font-size:12px}@media (max-width:900px),(pointer:coarse){.di-text{font-size:16px}}