.code-compare{--cc-del:color-mix(in srgb, var(--danger) 9%, var(--sheet));--cc-del-strong:color-mix(in srgb, var(--danger) 22%, var(--sheet));--cc-add:color-mix(in srgb, var(--accent-soft) 70%, var(--sheet));--cc-add-strong:color-mix(in srgb, var(--accent) 22%, var(--sheet));gap:var(--space-3);display:grid}@media (min-width:64rem){.code-compare{gap:var(--space-4)}}.code-compare [hidden]{display:none}.code-compare__input,.code-compare__result{min-inline-size:0}.code-compare__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:12rem}@media (min-width:64rem){.code-compare__text{min-block-size:18rem;max-block-size:50vh}}.code-compare__file{cursor:pointer}.code-compare__file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.code-compare__toolbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5) 0;flex-wrap:wrap;align-items:center;display:flex}.code-compare__toolbar .segmented{flex-wrap:nowrap}.code-compare__summary{padding:var(--space-3) var(--space-5) 0;color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.code-compare__summary:empty{display:none}.code-compare__empty{place-content:center;justify-items:center;gap:var(--space-3);min-block-size:10rem;padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;display:grid}.code-compare__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.code-compare__diff{max-block-size:70vh;margin:var(--space-3) var(--space-5) var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--sheet);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-ligatures:none;line-height:1.6;overflow:auto}.code-compare__row{min-inline-size:max-content;display:grid}.code-compare__diff[data-view=split] .code-compare__row{grid-template-columns:3.25rem minmax(16rem,1fr) 3.25rem minmax(16rem,1fr)}.code-compare__diff[data-view=unified] .code-compare__row{grid-template-columns:3.25rem 3.25rem 1.5rem minmax(16rem,1fr)}.code-compare__num{padding-inline:var(--space-2);color:var(--ink-3);text-align:end;-webkit-user-select:none;user-select:none}.code-compare__sign{color:var(--ink-3);text-align:center;-webkit-user-select:none;user-select:none}.code-compare__row--del .code-compare__sign{color:var(--danger)}.code-compare__row--add .code-compare__sign{color:var(--accent)}.code-compare__code{padding-inline:var(--space-2) var(--space-4);white-space:pre}.code-compare__code--del{background:var(--cc-del)}.code-compare__code--add{background:var(--cc-add)}.code-compare__code--none{background:repeating-linear-gradient(-45deg, transparent 0 6px, var(--sheet-rule) 6px 7px)}.code-compare__code--del .code-compare__word{background:var(--cc-del-strong);border-radius:2px}.code-compare__code--add .code-compare__word{background:var(--cc-add-strong);border-radius:2px}.code-compare__expand{min-block-size:2.25rem;inline-size:100%;padding-inline:var(--space-4);border:0;border-block:1px solid var(--sheet-rule);background:var(--paper);color:var(--accent);font:inherit;font-family:var(--font-sans);text-align:start;cursor:pointer;font-weight:600;display:block}.code-compare__expand:hover{background:var(--hover)}