.due{border:1px solid var(--rule-2);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.78rem;font-weight:600;line-height:1.4;display:inline-flex}.due--compact{vertical-align:1px;margin-left:.4rem;padding:0 .45rem;font-size:.72rem}.due__icon{color:var(--muted);flex:none}.due--soon{border-color:color-mix(in srgb, var(--human) 45%, transparent);background:color-mix(in srgb, var(--human) 10%, transparent);color:var(--human)}.due--late{border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.due--soon .due__icon,.due--late .due__icon,.due--done .due__icon{color:currentColor}.due--done{background:var(--lime-wash);color:var(--accent);border-color:#0000}.due__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}