@layer components{.pocket-badge{--badge-color:var(--p-ink);border:1.5px solid var(--badge-color);background:color-mix(in srgb, var(--badge-color) 12%, var(--p-sheet));min-height:26px;color:var(--badge-color);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font:700 12px/1.3 Bricolage Grotesque,sans-serif;display:inline-flex}.pocket-badge>svg{flex-shrink:0}.pocket-badge[data-tone=info]{--badge-color:var(--p-info)}.pocket-badge[data-tone=success]{--badge-color:var(--p-success)}.pocket-badge[data-tone=warning]{--badge-color:var(--p-warning)}.pocket-badge[data-tone=danger]{--badge-color:var(--p-danger)}.pocket-badge[data-tone=yellow]{background:var(--p-yellow)}.pocket-badge[data-size=sm]{border-radius:6px;gap:3px;min-height:0;padding:1px 6px;font-size:10.5px;font-weight:750}svg[data-state=processing]{animation:1.4s linear infinite pocket-badge-spin}@keyframes pocket-badge-spin{to{transform:rotate(360deg)}}.pocket-status-dot{border:1.5px solid var(--p-ink);background:var(--pf-display);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.pocket-status-dot[data-state=done]{border-color:var(--p-success);background:var(--p-success)}.pocket-status-dot[data-state=active]{border-color:var(--p-cobalt);background:var(--p-cobalt);animation:1.6s ease-out infinite pocket-status-dot-pulse}.pocket-status-dot[data-state=waiting]{background:var(--p-yellow)}.pocket-status-dot[data-state=stopped]{border-color:var(--p-danger);background:var(--p-danger)}@keyframes pocket-status-dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--p-cobalt) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}@media (prefers-reduced-motion:reduce){svg[data-state=processing],.pocket-status-dot[data-state=active]{animation:none}}}