@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,0) var(--timing), box-shadow var(--transition-base,0) var(--timing), color var(--transition-base,0) var(--timing);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 1.5px var(--ring);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) .8125rem;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-s);max-width:var(--measure-note);text-wrap:pretty;margin-block-start:3px;line-height:1.45}.tag{border-radius:var(--radius-full);color:var(--ink);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:5px;height:1.375rem;padding:0 .5625rem;font-weight:600;display:inline-flex}.tag>svg{width:.8125rem;height:.8125rem}.tag.newest{background:var(--track);padding-inline-start:.4375rem}.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:inset 0 0 0 var(--stroke-hair) var(--ring);color:var(--ink-soft)}.tag.hand{color:var(--ink-soft);outline:var(--stroke-hair) dashed var(--mute);outline-offset:calc(-1 * var(--stroke-hair));padding-inline-start:.4375rem}.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(--separator);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-m);text-wrap:pretty;line-height:1.5}.pending-notes .pending-note-text p+p{margin-block-start:var(--space-2xs)}}