@layer nexoftware-lib{.pill{border:1px solid var(--pill-border,color-mix(in srgb, var(--pill-bg,var(--nex-primary-surface)) 70%, var(--nex-text-disabled)));box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--pill-bg,var(--nex-primary-surface)) 90%, var(--nex-surface)), var(--pill-bg,var(--nex-primary-surface)));color:var(--pill-color,var(--nex-text));border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex;box-shadow:0 2px 6px #0f172a1f,inset 0 1px #ffffff73}.pill-content{align-items:center;display:inline-flex}.pill-dot{width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, currentColor 30%, transparent);background:currentColor;border-radius:999px;flex-shrink:0}.pill--with-dot{padding-left:.68rem}.pill--flat{background:var(--pill-flat-bg,color-mix(in srgb, var(--pill-bg,var(--nex-primary-surface)) 16%, transparent));border-color:var(--pill-flat-border,color-mix(in srgb, var(--pill-bg,var(--nex-primary-surface)) 28%, transparent));box-shadow:none}.pill--animated{animation:2.8s ease-in-out infinite pill-float;box-shadow:0 8px 20px #0f172a1f,inset 0 1px #ffffff73}.pill--dot-pulse .pill-dot,.pill--animated .pill-dot{animation:1.8s ease-in-out infinite pill-dot-pulse}.pill--neutral{--pill-bg:color-mix(in srgb, var(--nex-surface-raised,#e2e8f0) 86%, white);--pill-flat-bg:color-mix(in srgb, var(--nex-surface-raised,#e2e8f0) 28%, white);--pill-flat-border:color-mix(in srgb, var(--nex-text-muted,#64748b) 22%, transparent);--pill-color:var(--nex-text,#0f172a)}.pill--info{--pill-bg:#dbeafe;--pill-flat-bg:#3b82f61f;--pill-flat-border:#3b82f63d;--pill-color:#1d4ed8}.pill--success{--pill-bg:#dcfce7;--pill-flat-bg:#22c55e1f;--pill-flat-border:#22c55e3d;--pill-color:#15803d}.pill--warning{--pill-bg:#fef3c7;--pill-flat-bg:#f59e0b24;--pill-flat-border:#f59e0b47;--pill-color:#b45309}.pill--error{--pill-bg:#fee2e2;--pill-flat-bg:#ef444424;--pill-flat-border:#ef444447;--pill-color:#b91c1c}@keyframes pill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes pill-dot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 30%, transparent);opacity:.88;transform:scale(1)}50%{box-shadow:0 0 0 .38rem color-mix(in srgb, currentColor 8%, transparent);opacity:1;transform:scale(1.18)}}}