@layer components{#main:focus{outline:none}.icon-square{--square-size:var(--square-s);--hue:250;background:oklch(var(--mark-lightness) var(--mark-chroma) var(--hue));border-radius:var(--radius-square);color:var(--on-mark);height:var(--square-size);transition:background-color var(--transition-base,0s) var(--ease-out), box-shadow var(--transition-base,0s) var(--ease-out), color var(--transition-base,0s) var(--ease-out);width:var(--square-size);flex:none;place-items:center;display:inline-grid}.icon-square>svg{width:58%;height:58%}.icon-square.m{--square-size:var(--square-m)}.icon-square.l{--square-size:var(--square-l);border-radius:var(--radius-square-l)}.icon-square.xl{--square-size:var(--square-xl);border-radius:var(--radius-square-xl)}.icon-square.neutral{background:var(--ink);color:var(--plane)}.icon-square.kind{background:oklch(var(--kind-lightness) var(--kind-chroma) var(--hue));color:oklch(var(--kind-glyph-lightness) .07 var(--hue))}.icon-square.kind>svg{width:64%;height:64%}.icon-square.hollow{box-shadow:inset 0 0 0 var(--stroke-thin) var(--rule-strong);color:var(--mute);background:0 0}.icon-square.slot{color:var(--mute);background:0 0}.icon-square.slot>svg{width:100%;height:100%}.state-row{align-items:start;gap:var(--space-xs);grid-template-columns:var(--square-s) minmax(0, 1fr);padding:var(--space-xs) var(--space-row);display:grid}.state-row .state-row-title{padding-block-start:var(--space-3xs);font-weight:600;line-height:1.3;display:block}.state-row .state-row-body{color:var(--ink-soft);font-size:var(--text-xs);max-width:var(--measure-note);text-wrap:pretty;margin-block-start:var(--space-4xs);line-height:1.45}.tag{font-size:var(--text-2xs);border-radius:var(--radius-full);color:var(--ink);align-items:center;gap:var(--space-3xs);height:1.375rem;padding:0 var(--space-2xs);white-space:nowrap;font-weight:600;display:inline-flex}.tag>svg{width:.8125rem;height:.8125rem}.tag.newest{background:var(--track)}.tag.newest>svg{color:var(--accent)}.tag.major{background:var(--ink);color:var(--plane)}.tag.minor{background:var(--track);color:var(--ink-soft)}.tag.patch{box-shadow:var(--inset-hairline-strong);color:var(--ink-soft)}.tag.hand{color:var(--ink-soft);outline:var(--stroke-hair) dashed var(--mute);outline-offset:calc(-1 * var(--stroke-hair))}.pending-notes{background:var(--plane);border-radius:var(--radius-plane);overflow:clip}.pending-notes .pending-note{position:relative}.pending-notes .pending-note+.pending-notes .pending-note:before{background:var(--rule);content:"";height:var(--stroke-hair);left:var(--space-row);z-index:1;position:absolute;top:0;right:0}.pending-notes .pending-note{gap:var(--space-2xs);padding:var(--space-xs) var(--space-row) var(--space-s);display:grid}.pending-notes .pending-note-line{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.pending-notes .pending-note-package{margin-inline-end:auto;font-weight:600}.pending-notes .pending-note-text{font-size:var(--text-s);text-wrap:pretty;line-height:1.5}.pending-notes .pending-note-text p+p{margin-block-start:var(--space-2xs)}}