359 lines
200 KiB
HTML
359 lines
200 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Improve Narrow Options Table Responsiveness</title>
|
|
<style>
|
|
:root {
|
|
color-scheme: dark;
|
|
--bg: #070a0f;
|
|
--panel: #101821;
|
|
--panel-2: #0c1219;
|
|
--border: rgba(230, 237, 244, 0.14);
|
|
--text: #e6edf4;
|
|
--muted: #9aa8b8;
|
|
--faint: #6f7d8d;
|
|
--accent: #f5a623;
|
|
--accent-soft: rgba(245, 166, 35, 0.12);
|
|
--green: #25c17a;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background:
|
|
radial-gradient(circle at 12% 0%, rgba(245, 166, 35, 0.11), transparent 34rem),
|
|
linear-gradient(180deg, #0b1118 0%, var(--bg) 100%);
|
|
color: var(--text);
|
|
font-family: "IBM Plex Sans", Inter, system-ui, sans-serif;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
main {
|
|
width: min(980px, calc(100% - 32px));
|
|
margin: 0 auto;
|
|
padding: 48px 0 64px;
|
|
}
|
|
|
|
header {
|
|
padding-bottom: 22px;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
margin: 0;
|
|
font-family: "IBM Plex Mono", ui-monospace, monospace;
|
|
line-height: 1.2;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
h1 {
|
|
max-width: 760px;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 34px;
|
|
font-size: 1rem;
|
|
color: var(--accent);
|
|
}
|
|
|
|
p {
|
|
max-width: 74ch;
|
|
margin: 12px 0 0;
|
|
color: var(--muted);
|
|
}
|
|
|
|
ul {
|
|
margin: 12px 0 0;
|
|
padding-left: 20px;
|
|
color: var(--muted);
|
|
}
|
|
|
|
li + li {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
code,
|
|
pre {
|
|
font-family: "IBM Plex Mono", ui-monospace, monospace;
|
|
}
|
|
|
|
code {
|
|
color: var(--text);
|
|
}
|
|
|
|
.diffs-ssr {
|
|
overflow: auto;
|
|
margin: 14px 0 0;
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
background: #0a0a0a;
|
|
}
|
|
|
|
.diffs-ssr svg[data-icon-sprite] {
|
|
display: none;
|
|
}
|
|
|
|
.diffs-ssr [data-diffs-header] {
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
pre {
|
|
overflow: auto;
|
|
margin: 14px 0 0;
|
|
padding: 16px;
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
background: var(--panel-2);
|
|
color: #dfe7ef;
|
|
font-size: 0.82rem;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.summary {
|
|
margin-top: 18px;
|
|
padding: 16px 18px;
|
|
border: 1px solid rgba(245, 166, 35, 0.28);
|
|
border-radius: 12px;
|
|
background: var(--accent-soft);
|
|
}
|
|
|
|
.meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.chip {
|
|
padding: 4px 8px;
|
|
border: 1px solid var(--border);
|
|
border-radius: 999px;
|
|
background: rgba(255, 255, 255, 0.04);
|
|
color: var(--muted);
|
|
font-family: "IBM Plex Mono", ui-monospace, monospace;
|
|
font-size: 0.74rem;
|
|
}
|
|
|
|
.ok {
|
|
color: var(--green);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>Improve Narrow Options Table Responsiveness</h1>
|
|
<p class="summary">
|
|
Adapted the Options route for narrow screens so dense tape tables stay inside bounded panes,
|
|
keep row identity visible while panning horizontally, and give the mobile ticker/filter controls
|
|
more room to breathe.
|
|
</p>
|
|
<div class="meta">
|
|
<span class="chip">Completed: 2026-05-29 18:34 EDT</span>
|
|
<span class="chip">Issue: islandflow-833</span>
|
|
<span class="chip">Surface: apps/web Options route</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>Summary</h2>
|
|
<p>
|
|
The Options tape now behaves like a contained terminal pane on phone-sized screens instead of
|
|
stretching down the page with the full virtual table height. The first table column remains pinned
|
|
during horizontal panning, and the mobile topbar spacing is less compressed around the ticker field.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Changes Made</h2>
|
|
<ul>
|
|
<li>Added bounded viewport-based heights for Options route panes at tablet and phone breakpoints.</li>
|
|
<li>Kept the first table column sticky on narrow screens so row context remains visible while panning.</li>
|
|
<li>Added a subtle right-edge affordance and touch scrolling refinements for horizontally wide tables.</li>
|
|
<li>Improved mobile topbar and page-action spacing around the Menu, Ticker, Contract Filter, and Filter controls.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Context</h2>
|
|
<p>
|
|
The Options route contains high-density virtualized market data. On desktop, panes have bounded heights
|
|
and table bodies scroll internally. At narrow breakpoints, the previous CSS changed those panes to
|
|
automatic height, which made the table read as an endless page rather than an isolated tape viewport.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Important Implementation Details</h2>
|
|
<ul>
|
|
<li>The fix stays CSS-only and preserves the existing virtualized row markup and row-height assumptions.</li>
|
|
<li>The pane heights use <code>svh</code> so mobile browser chrome is handled better than with classic viewport units.</li>
|
|
<li>The sticky first column is limited to the narrow-screen breakpoint where horizontal panning is expected.</li>
|
|
<li>No backend URL or private environment configuration was added to committed source.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Relevant Diff Snippets</h2>
|
|
<p>
|
|
Rendered with <code>@pierre/diffs/ssr</code> using <code>preloadPatchDiff</code> against the real
|
|
<code>apps/web/app/globals.css</code> patch. The SSR output is embedded directly below.
|
|
</p>
|
|
<div class="diffs-ssr" aria-label="Rendered diff for apps/web/app/globals.css">
|
|
<svg data-icon-sprite aria-hidden="true" width="0" height="0">
|
|
<symbol id="diffs-icon-arrow-right-short" viewBox="0 0 16 16">
|
|
<path d="M8.47 4.22a.75.75 0 0 0 0 1.06l1.97 1.97H3.75a.75.75 0 0 0 0 1.5h6.69l-1.97 1.97a.75.75 0 1 0 1.06 1.06l3.25-3.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-brand-github" viewBox="0 0 16 16">
|
|
<path d="M8 0c4.42 0 8 3.58 8 8a8.01 8.01 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27s-1.36.09-2 .27c-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-chevron" viewBox="0 0 16 16">
|
|
<path d="M1.47 4.47a.75.75 0 0 1 1.06 0L8 9.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-chevrons-narrow" viewBox="0 0 10 16">
|
|
<path d="M4.47 2.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1-1.06 1.06L5 3.81 2.28 6.53a.75.75 0 0 1-1.06-1.06zM1.22 9.47a.75.75 0 0 1 1.06 0L5 12.19l2.72-2.72a.75.75 0 0 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 0 1 0-1.06"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-diff-split" viewBox="0 0 16 16">
|
|
<path d="M14 0H8.5v16H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-1.5 6.5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0"/><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.5V0zm.5 7.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1" opacity=".3"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-diff-unified" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M16 14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5h16zm-8-4a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1A.5.5 0 0 0 8 10" clip-rule="evenodd"/><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v5.5H0V2a2 2 0 0 1 2-2zM6.5 3.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z" clip-rule="evenodd" opacity=".4"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-expand" viewBox="0 0 16 16">
|
|
<path d="M3.47 5.47a.75.75 0 0 1 1.06 0L8 8.94l3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-expand-all" viewBox="0 0 16 16">
|
|
<path d="M11.47 9.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L8 12.94zM7.526 1.418a.75.75 0 0 1 1.004.052l4 4a.75.75 0 1 1-1.06 1.06L8 3.06 4.53 6.53a.75.75 0 1 1-1.06-1.06l4-4z"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-file-code" viewBox="0 0 16 16">
|
|
<path d="M10.75 0c.199 0 .39.08.53.22l3.5 3.5c.14.14.22.331.22.53v9A2.75 2.75 0 0 1 12.25 16h-8.5A2.75 2.75 0 0 1 1 13.25V2.75A2.75 2.75 0 0 1 3.75 0zm-7 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25V5h-1.25A2.25 2.25 0 0 1 10 2.75V1.5z"/><path d="M7.248 6.19a.75.75 0 0 1 .063 1.058L5.753 9l1.558 1.752a.75.75 0 0 1-1.122.996l-2-2.25a.75.75 0 0 1 0-.996l2-2.25a.75.75 0 0 1 1.06-.063M8.69 7.248a.75.75 0 1 1 1.12-.996l2 2.25a.75.75 0 0 1 0 .996l-2 2.25a.75.75 0 1 1-1.12-.996L10.245 9z"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-plus" viewBox="0 0 16 16">
|
|
<path d="M8 3a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 8 3"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-added" viewBox="0 0 16 16">
|
|
<path d="M8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5A.75.75 0 0 1 8 4"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-deleted" viewBox="0 0 16 16">
|
|
<path d="M4 8a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 8"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-diffstat" viewBox="0 0 16 16">
|
|
<path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.75 4.296a.75.75 0 0 0-1.5 0V6.25h-2a.75.75 0 0 0 0 1.5h2v1.5h1.5v-1.5h2a.75.75 0 0 0 0-1.5h-2zM5.25 10a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5z"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-ignored" viewBox="0 0 16 16">
|
|
<path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m11.53-2.47a.75.75 0 0 0-1.06-1.06l-6 6a.75.75 0 1 0 1.06 1.06z"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-modified" viewBox="0 0 16 16">
|
|
<path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-moved" viewBox="0 0 16 16">
|
|
<path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.495 4.695a.75.75 0 0 0-.05 1.06L10.486 8l-2.041 2.246a.75.75 0 0 0 1.11 1.008l2.5-2.75a.75.75 0 0 0 0-1.008l-2.5-2.75a.75.75 0 0 0-1.06-.051m-4 0a.75.75 0 0 0-.05 1.06l2.044 2.248-1.796 1.995a.75.75 0 0 0 1.114 1.004l2.25-2.5a.75.75 0 0 0-.002-1.007l-2.5-2.75a.75.75 0 0 0-1.06-.05"/>
|
|
</symbol>
|
|
<symbol id="diffs-icon-symbol-ref" viewBox="0 0 16 16">
|
|
<path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706.286.286.71.54 1.41.73V1.86c-.7.19-1.124.444-1.41.73-.324.325-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8m4 6.397c.697.07 1.522.103 2.5.103 1.613 0 2.806-.088 3.704-.288.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5c-.978 0-1.803.033-2.5.103zM0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m7-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z"/>
|
|
</symbol>
|
|
</svg><style data-core-css="">@layer base, theme, rendered, unsafe;
|
|
@layer base,theme,rendered,unsafe;@layer base{:host{--diffs-font-fallback:"SF Mono", Monaco, Consolas, "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;--diffs-header-font-fallback:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--diffs-mixer:light-dark(#000,#fff);--diffs-gap-fallback:8px;--diffs-scrollbar-gutter-fallback:6px;--diffs-scrollbar-gutter:var(--diffs-scrollbar-gutter-override,var(--diffs-scrollbar-gutter-measured,var(--diffs-scrollbar-gutter-fallback)));--diffs-added-light:#0dbe4e;--diffs-added-dark:#5ecc71;--diffs-modified-light:#009fff;--diffs-modified-dark:#69b1ff;--diffs-deleted-light:#ff2e3f;--diffs-deleted-dark:#ff6762;color-scheme:light dark;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);font-feature-settings:var(--diffs-font-features);--diffs-bg:light-dark(var(--diffs-light-bg,#fff),var(--diffs-dark-bg,#000));--diffs-bg-buffer:var(--diffs-bg-buffer-override,light-dark(color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));--diffs-bg-context:var(--diffs-bg-context-override,light-dark(color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));--diffs-bg-context-gutter:var(--diffs-bg-context-gutter-override,light-dark(color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))));--diffs-bg-separator:var(--diffs-bg-separator-override,light-dark(color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));--diffs-fg:light-dark(var(--diffs-light,#000),var(--diffs-dark,#fff));--diffs-fg-number:var(--diffs-fg-number-override,light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));--diffs-fg-conflict-marker:var(--diffs-fg-conflict-marker-override,var(--diffs-fg-number));--diffs-deletion-base:var(--diffs-deletion-color-override,light-dark(var(--diffs-light-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-light))),var(--diffs-dark-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-dark)))));--diffs-addition-base:var(--diffs-addition-color-override,light-dark(var(--diffs-light-addition-color,var(--diffs-addition-color,var(--diffs-added-light))),var(--diffs-dark-addition-color,var(--diffs-addition-color,var(--diffs-added-dark)))));--diffs-modified-base:var(--diffs-modified-color-override,light-dark(var(--diffs-light-modified-color,var(--diffs-modified-color,var(--diffs-modified-light))),var(--diffs-dark-modified-color,var(--diffs-modified-color,var(--diffs-modified-dark)))));--diffs-bg-deletion:var(--diffs-bg-deletion-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))));--diffs-bg-deletion-emphasis:var(--diffs-bg-deletion-emphasis-override,light-dark(rgb(from var(--diffs-deletion-base) r g b / .15),rgb(from var(--diffs-deletion-base) r g b / .2)));--diffs-bg-addition:var(--diffs-bg-addition-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))));--diffs-bg-addition-emphasis:var(--diffs-bg-addition-emphasis-override,light-dark(rgb(from var(--diffs-addition-base) r g b / .15),rgb(from var(--diffs-addition-base) r g b / .2)));--diffs-selection-base:var(--diffs-modified-base);--diffs-selection-number-fg:light-dark(color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer)));background-color:var(--diffs-bg);color:var(--diffs-fg);display:block}pre,code,[data-error-wrapper]{isolation:isolate;font-family:var(--diffs-font-family,var(--diffs-font-fallback));outline:none;margin:0;padding:0;display:block}pre,code{background-color:var(--diffs-bg)}code{contain:content}*,:before,:after{box-sizing:border-box}[data-icon-sprite]{display:none}[data-diffs-header],[data-separator]{font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback))}[data-diffs-header][data-sticky]{z-index:1;background-color:var(--diffs-bg);position:sticky;top:0}[data-file-info]{color:var(--fg);background-color:color-mix(in lab, var(--bg) 98%, var(--fg));border-block:1px solid color-mix(in lab, var(--bg) 95%, var(--fg));padding:10px;font-weight:700}[data-diff],[data-file]{--diffs-grid-number-column-width:minmax(min-content, max-content);--diffs-code-grid:var(--diffs-grid-number-column-width) 1fr}[data-dehydrated]:is([data-diff],[data-file]){--diffs-code-grid:var(--diffs-grid-number-column-width) minmax(0, 1fr)}:is([data-diff],[data-file]):hover [data-code]::-webkit-scrollbar-thumb{background-color:var(--diffs-bg-context)}@supports (-webkit-touch-callout:none){:host{--diffs-scrollbar-gutter-fallback:0px}}[data-line] span{color:light-dark(var(--diffs-token-light,var(--diffs-light)),var(--diffs-token-dark,var(--diffs-dark)));background-color:light-dark(var(--diffs-token-light-bg,inherit),var(--diffs-token-dark-bg,inherit));font-weight:light-dark(var(--diffs-token-light-font-weight,inherit),var(--diffs-token-dark-font-weight,inherit));font-style:light-dark(var(--diffs-token-light-font-style,inherit),var(--diffs-token-dark-font-style,inherit));-webkit-text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit));text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit))}[data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);color:var(--diffs-fg);background-color:var(--diffs-line-bg,var(--diffs-bg))}@media (pointer:fine){:is([data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]):where([data-hovered]){--diffs-computed-hovered-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-selected-line-bg) 97%, var(--diffs-bg-hover-override,var(--diffs-mixer))),color-mix(in lab, var(--diffs-computed-selected-line-bg) 91%, var(--diffs-bg-hover-override,var(--diffs-mixer))));--diffs-line-bg:var(--diffs-computed-hovered-line-bg,inherit)}}[data-decoration-bg]:is([data-line],[data-no-newline]){--mix-deco-light:92%;--mix-deco-dark:85%}[data-decoration-bg][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]){--mix-deco-light:88%;--mix-deco-dark:80%}[data-decoration-bg][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]){--mix-deco-light:85%;--mix-deco-dark:78%}@media (pointer:fine){[data-decoration-bg][data-hovered]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:85%;--mix-deco-dark:85%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:83%;--mix-deco-dark:83%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:81%;--mix-deco-dark:81%}}[data-decoration-bg]:is([data-line],[data-no-newline]){--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) var(--mix-deco-light), var(--diffs-decoration-bg)),color-mix(in lab, var(--diffs-bg) var(--mix-deco-dark), var(--diffs-decoration-bg)));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-line-annotation],[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context);--diffs-computed-decoration-bg:var(--diffs-annotation-bg);--diffs-computed-diff-line-bg:var(--diffs-annotation-bg);--diffs-computed-selected-line-bg:var(--diffs-annotation-bg);--diffs-line-bg:var(--diffs-annotation-bg)}[data-merge-conflict-actions],[data-gutter-buffer=merge-conflict-action],[data-gutter-buffer=merge-conflict-marker-base],[data-gutter-buffer=merge-conflict-marker-separator],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator]{--diffs-computed-decoration-bg:var(--diffs-bg-context);--diffs-computed-diff-line-bg:var(--diffs-bg-context);--diffs-computed-selected-line-bg:var(--diffs-bg-context);--diffs-line-bg:var(--diffs-bg-context)}[data-gutter-buffer=merge-conflict-marker-start],[data-merge-conflict=marker-start]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-gutter-buffer=merge-conflict-marker-end],[data-merge-conflict=marker-end]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-has-merge-conflict] [data-line-annotation],[data-has-merge-conflict] [data-gutter-buffer=annotation]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);--diffs-line-bg:var(--diffs-bg)}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number]{--mix-light:91%;--mix-dark:85%}:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--mix-light:88%;--mix-dark:80%}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--diffs-diff-line-mix-target:var(--diffs-bg)}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-deletion-override,var(--diffs-deletion-base))}@media (pointer:fine){[data-line-type=change-deletion][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:75%}}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-deletion-override,var(--diffs-deletion-base));--diffs-diff-line-mix-target:var(--diffs-bg-deletion-number-override,var(--diffs-deletion-base))}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-addition-override,var(--diffs-addition-base))}@media (pointer:fine){[data-line-type=change-addition][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--diffs-bg-addition-number-override,var(--diffs-addition-base))}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-current-override,var(--diffs-addition-base))}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--conflict-bg-current-number-override,var(--diffs-addition-base))}@media (pointer:fine){[data-merge-conflict=current][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-incoming-override,var(--diffs-modified-base))}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-modified-base);--diffs-diff-line-mix-target:var(--conflict-bg-incoming-number-override,var(--diffs-modified-base))}@media (pointer:fine){[data-merge-conflict=incoming][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]{--diffs-selection-mix-target:var(--diffs-bg-selection-override,var(--diffs-selection-base))}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--mix-selection-light:82%;--mix-selection-dark:75%}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:75%;--mix-selection-dark:70%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]){--mix-selection-light:75%;--mix-selection-dark:60%;--diffs-selection-mix-target:var(--diffs-bg-selection-number-override,var(--diffs-selection-base))}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:70%;--mix-selection-dark:55%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--diffs-computed-selected-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-light), var(--diffs-selection-mix-target)),color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-dark), var(--diffs-selection-mix-target)));--diffs-line-bg:var(--diffs-computed-selected-line-bg,inherit)}[data-selected-line]:is([data-gutter-buffer],[data-column-number]){color:var(--diffs-selection-number-fg)}[data-no-newline]{-webkit-user-select:none;user-select:none}[data-no-newline] span{opacity:.6}[data-diff-type=split][data-overflow=scroll]{grid-template-columns:1fr 1fr;display:grid}[data-diff-type=split][data-overflow=scroll] [data-additions]{border-left:1px solid var(--diffs-bg)}[data-diff-type=split][data-overflow=scroll] [data-deletions]{border-right:1px solid var(--diffs-bg)}[data-code]{grid-auto-flow:dense;grid-template-columns:var(--diffs-code-grid);overflow:var(--diffs-overflow-override,scroll) clip;overscroll-behavior-x:none;tab-size:var(--diffs-tab-size,2);padding-top:var(--diffs-gap-block,var(--diffs-gap-fallback));padding-bottom:max(0px, calc(var(--diffs-gap-block,var(--diffs-gap-fallback)) - var(--diffs-scrollbar-gutter)));scrollbar-gutter:stable;align-self:flex-start;display:grid}[data-diffs-scrollbar-measure]{opacity:0;pointer-events:none;scrollbar-gutter:auto;grid-template-columns:none;width:100px;height:100px;padding:0;position:absolute;top:-200px;left:-200px}[data-container-size]{container-type:inline-size}[data-code]::-webkit-scrollbar{width:0;height:var(--diffs-scrollbar-gutter)}[data-code]::-webkit-scrollbar-track{background:0 0}[data-code]::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:1px solid #0000;border-radius:3px}[data-code]::-webkit-scrollbar-corner{background-color:#0000}@supports ((-moz-appearance:none)){[data-code]{scrollbar-width:thin;scrollbar-color:var(--diffs-bg-context) transparent;padding-bottom:var(--diffs-gap-block,var(--diffs-gap-fallback))}}:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]) [data-code],[data-overflow=wrap]:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]){padding-top:0}[data-gutter]{grid-template-rows:subgrid;grid-template-columns:subgrid;z-index:3;background-color:var(--diffs-bg);grid-column:1;display:grid;position:relative}[data-gutter] [data-gutter-buffer],[data-gutter] [data-column-number]{border-right:var(--diffs-gap-style,2px solid var(--diffs-bg))}[data-content]{grid-template-rows:subgrid;grid-template-columns:subgrid;background-color:var(--diffs-bg);grid-column:2;min-width:0;display:grid}[data-diff-type=split][data-overflow=wrap]{grid-auto-flow:dense;grid-template-columns:repeat(2, var(--diffs-code-grid));padding-block:var(--diffs-gap-block,var(--diffs-gap-fallback));display:grid}[data-diff-type=split][data-overflow=wrap] [data-deletions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-gutter]{grid-column:1}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-content]{border-right:1px solid var(--diffs-bg);grid-column:2}[data-diff-type=split][data-overflow=wrap] [data-additions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-gutter]{border-left:1px solid var(--diffs-bg);grid-column:3}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-content]{grid-column:4}[data-overflow=scroll] [data-gutter]{position:sticky;left:0}[data-interactive-lines] [data-line]{cursor:pointer}[data-interactive-line-numbers] [data-column-number]{cursor:pointer;touch-action:none}[data-content-buffer],[data-gutter-buffer]{-webkit-user-select:none;user-select:none;min-height:1lh;position:relative}[data-gutter-buffer]{padding-left:2ch;padding-right:1ch}[data-gutter-buffer]:before{content:"";min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));display:block}[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context-gutter);min-height:0}[data-gutter-buffer=buffer]{--diffs-line-bg:var(--diffs-bg-context-gutter)}[data-content-buffer]{background-position:5px 0;background-size:8px 8px;background-origin:border-box;background-image:repeating-linear-gradient(-45deg, transparent, transparent 4.242px, var(--diffs-bg-buffer) 4.242px, var(--diffs-bg-buffer) 5.656px);grid-column:1}[data-separator]{box-sizing:content-box;background-color:var(--diffs-bg)}[data-separator=simple]{min-height:4px}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata],[data-separator=simple]{background-color:var(--diffs-bg-separator)}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata]{height:32px;position:relative}[data-separator-wrapper]{-webkit-user-select:none;user-select:none;fill:currentColor;background-color:var(--diffs-bg);align-items:center;height:100%;display:flex;position:absolute;inset-inline:0}[data-content] [data-separator-wrapper]{display:none}[data-separator=metadata] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;color:var(--diffs-fg-number);white-space:nowrap;text-overflow:ellipsis;min-width:min-content;padding-inline:1ch;inset-inline:100% auto;overflow:hidden}[data-separator=line-info]{margin-block:var(--diffs-gap-block,var(--diffs-gap-fallback))}[data-separator=line-info] [data-separator-wrapper]{min-width:16px}[data-separator=line-info-basic],[data-separator=metadata]{margin-block:0}[data-separator=line-info][data-separator-first]{margin-top:0}[data-separator=line-info][data-separator-last]{margin-bottom:0}[data-expand-index] [data-separator-wrapper]{grid-template-columns:32px auto;display:grid}[data-expand-index] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:32px 32px auto}[data-expand-button],[data-separator-content]{background-color:var(--diffs-bg-separator);flex:none;align-items:center;display:flex}[data-expand-index] [data-separator-content]:hover{cursor:pointer;text-decoration:underline}[data-expand-button]{cursor:pointer;min-width:32px;color:var(--diffs-fg-number);border-right:2px solid var(--diffs-bg);flex-shrink:0;justify-content:center;align-self:stretch}[data-expand-button]:hover{color:var(--diffs-fg)}[data-expand-button][data-expand-all-button]{display:none}[data-expand-down] [data-icon]{transform:scaleY(-1)}[data-separator-content]{height:100%;color:var(--diffs-fg-number);flex:auto;justify-content:flex-start;padding:0 1ch;overflow:hidden}:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-content]{-webkit-user-select:none;user-select:none;height:100%;overflow:clip}[data-unmodified-lines]{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;display:block;overflow:hidden}@supports (width:1cqi){[data-unified] [data-separator=line-info] [data-separator-wrapper]{padding-inline:var(--diffs-gap-inline,var(--diffs-gap-fallback));width:100cqi}:is([data-unified] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content]{border-radius:6px}[data-unified] [data-separator=line-info][data-expand-index] [data-separator-wrapper] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-gutter] [data-separator=line-info] [data-separator-wrapper]{padding-left:var(--diffs-gap-inline,var(--diffs-gap-fallback))}[data-gutter] [data-separator=line-info] [data-separator-content]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-gutter] [data-separator=line-info][data-expand-index] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-additions] [data-content] [data-separator=line-info]{background-color:var(--diffs-bg)}:is([data-additions] [data-content] [data-separator=line-info]) [data-separator-wrapper]{display:none}[data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);border-top-right-radius:6px;border-bottom-right-radius:6px;height:100%;display:block}:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}[data-overflow=scroll] [data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{width:calc(100cqi - var(--diffs-gap-inline,var(--diffs-gap-fallback)))}[data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;margin-right:var(--diffs-gap-inline,var(--diffs-gap-fallback));border-top-right-radius:6px;border-bottom-right-radius:6px;display:block}:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}@media (pointer:fine){[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:unset}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:6px;border-top-left-radius:unset}}}@media (pointer:coarse){[data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px 34px auto}:is([data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]) [data-separator-content]{grid-column:unset;grid-row:unset}@supports (width:1cqi){:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up],[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:unset;border-top-left-radius:unset}}}@media (pointer:fine){[data-separator-wrapper][data-separator-multi-button]{grid-template-rows:50% 50%;display:grid}[data-separator-wrapper][data-separator-multi-button] [data-separator-content]{grid-area:1/2/-1;min-width:min-content}[data-separator-wrapper][data-separator-multi-button] [data-expand-button]{grid-column:1}[data-separator=line-info] [data-separator-wrapper],[data-separator=line-info] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px auto}[data-separator=line-info-basic][data-expand-index] [data-separator-wrapper]{grid-template-columns:100% auto}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-up]{border-bottom:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-down]{border-top:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}}[data-additions] [data-gutter] [data-separator-wrapper],[data-additions] [data-separator=line-info-basic] [data-separator-wrapper],[data-content] [data-separator-wrapper]{display:none}[data-line-annotation]{min-height:var(--diffs-annotation-min-height,0);z-index:2}[data-merge-conflict-actions]{z-index:2}[data-separator=custom]{grid-template-columns:subgrid;display:grid}[data-line],[data-column-number],[data-no-newline]{padding-inline:1ch;position:relative}[data-indicators=classic] [data-line]{padding-inline-start:2ch}:is([data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion]),[data-line]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion])):before{-webkit-user-select:none;user-select:none;width:1ch;height:1lh;display:inline-block;position:absolute;top:0;left:0}:is([data-line]:is([data-indicators=classic] [data-line-type=change-addition]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition])):before{content:"+";color:var(--diffs-addition-base)}:is([data-line]:is([data-indicators=classic] [data-line-type=change-deletion]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-deletion])):before{content:"-";color:var(--diffs-deletion-base)}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion],[data-indicators=bars] [data-line-type=change-addition]):before{content:"";-webkit-user-select:none;user-select:none;contain:strict;width:4px;height:100%;display:block;position:absolute;top:0;left:0}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion]):before{background-image:linear-gradient(0deg, var(--diffs-bg-deletion) 50%, var(--diffs-deletion-base) 50%);background-repeat:repeat;background-size:2px 2px;background-size:calc(1lh/round(1lh / 2px)) calc(1lh/round(1lh / 2px))}[data-column-number]:is([data-indicators=bars] [data-line-type=change-addition]):before{background-color:var(--diffs-addition-base)}[data-overflow=wrap] [data-line],[data-overflow=wrap] [data-annotation-content]{white-space:pre-wrap;word-break:break-word}[data-overflow=scroll] [data-line]{white-space:pre;min-height:1lh}[data-column-number]{box-sizing:content-box;text-align:right;-webkit-user-select:none;user-select:none;color:var(--diffs-fg-number);padding-left:2ch}[data-line-number-content]{min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));z-index:1;display:inline-block;position:relative}[data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]{min-width:4px;padding:0}:is([data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]):before{min-width:0}[data-disable-line-numbers] [data-line-number-content]{display:none}[data-disable-line-numbers] [data-gutter-utility-slot]{right:unset;justify-content:flex-start;left:0}[data-disable-line-numbers][data-indicators=bars] [data-gutter-utility-slot]{left:6px}[data-file][data-disable-line-numbers] [data-gutter-buffer],[data-file][data-disable-line-numbers] [data-column-number]{border-right:0;min-width:0}[data-diff-span]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px}[data-line-type=change-addition] [data-diff-span]{background-color:var(--diffs-bg-addition-emphasis)}[data-line-type=change-deletion] [data-diff-span]{background-color:var(--diffs-bg-deletion-emphasis)}[data-merge-conflict=marker-start],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator],[data-merge-conflict=marker-end]{color:var(--diffs-fg);padding-left:1ch}[data-merge-conflict=marker-start],[data-merge-conflict=marker-end]{align-items:center;display:flex}:is([data-merge-conflict=marker-start],[data-merge-conflict=marker-end]):after{color:var(--diffs-fg-conflict-marker);font-size:.75rem;font-style:normal;line-height:1.25rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));padding-left:1ch}[data-merge-conflict=marker-start]:after{content:"(Current Change)"}[data-merge-conflict=marker-end]:after{content:"(Incoming Change)"}[data-merge-conflict-actions-content]{min-height:1.75rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));color:var(--diffs-fg);align-items:center;gap:.25rem;padding-inline:.5rem;font-size:.75rem;line-height:1.2;display:flex}[data-merge-conflict-action]{appearance:none;color:var(--diffs-fg-number);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:normal}[data-merge-conflict-action]:hover{color:var(--diffs-fg)}[data-merge-conflict-action=current]:hover{color:var(--diffs-addition-base)}[data-merge-conflict-action=incoming]:hover{color:var(--diffs-modified-base)}[data-merge-conflict-action-separator]{color:var(--diffs-fg-number);opacity:.6;-webkit-user-select:none;user-select:none}[data-diffs-header=default]{background-color:var(--diffs-bg);justify-content:space-between;align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));min-height:calc(1lh + var(--diffs-gap-block,var(--diffs-gap-fallback))*3);z-index:2;flex-direction:row;padding-inline:16px;display:flex;position:relative;top:0}[data-header-content]{align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));white-space:nowrap;flex-direction:row;min-width:0;display:flex}[data-header-content] [data-prev-name],[data-header-content] [data-title]{text-overflow:ellipsis;white-space:nowrap;direction:rtl;min-width:0;overflow:hidden}[data-prev-name]{opacity:.7}[data-rename-icon]{fill:currentColor;flex-grow:0;flex-shrink:0}[data-diffs-header=default] [data-metadata]{white-space:nowrap;align-items:center;gap:1ch;display:flex}[data-diffs-header=default] [data-additions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-addition-base)}[data-diffs-header=default] [data-deletions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-deletion-base)}[data-change-icon]{fill:currentColor;flex-shrink:0}[data-change-icon=change],[data-change-icon=rename-pure],[data-change-icon=rename-changed]{color:var(--diffs-modified-base)}[data-change-icon=new]{color:var(--diffs-addition-base)}[data-change-icon=deleted]{color:var(--diffs-deletion-base)}[data-change-icon=file]{opacity:.6}[data-annotation-content]{z-index:2;isolation:isolate;align-self:flex-start;min-width:0;display:flow-root;position:relative}[data-overflow=scroll] [data-annotation-content],[data-overflow=scroll] [data-merge-conflict-actions-content]{width:var(--diffs-column-content-width,auto);left:var(--diffs-column-number-width,0);position:sticky}[data-annotation-slot]{text-wrap-mode:wrap;word-break:normal;white-space-collapse:collapse}[data-gutter-utility-slot]{touch-action:none;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;right:0}[data-utility-button]{appearance:none;cursor:pointer;width:1lh;height:1lh;font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);background-color:var(--diffs-modified-base);color:var(--diffs-bg);fill:currentColor;z-index:4;touch-action:none;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:calc(1ch - 1lh);padding:0;display:flex;position:relative}[data-utility-button]:before{content:"";display:block;position:absolute;inset:0 0 0 -4px}[data-decoration-bar-stack]{pointer-events:none;isolation:isolate;z-index:1;background-color:var(--diffs-decoration-bar-color,transparent);box-sizing:content-box;border-left:2px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg);width:6px;position:absolute;top:0;bottom:0;right:-2px}[data-decoration-bar-depth="1"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 20%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="2"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 45%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="3"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 65%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-start] [data-decoration-bar-stack]{border-top-left-radius:5px;border-top-right-radius:5px}[data-decoration-bar-end] [data-decoration-bar-stack]{z-index:3;border-bottom-right-radius:5px;border-bottom-left-radius:5px}[data-placeholder]{contain:strict}[data-error-wrapper]{padding:var(--diffs-gap-block,var(--diffs-gap-fallback)) var(--diffs-gap-inline,var(--diffs-gap-fallback));scrollbar-width:none;max-height:400px;overflow:auto}[data-error-wrapper] [data-error-message]{color:var(--diffs-deletion-base);font-size:18px;font-weight:700}[data-error-wrapper] [data-error-stack]{color:var(--diffs-fg-number)}}@layer theme,rendered,unsafe;
|
|
@layer theme {
|
|
|
|
}</style><style data-theme-css="">@layer base, theme, rendered, unsafe;
|
|
@layer rendered {
|
|
:host {
|
|
color-scheme: dark;
|
|
--diffs-scrollbar-gutter-measured: var(--diffs-scrollbar-gutter-fallback);
|
|
--diffs-dark:#fafafa;--diffs-dark-bg:#0a0a0a;--diffs-dark-addition-color:#07c480;--diffs-dark-deletion-color:#ff2e3f;--diffs-dark-modified-color:#009fff;--diffs-light:#0a0a0a;--diffs-light-bg:#ffffff;--diffs-light-addition-color:#18a46c;--diffs-light-deletion-color:#d52c36;--diffs-light-modified-color:#009fff;
|
|
}
|
|
}</style><div data-diffs-header="default" data-change-type="change"><div data-header-content=""><slot name="header-prefix"></slot><svg width="16" height="16" viewBox="0 0 16 16" data-change-icon="change"><use href="#diffs-icon-symbol-modified"></use></svg><div data-title=""><bdi>apps/web/app/globals.css</bdi></div></div><div data-metadata=""><span data-deletions-count="">-9</span><span data-additions-count="">+109</span><slot name="header-metadata"></slot></div></div><pre data-diff="" data-diff-type="split" data-overflow="scroll" data-background="" data-indicators="bars" tabindex="0" style="--diffs-min-number-column-width-default:4ch;" data-dehydrated=""><code data-code="" data-deletions=""><div data-gutter="" style="grid-row: span 201"><div data-separator="simple" data-separator-first=""></div><div data-line-type="context" data-column-number="1469" data-line-index="1468,1468"><span data-line-number-content="">1469</span></div><div data-line-type="context" data-column-number="1470" data-line-index="1469,1469"><span data-line-number-content="">1470</span></div><div data-line-type="context" data-column-number="1471" data-line-index="1470,1470"><span data-line-number-content="">1471</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="1472" data-line-index="1472,1472"><span data-line-number-content="">1472</span></div><div data-line-type="context" data-column-number="1473" data-line-index="1473,1473"><span data-line-number-content="">1473</span></div><div data-line-type="context" data-column-number="1474" data-line-index="1474,1474"><span data-line-number-content="">1474</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2489" data-line-index="2489,2489"><span data-line-number-content="">2489</span></div><div data-line-type="context" data-column-number="2490" data-line-index="2490,2490"><span data-line-number-content="">2490</span></div><div data-line-type="context" data-column-number="2491" data-line-index="2491,2491"><span data-line-number-content="">2491</span></div><div data-gutter-buffer="buffer" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh);"></div><div data-line-type="context" data-column-number="2492" data-line-index="2496,2496"><span data-line-number-content="">2492</span></div><div data-line-type="context" data-column-number="2493" data-line-index="2497,2497"><span data-line-number-content="">2493</span></div><div data-line-type="context" data-column-number="2494" data-line-index="2498,2498"><span data-line-number-content="">2494</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2563" data-line-index="2567,2567"><span data-line-number-content="">2563</span></div><div data-line-type="context" data-column-number="2564" data-line-index="2568,2568"><span data-line-number-content="">2564</span></div><div data-line-type="context" data-column-number="2565" data-line-index="2569,2569"><span data-line-number-content="">2565</span></div><div data-line-type="change-deletion" data-column-number="2566" data-line-index="2570,2570"><span data-line-number-content="">2566</span></div><div data-line-type="context" data-column-number="2567" data-line-index="2572,2571"><span data-line-number-content="">2567</span></div><div data-line-type="context" data-column-number="2568" data-line-index="2573,2572"><span data-line-number-content="">2568</span></div><div data-line-type="context" data-column-number="2569" data-line-index="2574,2573"><span data-line-number-content="">2569</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2615" data-line-index="2620,2619"><span data-line-number-content="">2615</span></div><div data-line-type="context" data-column-number="2616" data-line-index="2621,2620"><span data-line-number-content="">2616</span></div><div data-line-type="context" data-column-number="2617" data-line-index="2622,2621"><span data-line-number-content="">2617</span></div><div data-line-type="change-deletion" data-column-number="2618" data-line-index="2623,2622"><span data-line-number-content="">2618</span></div><div data-gutter-buffer="buffer" data-buffer-size="5" style="grid-row: span 5;min-height:calc(5 * 1lh);"></div><div data-line-type="context" data-column-number="2619" data-line-index="2630,2628"><span data-line-number-content="">2619</span></div><div data-line-type="context" data-column-number="2620" data-line-index="2631,2629"><span data-line-number-content="">2620</span></div><div data-line-type="context" data-column-number="2621" data-line-index="2632,2630"><span data-line-number-content="">2621</span></div><div data-line-type="change-deletion" data-column-number="2622" data-line-index="2633,2631"><span data-line-number-content="">2622</span></div><div data-gutter-buffer="buffer" data-buffer-size="3" style="grid-row: span 3;min-height:calc(3 * 1lh);"></div><div data-line-type="context" data-column-number="2623" data-line-index="2638,2635"><span data-line-number-content="">2623</span></div><div data-line-type="context" data-column-number="2624" data-line-index="2639,2636"><span data-line-number-content="">2624</span></div><div data-line-type="context" data-column-number="2625" data-line-index="2640,2637"><span data-line-number-content="">2625</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2638" data-line-index="2653,2650"><span data-line-number-content="">2638</span></div><div data-line-type="context" data-column-number="2639" data-line-index="2654,2651"><span data-line-number-content="">2639</span></div><div data-line-type="context" data-column-number="2640" data-line-index="2655,2652"><span data-line-number-content="">2640</span></div><div data-line-type="change-deletion" data-column-number="2641" data-line-index="2656,2653"><span data-line-number-content="">2641</span></div><div data-line-type="context" data-column-number="2642" data-line-index="2658,2654"><span data-line-number-content="">2642</span></div><div data-line-type="context" data-column-number="2643" data-line-index="2659,2655"><span data-line-number-content="">2643</span></div><div data-line-type="context" data-column-number="2644" data-line-index="2660,2656"><span data-line-number-content="">2644</span></div><div data-line-type="change-deletion" data-column-number="2645" data-line-index="2661,2657"><span data-line-number-content="">2645</span></div><div data-gutter-buffer="buffer" data-buffer-size="3" style="grid-row: span 3;min-height:calc(3 * 1lh);"></div><div data-line-type="context" data-column-number="2646" data-line-index="2666,2661"><span data-line-number-content="">2646</span></div><div data-line-type="change-deletion" data-column-number="2647" data-line-index="2667,2662"><span data-line-number-content="">2647</span></div><div data-line-type="change-deletion" data-column-number="2648" data-line-index="2668,2663"><span data-line-number-content="">2648</span></div><div data-gutter-buffer="buffer" data-buffer-size="12" style="grid-row: span 12;min-height:calc(12 * 1lh);"></div><div data-line-type="context" data-column-number="2649" data-line-index="2683,2676"><span data-line-number-content="">2649</span></div><div data-line-type="context" data-column-number="2650" data-line-index="2684,2677"><span data-line-number-content="">2650</span></div><div data-line-type="context" data-column-number="2651" data-line-index="2685,2678"><span data-line-number-content="">2651</span></div><div data-line-type="change-deletion" data-column-number="2652" data-line-index="2686,2679"><span data-line-number-content="">2652</span></div><div data-line-type="context" data-column-number="2653" data-line-index="2688,2680"><span data-line-number-content="">2653</span></div><div data-line-type="context" data-column-number="2654" data-line-index="2689,2681"><span data-line-number-content="">2654</span></div><div data-line-type="context" data-column-number="2655" data-line-index="2690,2682"><span data-line-number-content="">2655</span></div><div data-line-type="context" data-column-number="2656" data-line-index="2691,2683"><span data-line-number-content="">2656</span></div><div data-line-type="change-deletion" data-column-number="2657" data-line-index="2692,2684"><span data-line-number-content="">2657</span></div><div data-line-type="context" data-column-number="2658" data-line-index="2693,2685"><span data-line-number-content="">2658</span></div><div data-line-type="context" data-column-number="2659" data-line-index="2694,2686"><span data-line-number-content="">2659</span></div><div data-line-type="context" data-column-number="2660" data-line-index="2695,2687"><span data-line-number-content="">2660</span></div><div data-line-type="context" data-column-number="2661" data-line-index="2696,2688"><span data-line-number-content="">2661</span></div><div data-line-type="context" data-column-number="2662" data-line-index="2697,2689"><span data-line-number-content="">2662</span></div><div data-line-type="context" data-column-number="2663" data-line-index="2698,2690"><span data-line-number-content="">2663</span></div><div data-gutter-buffer="buffer" data-buffer-size="5" style="grid-row: span 5;min-height:calc(5 * 1lh);"></div><div data-line-type="context" data-column-number="2664" data-line-index="2704,2696"><span data-line-number-content="">2664</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="2665" data-line-index="2706,2698"><span data-line-number-content="">2665</span></div><div data-line-type="context" data-column-number="2666" data-line-index="2707,2699"><span data-line-number-content="">2666</span></div><div data-line-type="context" data-column-number="2667" data-line-index="2708,2700"><span data-line-number-content="">2667</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2685" data-line-index="2726,2718"><span data-line-number-content="">2685</span></div><div data-line-type="context" data-column-number="2686" data-line-index="2727,2719"><span data-line-number-content="">2686</span></div><div data-line-type="context" data-column-number="2687" data-line-index="2728,2720"><span data-line-number-content="">2687</span></div><div data-gutter-buffer="buffer" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh);"></div><div data-line-type="context" data-column-number="2688" data-line-index="2733,2725"><span data-line-number-content="">2688</span></div><div data-line-type="context" data-column-number="2689" data-line-index="2734,2726"><span data-line-number-content="">2689</span></div><div data-line-type="context" data-column-number="2690" data-line-index="2735,2727"><span data-line-number-content="">2690</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2716" data-line-index="2761,2753"><span data-line-number-content="">2716</span></div><div data-line-type="context" data-column-number="2717" data-line-index="2762,2754"><span data-line-number-content="">2717</span></div><div data-line-type="context" data-column-number="2718" data-line-index="2763,2755"><span data-line-number-content="">2718</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="2719" data-line-index="2765,2757"><span data-line-number-content="">2719</span></div><div data-line-type="context" data-column-number="2720" data-line-index="2766,2758"><span data-line-number-content="">2720</span></div><div data-line-type="context" data-column-number="2721" data-line-index="2767,2759"><span data-line-number-content="">2721</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2753" data-line-index="2799,2791"><span data-line-number-content="">2753</span></div><div data-line-type="context" data-column-number="2754" data-line-index="2800,2792"><span data-line-number-content="">2754</span></div><div data-line-type="context" data-column-number="2755" data-line-index="2801,2793"><span data-line-number-content="">2755</span></div><div data-gutter-buffer="buffer" data-buffer-size="13" style="grid-row: span 13;min-height:calc(13 * 1lh);"></div><div data-line-type="context" data-column-number="2756" data-line-index="2815,2807"><span data-line-number-content="">2756</span></div><div data-line-type="context" data-column-number="2757" data-line-index="2816,2808"><span data-line-number-content="">2757</span></div><div data-line-type="context" data-column-number="2758" data-line-index="2817,2809"><span data-line-number-content="">2758</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2770" data-line-index="2829,2821"><span data-line-number-content="">2770</span></div><div data-line-type="context" data-column-number="2771" data-line-index="2830,2822"><span data-line-number-content="">2771</span></div><div data-line-type="context" data-column-number="2772" data-line-index="2831,2823"><span data-line-number-content="">2772</span></div><div data-gutter-buffer="buffer" data-buffer-size="33" style="grid-row: span 33;min-height:calc(33 * 1lh);"></div><div data-line-type="context" data-column-number="2773" data-line-index="2865,2857"><span data-line-number-content="">2773</span></div><div data-line-type="context" data-column-number="2774" data-line-index="2866,2858"><span data-line-number-content="">2774</span></div><div data-line-type="context" data-column-number="2775" data-line-index="2867,2859"><span data-line-number-content="">2775</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2832" data-line-index="2924,2916"><span data-line-number-content="">2832</span></div><div data-line-type="context" data-column-number="2833" data-line-index="2925,2917"><span data-line-number-content="">2833</span></div><div data-line-type="context" data-column-number="2834" data-line-index="2926,2918"><span data-line-number-content="">2834</span></div><div data-gutter-buffer="buffer" data-buffer-size="16" style="grid-row: span 16;min-height:calc(16 * 1lh);"></div><div data-line-type="context" data-column-number="2835" data-line-index="2943,2935"><span data-line-number-content="">2835</span></div><div data-line-type="context" data-column-number="2836" data-line-index="2944,2936"><span data-line-number-content="">2836</span></div><div data-line-type="context" data-column-number="2837" data-line-index="2945,2937"><span data-line-number-content="">2837</span></div></div><div data-content="" style="grid-row: span 201"><div data-separator="simple" data-separator-first=""></div><div data-line="1469" data-alt-line="1469" data-line-type="context" data-line-index="1468,1468"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span></div><div data-line="1470" data-alt-line="1470" data-line-type="context" data-line-index="1469,1469">
|
|
</div><div data-line="1471" data-alt-line="1471" data-line-type="context" data-line-index="1470,1470"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="1472" data-alt-line="1473" data-line-type="context" data-line-index="1472,1472"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="1473" data-alt-line="1474" data-line-type="context" data-line-index="1473,1473"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="1474" data-alt-line="1475" data-line-type="context" data-line-index="1474,1474"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2489" data-alt-line="2490" data-line-type="context" data-line-index="2489,2489"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> min-height</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 0;</span></div><div data-line="2490" data-alt-line="2491" data-line-type="context" data-line-index="2490,2490"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2491" data-alt-line="2492" data-line-type="context" data-line-index="2491,2491">
|
|
</div><div data-content-buffer="" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh)"></div><div data-line="2492" data-alt-line="2497" data-line-type="context" data-line-index="2496,2496"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-deck-grid</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2493" data-alt-line="2498" data-line-type="context" data-line-index="2497,2497"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-columns</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2494" data-alt-line="2499" data-line-type="context" data-line-index="2498,2498"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-areas</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-separator="simple"></div><div data-line="2563" data-alt-line="2568" data-line-type="context" data-line-index="2567,2567"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> }</span></div><div data-line="2564" data-alt-line="2569" data-line-type="context" data-line-index="2568,2568">
|
|
</div><div data-line="2565" data-alt-line="2570" data-line-type="context" data-line-index="2569,2569"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2566" data-line-type="change-deletion" data-line-index="2570,2570"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">16</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 22</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2567" data-alt-line="2572" data-line-type="context" data-line-index="2572,2571"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2568" data-alt-line="2573" data-line-type="context" data-line-index="2573,2572">
|
|
</div><div data-line="2569" data-alt-line="2574" data-line-type="context" data-line-index="2574,2573"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-shell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2615" data-alt-line="2620" data-line-type="context" data-line-index="2620,2619"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> position: sticky;</span></div><div data-line="2616" data-alt-line="2621" data-line-type="context" data-line-index="2621,2620"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> top: 0;</span></div><div data-line="2617" data-alt-line="2622" data-line-type="context" data-line-index="2622,2621"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> z-index</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 30;</span></div><div data-line="2618" data-line-type="change-deletion" data-line-index="2623,2622"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">padding</span></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: </span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">12px 10px</span></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">;</span></div><div data-content-buffer="" data-buffer-size="5" style="grid-row: span 5;min-height:calc(5 * 1lh)"></div><div data-line="2619" data-alt-line="2629" data-line-type="context" data-line-index="2630,2628"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2620" data-alt-line="2630" data-line-type="context" data-line-index="2631,2629">
|
|
</div><div data-line="2621" data-alt-line="2631" data-line-type="context" data-line-index="2632,2630"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-leading</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2622" data-line-type="change-deletion" data-line-index="2633,2631"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-content-buffer="" data-buffer-size="3" style="grid-row: span 3;min-height:calc(3 * 1lh)"></div><div data-line="2623" data-alt-line="2636" data-line-type="context" data-line-index="2638,2635"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2624" data-alt-line="2637" data-line-type="context" data-line-index="2639,2636">
|
|
</div><div data-line="2625" data-alt-line="2638" data-line-type="context" data-line-index="2640,2637"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-separator="simple"></div><div data-line="2638" data-alt-line="2651" data-line-type="context" data-line-index="2653,2650"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2639" data-alt-line="2652" data-line-type="context" data-line-index="2654,2651"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2640" data-alt-line="2653" data-line-type="context" data-line-index="2655,2652"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2641" data-line-type="change-deletion" data-line-index="2656,2653"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2642" data-alt-line="2655" data-line-type="context" data-line-index="2658,2654"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2643" data-alt-line="2656" data-line-type="context" data-line-index="2659,2655"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2644" data-alt-line="2657" data-line-type="context" data-line-index="2660,2656">
|
|
</div><div data-line="2645" data-line-type="change-deletion" data-line-index="2661,2657"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-actions</span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></span></div><div data-content-buffer="" data-buffer-size="3" style="grid-row: span 3;min-height:calc(3 * 1lh)"></div><div data-line="2646" data-alt-line="2662" data-line-type="context" data-line-index="2666,2661"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2647" data-line-type="change-deletion" data-line-index="2667,2662"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">flex-direction</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">column</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2648" data-line-type="change-deletion" data-line-index="2668,2663"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">align-items</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">stretch</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-content-buffer="" data-buffer-size="12" style="grid-row: span 12;min-height:calc(12 * 1lh)"></div><div data-line="2649" data-alt-line="2677" data-line-type="context" data-line-index="2683,2676"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2650" data-alt-line="2678" data-line-type="context" data-line-index="2684,2677">
|
|
</div><div data-line="2651" data-alt-line="2679" data-line-type="context" data-line-index="2685,2678"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-menu-trigger</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2652" data-line-type="change-deletion" data-line-index="2686,2679"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2653" data-alt-line="2681" data-line-type="context" data-line-index="2688,2680"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2654" data-alt-line="2682" data-line-type="context" data-line-index="2689,2681"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2655" data-alt-line="2683" data-line-type="context" data-line-index="2690,2682">
|
|
</div><div data-line="2656" data-alt-line="2684" data-line-type="context" data-line-index="2691,2683"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2657" data-line-type="change-deletion" data-line-index="2692,2684"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2658" data-alt-line="2685" data-line-type="context" data-line-index="2693,2685"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-leading</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2659" data-alt-line="2686" data-line-type="context" data-line-index="2694,2686"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2660" data-alt-line="2687" data-line-type="context" data-line-index="2695,2687"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">flow-filter-popover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2661" data-alt-line="2688" data-line-type="context" data-line-index="2696,2688"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2662" data-alt-line="2689" data-line-type="context" data-line-index="2697,2689"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2663" data-alt-line="2690" data-line-type="context" data-line-index="2698,2690">
|
|
</div><div data-content-buffer="" data-buffer-size="5" style="grid-row: span 5;min-height:calc(5 * 1lh)"></div><div data-line="2664" data-alt-line="2696" data-line-type="context" data-line-index="2704,2696"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">instrument-focus-chip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="2665" data-alt-line="2698" data-line-type="context" data-line-index="2706,2698"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> max-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> none</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2666" data-alt-line="2699" data-line-type="context" data-line-index="2707,2699"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 44</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2667" data-alt-line="2700" data-line-type="context" data-line-index="2708,2700"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> space-between</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2685" data-alt-line="2718" data-line-type="context" data-line-index="2726,2718"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> border-radius</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 12px;</span></div><div data-line="2686" data-alt-line="2719" data-line-type="context" data-line-index="2727,2719"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2687" data-alt-line="2720" data-line-type="context" data-line-index="2728,2720">
|
|
</div><div data-content-buffer="" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh)"></div><div data-line="2688" data-alt-line="2725" data-line-type="context" data-line-index="2733,2725"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane-head</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2689" data-alt-line="2726" data-line-type="context" data-line-index="2734,2726"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane-body</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2690" data-alt-line="2727" data-line-type="context" data-line-index="2735,2727"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2716" data-alt-line="2753" data-line-type="context" data-line-index="2761,2753"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> width: 100%;</span></div><div data-line="2717" data-alt-line="2754" data-line-type="context" data-line-index="2762,2754"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> flex-direction</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: column;</span></div><div data-line="2718" data-alt-line="2755" data-line-type="context" data-line-index="2763,2755"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> align-items</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: stretch;</span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="2719" data-alt-line="2757" data-line-type="context" data-line-index="2765,2757"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2720" data-alt-line="2758" data-line-type="context" data-line-index="2766,2758">
|
|
</div><div data-line="2721" data-alt-line="2759" data-line-type="context" data-line-index="2767,2759"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">flow-filter-popover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2753" data-alt-line="2791" data-line-type="context" data-line-index="2799,2791"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> margin-inline</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: -12px;</span></div><div data-line="2754" data-alt-line="2792" data-line-type="context" data-line-index="2800,2792"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> border-radius</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 0;</span></div><div data-line="2755" data-alt-line="2793" data-line-type="context" data-line-index="2801,2793"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> scroll-snap-type</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: x proximity;</span></div><div data-content-buffer="" data-buffer-size="13" style="grid-row: span 13;min-height:calc(13 * 1lh)"></div><div data-line="2756" data-alt-line="2807" data-line-type="context" data-line-index="2815,2807"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2757" data-alt-line="2808" data-line-type="context" data-line-index="2816,2808">
|
|
</div><div data-line="2758" data-alt-line="2809" data-line-type="context" data-line-index="2817,2809"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2770" data-alt-line="2821" data-line-type="context" data-line-index="2829,2821"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> padding-inline</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 8px;</span></div><div data-line="2771" data-alt-line="2822" data-line-type="context" data-line-index="2830,2822"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2772" data-alt-line="2823" data-line-type="context" data-line-index="2831,2823">
|
|
</div><div data-content-buffer="" data-buffer-size="33" style="grid-row: span 33;min-height:calc(33 * 1lh)"></div><div data-line="2773" data-alt-line="2857" data-line-type="context" data-line-index="2865,2857"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row-options</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2774" data-alt-line="2858" data-line-type="context" data-line-index="2866,2858"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row-equities</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2775" data-alt-line="2859" data-line-type="context" data-line-index="2867,2859"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 40</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2832" data-alt-line="2916" data-line-type="context" data-line-index="2924,2916"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span></div><div data-line="2833" data-alt-line="2917" data-line-type="context" data-line-index="2925,2917">
|
|
</div><div data-line="2834" data-alt-line="2918" data-line-type="context" data-line-index="2926,2918"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">@</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">media</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (max-width:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 420</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-content-buffer="" data-buffer-size="16" style="grid-row: span 16;min-height:calc(16 * 1lh)"></div><div data-line="2835" data-alt-line="2935" data-line-type="context" data-line-index="2943,2935"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2836" data-alt-line="2936" data-line-type="context" data-line-index="2944,2936"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-inline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2837" data-alt-line="2937" data-line-type="context" data-line-index="2945,2937"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div></div></code><code data-code="" data-additions=""><div data-gutter="" style="grid-row: span 201"><div data-separator="simple" data-separator-first=""></div><div data-line-type="context" data-column-number="1469" data-line-index="1468,1468"><span data-line-number-content="">1469</span></div><div data-line-type="context" data-column-number="1470" data-line-index="1469,1469"><span data-line-number-content="">1470</span></div><div data-line-type="context" data-column-number="1471" data-line-index="1470,1470"><span data-line-number-content="">1471</span></div><div data-line-type="change-addition" data-column-number="1472" data-line-index="1471,1471"><span data-line-number-content="">1472</span></div><div data-line-type="context" data-column-number="1473" data-line-index="1472,1472"><span data-line-number-content="">1473</span></div><div data-line-type="context" data-column-number="1474" data-line-index="1473,1473"><span data-line-number-content="">1474</span></div><div data-line-type="context" data-column-number="1475" data-line-index="1474,1474"><span data-line-number-content="">1475</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2490" data-line-index="2489,2489"><span data-line-number-content="">2490</span></div><div data-line-type="context" data-column-number="2491" data-line-index="2490,2490"><span data-line-number-content="">2491</span></div><div data-line-type="context" data-column-number="2492" data-line-index="2491,2491"><span data-line-number-content="">2492</span></div><div data-line-type="change-addition" data-column-number="2493" data-line-index="2492,2492"><span data-line-number-content="">2493</span></div><div data-line-type="change-addition" data-column-number="2494" data-line-index="2493,2493"><span data-line-number-content="">2494</span></div><div data-line-type="change-addition" data-column-number="2495" data-line-index="2494,2494"><span data-line-number-content="">2495</span></div><div data-line-type="change-addition" data-column-number="2496" data-line-index="2495,2495"><span data-line-number-content="">2496</span></div><div data-line-type="context" data-column-number="2497" data-line-index="2496,2496"><span data-line-number-content="">2497</span></div><div data-line-type="context" data-column-number="2498" data-line-index="2497,2497"><span data-line-number-content="">2498</span></div><div data-line-type="context" data-column-number="2499" data-line-index="2498,2498"><span data-line-number-content="">2499</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2568" data-line-index="2567,2567"><span data-line-number-content="">2568</span></div><div data-line-type="context" data-column-number="2569" data-line-index="2568,2568"><span data-line-number-content="">2569</span></div><div data-line-type="context" data-column-number="2570" data-line-index="2569,2569"><span data-line-number-content="">2570</span></div><div data-line-type="change-addition" data-column-number="2571" data-line-index="2571,2570"><span data-line-number-content="">2571</span></div><div data-line-type="context" data-column-number="2572" data-line-index="2572,2571"><span data-line-number-content="">2572</span></div><div data-line-type="context" data-column-number="2573" data-line-index="2573,2572"><span data-line-number-content="">2573</span></div><div data-line-type="context" data-column-number="2574" data-line-index="2574,2573"><span data-line-number-content="">2574</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2620" data-line-index="2620,2619"><span data-line-number-content="">2620</span></div><div data-line-type="context" data-column-number="2621" data-line-index="2621,2620"><span data-line-number-content="">2621</span></div><div data-line-type="context" data-column-number="2622" data-line-index="2622,2621"><span data-line-number-content="">2622</span></div><div data-line-type="change-addition" data-column-number="2623" data-line-index="2624,2622"><span data-line-number-content="">2623</span></div><div data-line-type="change-addition" data-column-number="2624" data-line-index="2625,2623"><span data-line-number-content="">2624</span></div><div data-line-type="change-addition" data-column-number="2625" data-line-index="2626,2624"><span data-line-number-content="">2625</span></div><div data-line-type="change-addition" data-column-number="2626" data-line-index="2627,2625"><span data-line-number-content="">2626</span></div><div data-line-type="change-addition" data-column-number="2627" data-line-index="2628,2626"><span data-line-number-content="">2627</span></div><div data-line-type="change-addition" data-column-number="2628" data-line-index="2629,2627"><span data-line-number-content="">2628</span></div><div data-line-type="context" data-column-number="2629" data-line-index="2630,2628"><span data-line-number-content="">2629</span></div><div data-line-type="context" data-column-number="2630" data-line-index="2631,2629"><span data-line-number-content="">2630</span></div><div data-line-type="context" data-column-number="2631" data-line-index="2632,2630"><span data-line-number-content="">2631</span></div><div data-line-type="change-addition" data-column-number="2632" data-line-index="2634,2631"><span data-line-number-content="">2632</span></div><div data-line-type="change-addition" data-column-number="2633" data-line-index="2635,2632"><span data-line-number-content="">2633</span></div><div data-line-type="change-addition" data-column-number="2634" data-line-index="2636,2633"><span data-line-number-content="">2634</span></div><div data-line-type="change-addition" data-column-number="2635" data-line-index="2637,2634"><span data-line-number-content="">2635</span></div><div data-line-type="context" data-column-number="2636" data-line-index="2638,2635"><span data-line-number-content="">2636</span></div><div data-line-type="context" data-column-number="2637" data-line-index="2639,2636"><span data-line-number-content="">2637</span></div><div data-line-type="context" data-column-number="2638" data-line-index="2640,2637"><span data-line-number-content="">2638</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2651" data-line-index="2653,2650"><span data-line-number-content="">2651</span></div><div data-line-type="context" data-column-number="2652" data-line-index="2654,2651"><span data-line-number-content="">2652</span></div><div data-line-type="context" data-column-number="2653" data-line-index="2655,2652"><span data-line-number-content="">2653</span></div><div data-line-type="change-addition" data-column-number="2654" data-line-index="2657,2653"><span data-line-number-content="">2654</span></div><div data-line-type="context" data-column-number="2655" data-line-index="2658,2654"><span data-line-number-content="">2655</span></div><div data-line-type="context" data-column-number="2656" data-line-index="2659,2655"><span data-line-number-content="">2656</span></div><div data-line-type="context" data-column-number="2657" data-line-index="2660,2656"><span data-line-number-content="">2657</span></div><div data-line-type="change-addition" data-column-number="2658" data-line-index="2662,2657"><span data-line-number-content="">2658</span></div><div data-line-type="change-addition" data-column-number="2659" data-line-index="2663,2658"><span data-line-number-content="">2659</span></div><div data-line-type="change-addition" data-column-number="2660" data-line-index="2664,2659"><span data-line-number-content="">2660</span></div><div data-line-type="change-addition" data-column-number="2661" data-line-index="2665,2660"><span data-line-number-content="">2661</span></div><div data-line-type="context" data-column-number="2662" data-line-index="2666,2661"><span data-line-number-content="">2662</span></div><div data-line-type="change-addition" data-column-number="2663" data-line-index="2669,2662"><span data-line-number-content="">2663</span></div><div data-line-type="change-addition" data-column-number="2664" data-line-index="2670,2663"><span data-line-number-content="">2664</span></div><div data-line-type="change-addition" data-column-number="2665" data-line-index="2671,2664"><span data-line-number-content="">2665</span></div><div data-line-type="change-addition" data-column-number="2666" data-line-index="2672,2665"><span data-line-number-content="">2666</span></div><div data-line-type="change-addition" data-column-number="2667" data-line-index="2673,2666"><span data-line-number-content="">2667</span></div><div data-line-type="change-addition" data-column-number="2668" data-line-index="2674,2667"><span data-line-number-content="">2668</span></div><div data-line-type="change-addition" data-column-number="2669" data-line-index="2675,2668"><span data-line-number-content="">2669</span></div><div data-line-type="change-addition" data-column-number="2670" data-line-index="2676,2669"><span data-line-number-content="">2670</span></div><div data-line-type="change-addition" data-column-number="2671" data-line-index="2677,2670"><span data-line-number-content="">2671</span></div><div data-line-type="change-addition" data-column-number="2672" data-line-index="2678,2671"><span data-line-number-content="">2672</span></div><div data-line-type="change-addition" data-column-number="2673" data-line-index="2679,2672"><span data-line-number-content="">2673</span></div><div data-line-type="change-addition" data-column-number="2674" data-line-index="2680,2673"><span data-line-number-content="">2674</span></div><div data-line-type="change-addition" data-column-number="2675" data-line-index="2681,2674"><span data-line-number-content="">2675</span></div><div data-line-type="change-addition" data-column-number="2676" data-line-index="2682,2675"><span data-line-number-content="">2676</span></div><div data-line-type="context" data-column-number="2677" data-line-index="2683,2676"><span data-line-number-content="">2677</span></div><div data-line-type="context" data-column-number="2678" data-line-index="2684,2677"><span data-line-number-content="">2678</span></div><div data-line-type="context" data-column-number="2679" data-line-index="2685,2678"><span data-line-number-content="">2679</span></div><div data-line-type="change-addition" data-column-number="2680" data-line-index="2687,2679"><span data-line-number-content="">2680</span></div><div data-line-type="context" data-column-number="2681" data-line-index="2688,2680"><span data-line-number-content="">2681</span></div><div data-line-type="context" data-column-number="2682" data-line-index="2689,2681"><span data-line-number-content="">2682</span></div><div data-line-type="context" data-column-number="2683" data-line-index="2690,2682"><span data-line-number-content="">2683</span></div><div data-line-type="context" data-column-number="2684" data-line-index="2691,2683"><span data-line-number-content="">2684</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="2685" data-line-index="2693,2685"><span data-line-number-content="">2685</span></div><div data-line-type="context" data-column-number="2686" data-line-index="2694,2686"><span data-line-number-content="">2686</span></div><div data-line-type="context" data-column-number="2687" data-line-index="2695,2687"><span data-line-number-content="">2687</span></div><div data-line-type="context" data-column-number="2688" data-line-index="2696,2688"><span data-line-number-content="">2688</span></div><div data-line-type="context" data-column-number="2689" data-line-index="2697,2689"><span data-line-number-content="">2689</span></div><div data-line-type="context" data-column-number="2690" data-line-index="2698,2690"><span data-line-number-content="">2690</span></div><div data-line-type="change-addition" data-column-number="2691" data-line-index="2699,2691"><span data-line-number-content="">2691</span></div><div data-line-type="change-addition" data-column-number="2692" data-line-index="2700,2692"><span data-line-number-content="">2692</span></div><div data-line-type="change-addition" data-column-number="2693" data-line-index="2701,2693"><span data-line-number-content="">2693</span></div><div data-line-type="change-addition" data-column-number="2694" data-line-index="2702,2694"><span data-line-number-content="">2694</span></div><div data-line-type="change-addition" data-column-number="2695" data-line-index="2703,2695"><span data-line-number-content="">2695</span></div><div data-line-type="context" data-column-number="2696" data-line-index="2704,2696"><span data-line-number-content="">2696</span></div><div data-line-type="change-addition" data-column-number="2697" data-line-index="2705,2697"><span data-line-number-content="">2697</span></div><div data-line-type="context" data-column-number="2698" data-line-index="2706,2698"><span data-line-number-content="">2698</span></div><div data-line-type="context" data-column-number="2699" data-line-index="2707,2699"><span data-line-number-content="">2699</span></div><div data-line-type="context" data-column-number="2700" data-line-index="2708,2700"><span data-line-number-content="">2700</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2718" data-line-index="2726,2718"><span data-line-number-content="">2718</span></div><div data-line-type="context" data-column-number="2719" data-line-index="2727,2719"><span data-line-number-content="">2719</span></div><div data-line-type="context" data-column-number="2720" data-line-index="2728,2720"><span data-line-number-content="">2720</span></div><div data-line-type="change-addition" data-column-number="2721" data-line-index="2729,2721"><span data-line-number-content="">2721</span></div><div data-line-type="change-addition" data-column-number="2722" data-line-index="2730,2722"><span data-line-number-content="">2722</span></div><div data-line-type="change-addition" data-column-number="2723" data-line-index="2731,2723"><span data-line-number-content="">2723</span></div><div data-line-type="change-addition" data-column-number="2724" data-line-index="2732,2724"><span data-line-number-content="">2724</span></div><div data-line-type="context" data-column-number="2725" data-line-index="2733,2725"><span data-line-number-content="">2725</span></div><div data-line-type="context" data-column-number="2726" data-line-index="2734,2726"><span data-line-number-content="">2726</span></div><div data-line-type="context" data-column-number="2727" data-line-index="2735,2727"><span data-line-number-content="">2727</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2753" data-line-index="2761,2753"><span data-line-number-content="">2753</span></div><div data-line-type="context" data-column-number="2754" data-line-index="2762,2754"><span data-line-number-content="">2754</span></div><div data-line-type="context" data-column-number="2755" data-line-index="2763,2755"><span data-line-number-content="">2755</span></div><div data-line-type="change-addition" data-column-number="2756" data-line-index="2764,2756"><span data-line-number-content="">2756</span></div><div data-line-type="context" data-column-number="2757" data-line-index="2765,2757"><span data-line-number-content="">2757</span></div><div data-line-type="context" data-column-number="2758" data-line-index="2766,2758"><span data-line-number-content="">2758</span></div><div data-line-type="context" data-column-number="2759" data-line-index="2767,2759"><span data-line-number-content="">2759</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2791" data-line-index="2799,2791"><span data-line-number-content="">2791</span></div><div data-line-type="context" data-column-number="2792" data-line-index="2800,2792"><span data-line-number-content="">2792</span></div><div data-line-type="context" data-column-number="2793" data-line-index="2801,2793"><span data-line-number-content="">2793</span></div><div data-line-type="change-addition" data-column-number="2794" data-line-index="2802,2794"><span data-line-number-content="">2794</span></div><div data-line-type="change-addition" data-column-number="2795" data-line-index="2803,2795"><span data-line-number-content="">2795</span></div><div data-line-type="change-addition" data-column-number="2796" data-line-index="2804,2796"><span data-line-number-content="">2796</span></div><div data-line-type="change-addition" data-column-number="2797" data-line-index="2805,2797"><span data-line-number-content="">2797</span></div><div data-line-type="change-addition" data-column-number="2798" data-line-index="2806,2798"><span data-line-number-content="">2798</span></div><div data-line-type="change-addition" data-column-number="2799" data-line-index="2807,2799"><span data-line-number-content="">2799</span></div><div data-line-type="change-addition" data-column-number="2800" data-line-index="2808,2800"><span data-line-number-content="">2800</span></div><div data-line-type="change-addition" data-column-number="2801" data-line-index="2809,2801"><span data-line-number-content="">2801</span></div><div data-line-type="change-addition" data-column-number="2802" data-line-index="2810,2802"><span data-line-number-content="">2802</span></div><div data-line-type="change-addition" data-column-number="2803" data-line-index="2811,2803"><span data-line-number-content="">2803</span></div><div data-line-type="change-addition" data-column-number="2804" data-line-index="2812,2804"><span data-line-number-content="">2804</span></div><div data-line-type="change-addition" data-column-number="2805" data-line-index="2813,2805"><span data-line-number-content="">2805</span></div><div data-line-type="change-addition" data-column-number="2806" data-line-index="2814,2806"><span data-line-number-content="">2806</span></div><div data-line-type="context" data-column-number="2807" data-line-index="2815,2807"><span data-line-number-content="">2807</span></div><div data-line-type="context" data-column-number="2808" data-line-index="2816,2808"><span data-line-number-content="">2808</span></div><div data-line-type="context" data-column-number="2809" data-line-index="2817,2809"><span data-line-number-content="">2809</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2821" data-line-index="2829,2821"><span data-line-number-content="">2821</span></div><div data-line-type="context" data-column-number="2822" data-line-index="2830,2822"><span data-line-number-content="">2822</span></div><div data-line-type="context" data-column-number="2823" data-line-index="2831,2823"><span data-line-number-content="">2823</span></div><div data-line-type="change-addition" data-column-number="2824" data-line-index="2832,2824"><span data-line-number-content="">2824</span></div><div data-line-type="change-addition" data-column-number="2825" data-line-index="2833,2825"><span data-line-number-content="">2825</span></div><div data-line-type="change-addition" data-column-number="2826" data-line-index="2834,2826"><span data-line-number-content="">2826</span></div><div data-line-type="change-addition" data-column-number="2827" data-line-index="2835,2827"><span data-line-number-content="">2827</span></div><div data-line-type="change-addition" data-column-number="2828" data-line-index="2836,2828"><span data-line-number-content="">2828</span></div><div data-line-type="change-addition" data-column-number="2829" data-line-index="2837,2829"><span data-line-number-content="">2829</span></div><div data-line-type="change-addition" data-column-number="2830" data-line-index="2838,2830"><span data-line-number-content="">2830</span></div><div data-line-type="change-addition" data-column-number="2831" data-line-index="2839,2831"><span data-line-number-content="">2831</span></div><div data-line-type="change-addition" data-column-number="2832" data-line-index="2840,2832"><span data-line-number-content="">2832</span></div><div data-line-type="change-addition" data-column-number="2833" data-line-index="2841,2833"><span data-line-number-content="">2833</span></div><div data-line-type="change-addition" data-column-number="2834" data-line-index="2842,2834"><span data-line-number-content="">2834</span></div><div data-line-type="change-addition" data-column-number="2835" data-line-index="2843,2835"><span data-line-number-content="">2835</span></div><div data-line-type="change-addition" data-column-number="2836" data-line-index="2844,2836"><span data-line-number-content="">2836</span></div><div data-line-type="change-addition" data-column-number="2837" data-line-index="2845,2837"><span data-line-number-content="">2837</span></div><div data-line-type="change-addition" data-column-number="2838" data-line-index="2846,2838"><span data-line-number-content="">2838</span></div><div data-line-type="change-addition" data-column-number="2839" data-line-index="2847,2839"><span data-line-number-content="">2839</span></div><div data-line-type="change-addition" data-column-number="2840" data-line-index="2848,2840"><span data-line-number-content="">2840</span></div><div data-line-type="change-addition" data-column-number="2841" data-line-index="2849,2841"><span data-line-number-content="">2841</span></div><div data-line-type="change-addition" data-column-number="2842" data-line-index="2850,2842"><span data-line-number-content="">2842</span></div><div data-line-type="change-addition" data-column-number="2843" data-line-index="2851,2843"><span data-line-number-content="">2843</span></div><div data-line-type="change-addition" data-column-number="2844" data-line-index="2852,2844"><span data-line-number-content="">2844</span></div><div data-line-type="change-addition" data-column-number="2845" data-line-index="2853,2845"><span data-line-number-content="">2845</span></div><div data-line-type="change-addition" data-column-number="2846" data-line-index="2854,2846"><span data-line-number-content="">2846</span></div><div data-line-type="change-addition" data-column-number="2847" data-line-index="2855,2847"><span data-line-number-content="">2847</span></div><div data-line-type="change-addition" data-column-number="2848" data-line-index="2856,2848"><span data-line-number-content="">2848</span></div><div data-line-type="change-addition" data-column-number="2849" data-line-index="2857,2849"><span data-line-number-content="">2849</span></div><div data-line-type="change-addition" data-column-number="2850" data-line-index="2858,2850"><span data-line-number-content="">2850</span></div><div data-line-type="change-addition" data-column-number="2851" data-line-index="2859,2851"><span data-line-number-content="">2851</span></div><div data-line-type="change-addition" data-column-number="2852" data-line-index="2860,2852"><span data-line-number-content="">2852</span></div><div data-line-type="change-addition" data-column-number="2853" data-line-index="2861,2853"><span data-line-number-content="">2853</span></div><div data-line-type="change-addition" data-column-number="2854" data-line-index="2862,2854"><span data-line-number-content="">2854</span></div><div data-line-type="change-addition" data-column-number="2855" data-line-index="2863,2855"><span data-line-number-content="">2855</span></div><div data-line-type="change-addition" data-column-number="2856" data-line-index="2864,2856"><span data-line-number-content="">2856</span></div><div data-line-type="context" data-column-number="2857" data-line-index="2865,2857"><span data-line-number-content="">2857</span></div><div data-line-type="context" data-column-number="2858" data-line-index="2866,2858"><span data-line-number-content="">2858</span></div><div data-line-type="context" data-column-number="2859" data-line-index="2867,2859"><span data-line-number-content="">2859</span></div><div data-separator="simple"></div><div data-line-type="context" data-column-number="2916" data-line-index="2924,2916"><span data-line-number-content="">2916</span></div><div data-line-type="context" data-column-number="2917" data-line-index="2925,2917"><span data-line-number-content="">2917</span></div><div data-line-type="context" data-column-number="2918" data-line-index="2926,2918"><span data-line-number-content="">2918</span></div><div data-line-type="change-addition" data-column-number="2919" data-line-index="2927,2919"><span data-line-number-content="">2919</span></div><div data-line-type="change-addition" data-column-number="2920" data-line-index="2928,2920"><span data-line-number-content="">2920</span></div><div data-line-type="change-addition" data-column-number="2921" data-line-index="2929,2921"><span data-line-number-content="">2921</span></div><div data-line-type="change-addition" data-column-number="2922" data-line-index="2930,2922"><span data-line-number-content="">2922</span></div><div data-line-type="change-addition" data-column-number="2923" data-line-index="2931,2923"><span data-line-number-content="">2923</span></div><div data-line-type="change-addition" data-column-number="2924" data-line-index="2932,2924"><span data-line-number-content="">2924</span></div><div data-line-type="change-addition" data-column-number="2925" data-line-index="2933,2925"><span data-line-number-content="">2925</span></div><div data-line-type="change-addition" data-column-number="2926" data-line-index="2934,2926"><span data-line-number-content="">2926</span></div><div data-line-type="change-addition" data-column-number="2927" data-line-index="2935,2927"><span data-line-number-content="">2927</span></div><div data-line-type="change-addition" data-column-number="2928" data-line-index="2936,2928"><span data-line-number-content="">2928</span></div><div data-line-type="change-addition" data-column-number="2929" data-line-index="2937,2929"><span data-line-number-content="">2929</span></div><div data-line-type="change-addition" data-column-number="2930" data-line-index="2938,2930"><span data-line-number-content="">2930</span></div><div data-line-type="change-addition" data-column-number="2931" data-line-index="2939,2931"><span data-line-number-content="">2931</span></div><div data-line-type="change-addition" data-column-number="2932" data-line-index="2940,2932"><span data-line-number-content="">2932</span></div><div data-line-type="change-addition" data-column-number="2933" data-line-index="2941,2933"><span data-line-number-content="">2933</span></div><div data-line-type="change-addition" data-column-number="2934" data-line-index="2942,2934"><span data-line-number-content="">2934</span></div><div data-line-type="context" data-column-number="2935" data-line-index="2943,2935"><span data-line-number-content="">2935</span></div><div data-line-type="context" data-column-number="2936" data-line-index="2944,2936"><span data-line-number-content="">2936</span></div><div data-line-type="context" data-column-number="2937" data-line-index="2945,2937"><span data-line-number-content="">2937</span></div></div><div data-content="" style="grid-row: span 201"><div data-separator="simple" data-separator-first=""></div><div data-line="1469" data-alt-line="1469" data-line-type="context" data-line-index="1468,1468"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span></div><div data-line="1470" data-alt-line="1470" data-line-type="context" data-line-index="1469,1469">
|
|
</div><div data-line="1471" data-alt-line="1471" data-line-type="context" data-line-index="1470,1470"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="1472" data-line-type="change-addition" data-line-index="1471,1471"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> relative</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="1473" data-alt-line="1472" data-line-type="context" data-line-index="1472,1472"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="1474" data-alt-line="1473" data-line-type="context" data-line-index="1473,1473"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="1475" data-alt-line="1474" data-line-type="context" data-line-index="1474,1474"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2490" data-alt-line="2489" data-line-type="context" data-line-index="2489,2489"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> min-height</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 0;</span></div><div data-line="2491" data-alt-line="2490" data-line-type="context" data-line-index="2490,2490"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2492" data-alt-line="2491" data-line-type="context" data-line-index="2491,2491">
|
|
</div><div data-line="2493" data-line-type="change-addition" data-line-index="2492,2492"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-grid-options</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2494" data-line-type="change-addition" data-line-index="2493,2493"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> clamp</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">430</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 68</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">svh</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 720</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2495" data-line-type="change-addition" data-line-index="2494,2494"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2496" data-line-type="change-addition" data-line-index="2495,2495">
|
|
</div><div data-line="2497" data-alt-line="2492" data-line-type="context" data-line-index="2496,2496"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-deck-grid</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2498" data-alt-line="2493" data-line-type="context" data-line-index="2497,2497"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-columns</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2499" data-alt-line="2494" data-line-type="context" data-line-index="2498,2498"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-areas</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-separator="simple"></div><div data-line="2568" data-alt-line="2563" data-line-type="context" data-line-index="2567,2567"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> }</span></div><div data-line="2569" data-alt-line="2564" data-line-type="context" data-line-index="2568,2568">
|
|
</div><div data-line="2570" data-alt-line="2565" data-line-type="context" data-line-index="2569,2569"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2571" data-line-type="change-addition" data-line-index="2571,2570"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">calc</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">22</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> +</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> env(safe-area-inset-bottom</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">)</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2572" data-alt-line="2567" data-line-type="context" data-line-index="2572,2571"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2573" data-alt-line="2568" data-line-type="context" data-line-index="2573,2572">
|
|
</div><div data-line="2574" data-alt-line="2569" data-line-type="context" data-line-index="2574,2573"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-shell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2620" data-alt-line="2615" data-line-type="context" data-line-index="2620,2619"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> position: sticky;</span></div><div data-line="2621" data-alt-line="2616" data-line-type="context" data-line-index="2621,2620"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> top: 0;</span></div><div data-line="2622" data-alt-line="2617" data-line-type="context" data-line-index="2622,2621"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> z-index</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 30;</span></div><div data-line="2623" data-line-type="change-addition" data-line-index="2624,2622"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">display</span></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: </span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">grid</span></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">;</span></div><div data-line="2624" data-line-type="change-addition" data-line-index="2625,2623"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> grid-template-columns</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: minmax(0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> 1fr</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">) </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">auto;</span></div><div data-line="2625" data-line-type="change-addition" data-line-index="2626,2624"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> align-items</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: start;</span></div><div data-line="2626" data-line-type="change-addition" data-line-index="2627,2625"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> column-gap</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 10px;</span></div><div data-line="2627" data-line-type="change-addition" data-line-index="2628,2626"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> row-gap</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 16px;</span></div><div data-line="2628" data-line-type="change-addition" data-line-index="2629,2627"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> padding: 10px 10px 12px;</span></div><div data-line="2629" data-alt-line="2619" data-line-type="context" data-line-index="2630,2628"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2630" data-alt-line="2620" data-line-type="context" data-line-index="2631,2629">
|
|
</div><div data-line="2631" data-alt-line="2621" data-line-type="context" data-line-index="2632,2630"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-leading</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2632" data-line-type="change-addition" data-line-index="2634,2631"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">auto</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2633" data-line-type="change-addition" data-line-index="2635,2632"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2634" data-line-type="change-addition" data-line-index="2636,2633"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-column</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2635" data-line-type="change-addition" data-line-index="2637,2634"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2636" data-alt-line="2623" data-line-type="context" data-line-index="2638,2635"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2637" data-alt-line="2624" data-line-type="context" data-line-index="2639,2636">
|
|
</div><div data-line="2638" data-alt-line="2625" data-line-type="context" data-line-index="2640,2637"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-separator="simple"></div><div data-line="2651" data-alt-line="2638" data-line-type="context" data-line-index="2653,2650"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2652" data-alt-line="2639" data-line-type="context" data-line-index="2654,2651"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2653" data-alt-line="2640" data-line-type="context" data-line-index="2655,2652"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2654" data-line-type="change-addition" data-line-index="2657,2653"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">min-</span></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2655" data-alt-line="2642" data-line-type="context" data-line-index="2658,2654"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2656" data-alt-line="2643" data-line-type="context" data-line-index="2659,2655"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2657" data-alt-line="2644" data-line-type="context" data-line-index="2660,2656">
|
|
</div><div data-line="2658" data-line-type="change-addition" data-line-index="2662,2657"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-actions</span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></span></div><div data-line="2659" data-line-type="change-addition" data-line-index="2663,2658"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> contents</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2660" data-line-type="change-addition" data-line-index="2664,2659"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2661" data-line-type="change-addition" data-line-index="2665,2660">
|
|
</div><div data-line="2662" data-alt-line="2646" data-line-type="context" data-line-index="2666,2661"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2663" data-line-type="change-addition" data-line-index="2669,2662"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">width</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2664" data-line-type="change-addition" data-line-index="2670,2663"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">grid-column</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">1</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">-1</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2665" data-line-type="change-addition" data-line-index="2671,2664"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 2</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2666" data-line-type="change-addition" data-line-index="2672,2665"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> grid</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2667" data-line-type="change-addition" data-line-index="2673,2666"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-columns</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2668" data-line-type="change-addition" data-line-index="2674,2667"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> end</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2669" data-line-type="change-addition" data-line-index="2675,2668"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> gap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2670" data-line-type="change-addition" data-line-index="2676,2669"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2671" data-line-type="change-addition" data-line-index="2677,2670">
|
|
</div><div data-line="2672" data-line-type="change-addition" data-line-index="2678,2671"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2673" data-line-type="change-addition" data-line-index="2679,2672"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-column</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 2</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2674" data-line-type="change-addition" data-line-index="2680,2673"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2675" data-line-type="change-addition" data-line-index="2681,2674"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2676" data-line-type="change-addition" data-line-index="2682,2675"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-end</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2677" data-alt-line="2649" data-line-type="context" data-line-index="2683,2676"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2678" data-alt-line="2650" data-line-type="context" data-line-index="2684,2677">
|
|
</div><div data-line="2679" data-alt-line="2651" data-line-type="context" data-line-index="2685,2678"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-menu-trigger</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2680" data-line-type="change-addition" data-line-index="2687,2679"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">auto</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2681" data-alt-line="2653" data-line-type="context" data-line-index="2688,2680"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2682" data-alt-line="2654" data-line-type="context" data-line-index="2689,2681"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2683" data-alt-line="2655" data-line-type="context" data-line-index="2690,2682">
|
|
</div><div data-line="2684" data-alt-line="2656" data-line-type="context" data-line-index="2691,2683"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="2685" data-alt-line="2658" data-line-type="context" data-line-index="2693,2685"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-leading</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2686" data-alt-line="2659" data-line-type="context" data-line-index="2694,2686"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2687" data-alt-line="2660" data-line-type="context" data-line-index="2695,2687"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-actions</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">flow-filter-popover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2688" data-alt-line="2661" data-line-type="context" data-line-index="2696,2688"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2689" data-alt-line="2662" data-line-type="context" data-line-index="2697,2689"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2690" data-alt-line="2663" data-line-type="context" data-line-index="2698,2690">
|
|
</div><div data-line="2691" data-line-type="change-addition" data-line-index="2699,2691"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2692" data-line-type="change-addition" data-line-index="2700,2692"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2693" data-line-type="change-addition" data-line-index="2701,2693"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 76</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2694" data-line-type="change-addition" data-line-index="2702,2694"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2695" data-line-type="change-addition" data-line-index="2703,2695">
|
|
</div><div data-line="2696" data-alt-line="2664" data-line-type="context" data-line-index="2704,2696"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">instrument-focus-chip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2697" data-line-type="change-addition" data-line-index="2705,2697"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-column</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">-1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2698" data-alt-line="2665" data-line-type="context" data-line-index="2706,2698"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> max-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> none</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2699" data-alt-line="2666" data-line-type="context" data-line-index="2707,2699"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 44</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2700" data-alt-line="2667" data-line-type="context" data-line-index="2708,2700"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> space-between</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2718" data-alt-line="2685" data-line-type="context" data-line-index="2726,2718"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> border-radius</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 12px;</span></div><div data-line="2719" data-alt-line="2686" data-line-type="context" data-line-index="2727,2719"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2720" data-alt-line="2687" data-line-type="context" data-line-index="2728,2720">
|
|
</div><div data-line="2721" data-line-type="change-addition" data-line-index="2729,2721"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">page-grid-options</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2722" data-line-type="change-addition" data-line-index="2730,2722"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> clamp</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">390</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 62</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">svh</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 620</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2723" data-line-type="change-addition" data-line-index="2731,2723"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2724" data-line-type="change-addition" data-line-index="2732,2724">
|
|
</div><div data-line="2725" data-alt-line="2688" data-line-type="context" data-line-index="2733,2725"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane-head</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2726" data-alt-line="2689" data-line-type="context" data-line-index="2734,2726"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-pane-body</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2727" data-alt-line="2690" data-line-type="context" data-line-index="2735,2727"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2753" data-alt-line="2716" data-line-type="context" data-line-index="2761,2753"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> width: 100%;</span></div><div data-line="2754" data-alt-line="2717" data-line-type="context" data-line-index="2762,2754"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> flex-direction</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: column;</span></div><div data-line="2755" data-alt-line="2718" data-line-type="context" data-line-index="2763,2755"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> align-items</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: stretch;</span></div><div data-line="2756" data-line-type="change-addition" data-line-index="2764,2756"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> margin-top</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 2px;</span></div><div data-line="2757" data-alt-line="2719" data-line-type="context" data-line-index="2765,2757"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2758" data-alt-line="2720" data-line-type="context" data-line-index="2766,2758">
|
|
</div><div data-line="2759" data-alt-line="2721" data-line-type="context" data-line-index="2767,2759"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">flow-filter-popover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2791" data-alt-line="2753" data-line-type="context" data-line-index="2799,2791"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> margin-inline</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: -12px;</span></div><div data-line="2792" data-alt-line="2754" data-line-type="context" data-line-index="2800,2792"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> border-radius</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 0;</span></div><div data-line="2793" data-alt-line="2755" data-line-type="context" data-line-index="2801,2793"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> scroll-snap-type</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: x proximity;</span></div><div data-line="2794" data-line-type="change-addition" data-line-index="2802,2794"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> scrollbar-gutter</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: stable;</span></div><div data-line="2795" data-line-type="change-addition" data-line-index="2803,2795"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> overscroll-behavior-x</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: contain;</span></div><div data-line="2796" data-line-type="change-addition" data-line-index="2804,2796"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> -webkit-overflow-scrolling: touch;</span></div><div data-line="2797" data-line-type="change-addition" data-line-index="2805,2797"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2798" data-line-type="change-addition" data-line-index="2806,2798">
|
|
</div><div data-line="2799" data-line-type="change-addition" data-line-index="2807,2799"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">::</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">after</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2800" data-line-type="change-addition" data-line-index="2808,2800"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> ""</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2801" data-line-type="change-addition" data-line-index="2809,2801"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> sticky</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2802" data-line-type="change-addition" data-line-index="2810,2802"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> right</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2803" data-line-type="change-addition" data-line-index="2811,2803"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> z-index</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 5</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2804" data-line-type="change-addition" data-line-index="2812,2804"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2805" data-line-type="change-addition" data-line-index="2813,2805"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> pointer-events</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> none</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2806" data-line-type="change-addition" data-line-index="2814,2806"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">90</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">deg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> transparent</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.12</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.01</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.92</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">));</span></div><div data-line="2807" data-alt-line="2756" data-line-type="context" data-line-index="2815,2807"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2808" data-alt-line="2757" data-line-type="context" data-line-index="2816,2808">
|
|
</div><div data-line="2809" data-alt-line="2758" data-line-type="context" data-line-index="2817,2809"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-separator="simple"></div><div data-line="2821" data-alt-line="2770" data-line-type="context" data-line-index="2829,2821"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> padding-inline</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: 8px;</span></div><div data-line="2822" data-alt-line="2771" data-line-type="context" data-line-index="2830,2822"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2823" data-alt-line="2772" data-line-type="context" data-line-index="2831,2823">
|
|
</div><div data-line="2824" data-line-type="change-addition" data-line-index="2832,2824"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-head</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2825" data-line-type="change-addition" data-line-index="2833,2825"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2826" data-line-type="change-addition" data-line-index="2834,2826"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> sticky</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2827" data-line-type="change-addition" data-line-index="2835,2827"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> left</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2828" data-line-type="change-addition" data-line-index="2836,2828"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> z-index</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 4</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2829" data-line-type="change-addition" data-line-index="2837,2829"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> margin-left</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> -8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2830" data-line-type="change-addition" data-line-index="2838,2830"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-left</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2831" data-line-type="change-addition" data-line-index="2839,2831"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.01</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2832" data-line-type="change-addition" data-line-index="2840,2832"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> box-shadow</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="2833" data-line-type="change-addition" data-line-index="2841,2833"><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.72</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.012</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.14</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span></div><div data-line="2834" data-line-type="change-addition" data-line-index="2842,2834"><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.06</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.01</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.42</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2835" data-line-type="change-addition" data-line-index="2843,2835"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2836" data-line-type="change-addition" data-line-index="2844,2836">
|
|
</div><div data-line="2837" data-line-type="change-addition" data-line-index="2845,2837"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-head</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2838" data-line-type="change-addition" data-line-index="2846,2838"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> z-index</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 6</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2839" data-line-type="change-addition" data-line-index="2847,2839"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.15</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.012</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2840" data-line-type="change-addition" data-line-index="2848,2840"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2841" data-line-type="change-addition" data-line-index="2849,2841">
|
|
</div><div data-line="2842" data-line-type="change-addition" data-line-index="2850,2842"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">is-even</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2843" data-line-type="change-addition" data-line-index="2851,2843"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.145</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.011</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2844" data-line-type="change-addition" data-line-index="2852,2844"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2845" data-line-type="change-addition" data-line-index="2853,2845">
|
|
</div><div data-line="2846" data-line-type="change-addition" data-line-index="2854,2846"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">hover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2847" data-line-type="change-addition" data-line-index="2855,2847"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">focus-visible</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2848" data-line-type="change-addition" data-line-index="2856,2848"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.18</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.025</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 74</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2849" data-line-type="change-addition" data-line-index="2857,2849"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2850" data-line-type="change-addition" data-line-index="2858,2850">
|
|
</div><div data-line="2851" data-line-type="change-addition" data-line-index="2859,2851"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row-classified</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-cell</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">first-child</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2852" data-line-type="change-addition" data-line-index="2860,2852"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="2853" data-line-type="change-addition" data-line-index="2861,2853"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">90</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">deg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> rgba</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--classifier-rgb</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 192</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 200</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 210</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> calc</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.04</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> +</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--classifier-intensity</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> *</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> transparent</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 90</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span></div><div data-line="2854" data-line-type="change-addition" data-line-index="2862,2854"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.01</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2855" data-line-type="change-addition" data-line-index="2863,2855"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2856" data-line-type="change-addition" data-line-index="2864,2856">
|
|
</div><div data-line="2857" data-alt-line="2773" data-line-type="context" data-line-index="2865,2857"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row-options</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2858" data-alt-line="2774" data-line-type="context" data-line-index="2866,2858"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">data-table-row-equities</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2859" data-alt-line="2775" data-line-type="context" data-line-index="2867,2859"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 40</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-separator="simple"></div><div data-line="2916" data-alt-line="2832" data-line-type="context" data-line-index="2924,2916"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span></div><div data-line="2917" data-alt-line="2833" data-line-type="context" data-line-index="2925,2917">
|
|
</div><div data-line="2918" data-alt-line="2834" data-line-type="context" data-line-index="2926,2918"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">@</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">media</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (max-width:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 420</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2919" data-line-type="change-addition" data-line-index="2927,2919"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2920" data-line-type="change-addition" data-line-index="2928,2920"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> column-gap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2921" data-line-type="change-addition" data-line-index="2929,2921"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> row-gap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2922" data-line-type="change-addition" data-line-index="2930,2922"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-inline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2923" data-line-type="change-addition" data-line-index="2931,2923"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2924" data-line-type="change-addition" data-line-index="2932,2924">
|
|
</div><div data-line="2925" data-line-type="change-addition" data-line-index="2933,2925"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-menu-trigger</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2926" data-line-type="change-addition" data-line-index="2934,2926"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 92</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2927" data-line-type="change-addition" data-line-index="2935,2927"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-inline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2928" data-line-type="change-addition" data-line-index="2936,2928"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2929" data-line-type="change-addition" data-line-index="2937,2929">
|
|
</div><div data-line="2930" data-line-type="change-addition" data-line-index="2938,2930"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar-mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2931" data-line-type="change-addition" data-line-index="2939,2931"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 82</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2932" data-line-type="change-addition" data-line-index="2940,2932"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-inline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2933" data-line-type="change-addition" data-line-index="2941,2933"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2934" data-line-type="change-addition" data-line-index="2942,2934">
|
|
</div><div data-line="2935" data-alt-line="2835" data-line-type="context" data-line-index="2943,2935"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2936" data-alt-line="2836" data-line-type="context" data-line-index="2944,2936"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding-inline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2937" data-alt-line="2837" data-line-type="context" data-line-index="2945,2937"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div></div></code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Expected Impact for End-Users</h2>
|
|
<p>
|
|
On phones and narrow browser windows, traders can scan the Options tape inside a stable pane instead of
|
|
losing the rest of the page to an unbounded table. Horizontal panning now keeps time context visible,
|
|
and the top controls are easier to distinguish and tap.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Validation</h2>
|
|
<ul>
|
|
<li><span class="ok">Passed</span>: <code>bun --cwd=apps/web run build</code>.</li>
|
|
<li><span class="ok">Passed</span>: Browser check at 390px wide on <code>http://localhost:3000/options</code>.</li>
|
|
<li>Measured a contained pane height of 523px and internal table viewport of 317px with a larger internal scroll height.</li>
|
|
<li>Confirmed no page-level horizontal overflow and confirmed live tape status showed Connected.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Issues, Limitations, and Mitigations</h2>
|
|
<ul>
|
|
<li>The narrow-screen table is still a dense data table, not a separate card/list representation.</li>
|
|
<li>The sticky first column mitigates lost context without changing virtualization behavior or row heights.</li>
|
|
<li>The page remains vertically scrollable between stacked panes, but each tape now owns its internal scroll.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Follow-up Work</h2>
|
|
<p>
|
|
No required follow-up is left for islandflow-833. A future enhancement could add a dedicated compact row
|
|
layout for phone screens if the product wants less horizontal panning than the current dense terminal table.
|
|
</p>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|