[data-tone=dark]{--level-strong:var(--color-on-dark);--level-body:var(--color-on-dark-body);--level-muted:var(--color-on-dark-muted);--level-edge:var(--edge-control)}div.level-grid{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}div.level-grid>table{border-collapse:separate;inline-size:100%;border-spacing:var(--space-1);table-layout:fixed}div.level-grid>table>caption{color:var(--level-muted);font-size:var(--text-small);line-height:var(--text-small-leading);text-align:start;margin-block-end:var(--space-3)}div.level-grid>table>caption[data-said]{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;margin:0;position:absolute;overflow:hidden}div.level-grid>table>thead>tr>th.corner{inline-size:50%;padding:var(--space-2);color:var(--level-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);letter-spacing:var(--text-caps-tracking);line-height:var(--text-caps-leading);text-align:start;text-transform:uppercase;vertical-align:bottom}div.level-grid :is(th.level,th.row,td.field){border-radius:var(--radius-sm);background-color:var(--fill-raised);box-shadow:inset 0 0 0 var(--line-width) var(--level-edge);transition:background-color var(--dur-150) var(--ease), color var(--dur-150) var(--ease)}div.level-grid th.level{padding:var(--space-2) var(--space-1);color:var(--level-strong);text-align:center;vertical-align:bottom}div.level-grid th.level>span{display:block}div.level-grid th.level>span.number{font-family:var(--font-heading);font-weight:var(--weight-heading)}div.level-grid th.level>span.name{font-size:var(--text-small);font-weight:var(--weight-chrome);line-height:var(--text-small-leading);overflow-wrap:anywhere}div.level-grid th.row{padding:var(--space-2);color:var(--level-strong);text-align:start}div.level-grid th.row>span{display:block}div.level-grid th.row>span.group{color:var(--level-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);letter-spacing:var(--text-caps-tracking);line-height:var(--text-caps-leading);text-transform:uppercase}div.level-grid th.row>span.label{font-size:var(--text-small);font-weight:var(--weight-emphasis);line-height:var(--text-small-leading);margin-block-start:var(--space-1)}div.level-grid td.field{block-size:var(--space-7);position:relative}div.level-grid td.field[data-marked]{background-color:var(--mark-emphasis);box-shadow:none}div.level-grid td.field[data-marked]:after{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--mark-emphasis-on);content:"";margin:auto;position:absolute;inset:0}div.level-grid td.field>span.marked{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}@media not all and (width>=48rem){div.level-grid th.level>span.name{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}}@media (width>=48rem){div.level-grid>table>thead>tr>th.corner{inline-size:30%}div.level-grid th.row{padding-inline:var(--space-3)}}div.level-grid>div.notes{padding:var(--space-5);border-radius:var(--radius-xl);background-color:var(--fill-raised);box-shadow:var(--shadow-raised);backdrop-filter:var(--raised-backdrop);display:grid}div.level-grid>div.notes>p.note{gap:var(--space-1);flex-direction:column;margin:0;display:flex}div.level-grid>div.notes>p.note>span.term{color:var(--level-strong);font-family:var(--font-heading);font-weight:var(--weight-heading)}div.level-grid>div.notes>p.note>span.term[data-marked]{gap:var(--space-2);align-items:center;display:flex}div.level-grid>div.notes>p.note>span.body{color:var(--level-body);font-size:var(--text-small);line-height:var(--text-small-leading)}div.level-grid>div.notes>p.note[data-note=idle]{display:none}@supports selector(:has(*)){div.level-grid>div.notes>p.note{opacity:0;transition:opacity var(--dur-150) var(--ease);grid-area:1/1}div.level-grid>div.notes>p.note[data-note=idle]{opacity:1;display:flex}div.level-grid:has([data-part]:is(:hover,:focus))>div.notes>p.note[data-note=idle]{opacity:0}div.level-grid:has([data-part=row]:hover)>div.notes>p.note[data-note=row],div.level-grid:has([data-part=level]:hover)>div.notes>p.note[data-note=level],div.level-grid:has([data-part=field]:hover)>div.notes>p.note[data-note=field],div.level-grid:not(:has([data-part]:hover)):has([data-part=row]:focus)>div.notes>p.note[data-note=row],div.level-grid:not(:has([data-part]:hover)):has([data-part=level]:focus)>div.notes>p.note[data-note=level],div.level-grid:not(:has([data-part]:hover)):has([data-part=field]:focus)>div.notes>p.note[data-note=field]{opacity:1}div.level-grid:has([data-part=row]:hover) th.row,div.level-grid:has([data-part=level]:hover) th.level,div.level-grid:not(:has([data-part]:hover)):has([data-part=row]:focus) th.row,div.level-grid:not(:has([data-part]:hover)):has([data-part=level]:focus) th.level{background-color:var(--fill-accent);box-shadow:none;color:var(--color-ink)}div.level-grid:has([data-part=row]:hover) th.row>span.group,div.level-grid:not(:has([data-part]:hover)):has([data-part=row]:focus) th.row>span.group{color:var(--color-ink)}div.level-grid:has([data-part=field]:hover) td.field:not([data-marked]),div.level-grid:not(:has([data-part]:hover)):has([data-part=field]:focus) td.field:not([data-marked]){box-shadow:inset 0 0 0 var(--line-width) var(--mark-emphasis)}}