.d-pill{--d-pill-ink:var(--d-neutral);--d-pill-tint:var(--d-neutral-bg);align-items:center;gap:var(--d-s1);height:var(--d-h-pill);padding:0 var(--d-s3);border-radius:var(--d-r-pill);background:var(--d-pill-tint);color:var(--d-pill-ink);font:var(--d-count);white-space:nowrap;flex:none;display:inline-flex}.d-pill[data-tone=green]{--d-pill-ink:var(--d-green);--d-pill-tint:var(--d-green-bg)}.d-pill[data-tone=amber]{--d-pill-ink:var(--d-amber);--d-pill-tint:var(--d-amber-bg)}.d-pill[data-tone=red]{--d-pill-ink:var(--d-red);--d-pill-tint:var(--d-red-bg)}.d-pill[data-on-photo]{background:var(--d-paper);color:var(--d-ink);box-shadow:var(--d-lift)}.d-pill>.d-icon{width:var(--d-s4);height:var(--d-s4)}.d-pill-dot{width:var(--d-s2);height:var(--d-s2);border-radius:var(--d-r-circle);background:var(--d-pill-ink);flex:none}.d-pill[data-plain]{gap:var(--d-s2);height:auto;color:var(--d-ink);font:var(--d-line);background:0 0;padding:0}.d-pill[data-plain][data-tone=neutral]>.d-pill-dot{background:var(--d-ink)}