@layer reset,base;@layer components.primitives{.pill{align-items:center;gap:var(--space-4);vertical-align:middle;border:1px solid var(--pill-border,color-mix(in srgb, var(--pill-accent) 40%, transparent));border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--pill-fg);line-height:var(--leading-none);white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-shrink:0;max-width:100%;display:inline-flex}.pill--caps{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.pill--sentence{font-family:var(--font-body);font-weight:var(--font-weight-medium)}.pill--sentence.pill--neutral{--pill-fg:var(--fg-2)}.pill--sm{padding:var(--space-2) var(--space-6);font-size:var(--text-10)}.pill--sm svg{width:var(--icon-xs);height:var(--icon-xs)}.pill--md{min-height:var(--pill-md);padding-block:0;padding-inline:var(--space-8);font-size:var(--type-caption-size)}.pill--lg{min-height:var(--pill-lg);padding:var(--space-4) var(--space-10);font-size:var(--type-meta-size)}.pill--lg.pill--caps{padding:var(--space-6) var(--space-14);font-size:var(--type-caption-size);font-weight:var(--font-weight-medium)}.pill--neutral{--pill-accent:var(--border-3);--pill-border:var(--border-1);--pill-bg:var(--bg-sunken);--pill-fg:var(--fg-3);--pill-dot:var(--fg-3)}.pill--brand{--pill-accent:var(--sky-500);--pill-bg:var(--bg-brand-soft);--pill-fg:var(--fg-brand-strong)}.pill--sage{--pill-accent:var(--sage-500);--pill-bg:var(--sage-soft);--pill-fg:var(--fg-on-sage-soft)}.pill--sand{--pill-accent:var(--sand-500);--pill-bg:var(--sand-soft);--pill-fg:var(--fg-on-sand-soft)}.pill--rose,.pill--dismiss:hover:not(:disabled){--pill-accent:var(--rose-500);--pill-bg:var(--rose-soft);--pill-fg:var(--fg-on-rose-soft)}.pill--peach{--pill-accent:var(--peach-500);--pill-bg:var(--peach-soft);--pill-fg:var(--fg-on-peach-soft)}.pill-dot{width:var(--dot-sm);height:var(--dot-sm);background:var(--pill-dot,var(--pill-accent));border-radius:50%;flex-shrink:0}@media (forced-colors:active){.pill-dot{forced-color-adjust:none;background:canvastext}}.pill--square{border-radius:var(--radius-xs)}.pill--outline{--pill-border:color-mix(in srgb, var(--pill-accent) 60%, transparent);background:0 0}.pill--truncate{flex-shrink:1;min-width:0}.pill--link{transition:var(--tint-transition);text-decoration:none}.pill--link:hover{background:var(--pill-bg);border-color:var(--pill-accent)}.pill--button{transition:var(--tint-transition)}.pill--button:hover:not(:disabled){border-color:var(--pill-accent)}.pill--button:disabled{opacity:var(--opacity-disabled)}.pill--grabbable{cursor:grab;-webkit-user-select:none;user-select:none}.pill--highlight{--pill-border:var(--success)}.pill--suggest{--pill-border:var(--border-3);--pill-accent:var(--border-brand-soft);--pill-fg:var(--fg-2);background:0 0;border-style:dashed}.pill--suggest svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--fg-3);flex:none}.pill--suggest:is(:hover,:focus-visible):not(:disabled){--pill-border:var(--pill-accent);background:var(--bg-brand-subtle);color:var(--fg-brand);border-style:solid}.pill--suggest:is(:hover,:focus-visible):not(:disabled) svg{color:var(--fg-brand)}.pill--suggest:active:not(:disabled){background:var(--bg-brand-soft)}.pill-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.pill-lead,.pill-trail{flex-shrink:0;align-items:center;display:inline-flex}.pill-trail{flex-shrink:1;min-width:0;overflow:hidden}.pill-remove{border-radius:var(--radius-pill);color:inherit;opacity:var(--opacity-muted);transition:opacity var(--dur-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--space-4));padding:0;display:inline-flex}.pill-remove:hover{opacity:1}.pill--accent{border-radius:var(--radius-xs);--pill-fg:var(--fg-1);padding-inline-start:var(--space-8);position:relative}.pill--accent:before{content:"";inset-inline-start:0;background:var(--pill-stripe,transparent);border-start-start-radius:var(--radius-xs);border-end-start-radius:var(--radius-xs);width:3px;position:absolute;top:0;bottom:0}.card-eyebrow-row{align-items:center;gap:var(--space-6);display:flex}}@layer components.patterns,components.features;