@layer components{.ag-code{border:1px solid var(--border);background:var(--sidebar);border-radius:.75rem;overflow:hidden}.ag-code-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.375rem .5rem .375rem .875rem;display:flex}.ag-code-name{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);-webkit-user-select:none;user-select:none;font-size:.75rem}.ag-code-scroll{overflow-x:auto}.ag-code[data-compact]{align-items:center;gap:.5rem;width:fit-content;max-width:100%;display:flex}.ag-code[data-compact]>.ag-code-scroll{flex:auto;min-width:0}.ag-code pre{tab-size:2;background:0 0;margin:0;padding:1rem .875rem;font-size:.8125rem;line-height:1.65}.ag-code[data-compact] pre{padding-block:.75rem}.ag-code code{width:fit-content;min-width:100%;font-family:var(--font-mono,ui-monospace, monospace);display:block}.ag-code span{color:var(--shiki-light)}.dark .ag-code span{color:var(--shiki-dark)}.ag-code-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--foreground) 20%, transparent) transparent}.ag-code .line{border-left:2px solid #0000;width:100%;margin-inline:-.875rem;padding-inline:.875rem;display:inline-block}.ag-code .line.highlighted{background:color-mix(in oklab, var(--brand,var(--foreground)) 10%, transparent);border-left-color:color-mix(in oklab, var(--brand,var(--foreground)) 55%, transparent)}.ag-code .line.highlighted.error{background:color-mix(in oklab, var(--tone-bad) 12%, transparent);border-left-color:var(--tone-bad)}.ag-code .line.highlighted.warning{background:color-mix(in oklab, var(--tone-warn) 12%, transparent);border-left-color:var(--tone-warn)}.ag-code .line.diff{position:relative}.ag-code .line.diff:before{opacity:.7;position:absolute;left:.25rem}.ag-code .line.diff.add{background:color-mix(in oklab, var(--tone-ok) 14%, transparent);border-left-color:var(--tone-ok)}.ag-code .line.diff.add:before{content:"+";color:var(--tone-ok)}.ag-code .line.diff.remove{background:color-mix(in oklab, var(--tone-bad) 12%, transparent);border-left-color:var(--tone-bad);opacity:.65}.ag-code .line.diff.remove:before{content:"-";color:var(--tone-bad)}.ag-code:has(.focused) .line:not(.focused){filter:blur(2px);opacity:.5;transition:filter .2s,opacity .2s}.ag-code:has(.focused):hover .line:not(.focused){filter:none;opacity:1}.ag-code .highlighted-word{background:color-mix(in oklab, var(--brand,var(--foreground)) 14%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--brand,var(--foreground)) 30%, transparent);border-radius:.25rem;padding:.1em .25em}.ag-code-numbered code{counter-reset:ag-line}.ag-code-numbered .line{counter-increment:ag-line;padding-left:3rem}.ag-code-numbered .line:after{content:counter(ag-line);text-align:right;width:2.25rem;color:var(--muted-foreground);opacity:.5;-webkit-user-select:none;user-select:none;position:absolute;left:0}.ag-code-numbered .line{position:relative}.ag-code-numbered .line.diff:before{left:2.5rem}@media (prefers-reduced-motion:reduce){.ag-code:has(.focused) .line:not(.focused){transition:none}}}