:root{--puikit-tag-font-family:var(--puikit-font-family-sans);--puikit-tag-height-s:var(--puikit-action-size-1);--puikit-tag-height-m:var(--puikit-action-size-2);--puikit-tag-height-l:var(--puikit-action-size-3);--puikit-tag-padding-x-s:var(--puikit-padding-2);--puikit-tag-padding-x-m:var(--puikit-padding-3);--puikit-tag-padding-x-l:var(--puikit-padding-4);--puikit-tag-gap:var(--puikit-gap-1);--puikit-tag-border-width:1px;--puikit-tag-bg-opacity:13%;--puikit-tag-border-radius-s:var(--puikit-border-radius-1);--puikit-tag-border-radius-m:var(--puikit-border-radius-2);--puikit-tag-border-radius-l:var(--puikit-border-radius-2);--puikit-tag-color-success:var(--puikit-color-success-450);--puikit-tag-color-warning:var(--puikit-color-warning-500);--puikit-tag-color-danger:var(--puikit-color-danger-500);--puikit-tag-color-info:var(--puikit-color-info-500);--puikit-tag-color-primary:var(--puikit-color-brand-500);--puikit-tag-color-secondary:var(--puikit-color-secondary-500);--puikit-tag-color-neutral:var(--puikit-color-neutral-500);--puikit-tag-solid-text-color:var(--puikit-color-text-primary);--puikit-tag-muted-text-color-success:var(--puikit-color-success-350);--puikit-tag-muted-text-color-warning:var(--puikit-color-warning-400);--puikit-tag-muted-text-color-danger:var(--puikit-color-danger-400);--puikit-tag-muted-text-color-info:var(--puikit-color-info-400);--puikit-tag-muted-text-color-primary:var(--puikit-color-brand-400);--puikit-tag-muted-text-color-secondary:var(--puikit-color-secondary-400);--puikit-tag-muted-text-color-neutral:var(--puikit-color-neutral-300);--puikit-tag-muted-bg-color-success:var(--puikit-color-success-450);--puikit-tag-muted-bg-color-warning:var(--puikit-color-warning-500);--puikit-tag-muted-bg-color-danger:var(--puikit-color-danger-500);--puikit-tag-muted-bg-color-info:var(--puikit-color-info-500);--puikit-tag-muted-bg-color-primary:var(--puikit-color-brand-400);--puikit-tag-muted-bg-color-secondary:var(--puikit-color-secondary-500);--puikit-tag-muted-bg-color-neutral:var(--puikit-color-neutral-400);--puikit-tag-muted-border-color:var(--puikit-color-alpha-neutral-light-70)}.pui-tag{box-sizing:border-box;font-family:var(--puikit-tag-font-family),sans-serif;align-items:center;gap:var(--puikit-tag-gap);transition:background-color var(--puikit-transition-fast);white-space:nowrap;display:inline-flex}.pui-tag__text{line-height:1}.pui-tag__icon{flex-shrink:0}.pui-tag--s{border-radius:var(--puikit-tag-border-radius-s);height:var(--puikit-tag-height-s);padding-inline:var(--puikit-tag-padding-x-s)}.pui-tag--m{border-radius:var(--puikit-tag-border-radius-m);height:var(--puikit-tag-height-m);padding-inline:var(--puikit-tag-padding-x-m)}.pui-tag--l{border-radius:var(--puikit-tag-border-radius-l);height:var(--puikit-tag-height-l);padding-inline:var(--puikit-tag-padding-x-l)}.pui-tag__close-button{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:100%;margin:0;padding:0;display:inline-flex}.pui-tag__close-icon{opacity:.7;transition:opacity var(--puikit-transition-fast)}@media (hover:hover){.pui-tag__close-button:hover .pui-tag__close-icon{opacity:1}}.pui-tag--success{--puikit-tag-solid-bg:var(--puikit-tag-color-success);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-success);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-success)}.pui-tag--warning{--puikit-tag-solid-bg:var(--puikit-tag-color-warning);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-warning);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-warning)}.pui-tag--danger{--puikit-tag-solid-bg:var(--puikit-tag-color-danger);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-danger);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-danger)}.pui-tag--info{--puikit-tag-solid-bg:var(--puikit-tag-color-info);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-info);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-info)}.pui-tag--primary{--puikit-tag-solid-bg:var(--puikit-tag-color-primary);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-primary);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-primary)}.pui-tag--secondary{--puikit-tag-solid-bg:var(--puikit-tag-color-secondary);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-secondary);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-secondary)}.pui-tag--neutral{--puikit-tag-solid-bg:var(--puikit-tag-color-neutral);--puikit-tag-muted-text:var(--puikit-tag-muted-text-color-neutral);--puikit-tag-muted-bg:var(--puikit-tag-muted-bg-color-neutral)}.pui-tag--solid{background-color:var(--puikit-tag-solid-bg);color:var(--puikit-tag-solid-text-color)}.pui-tag--muted{background-color:color-mix(in srgb,var(--puikit-tag-muted-bg) var(--puikit-tag-bg-opacity),transparent);border:var(--puikit-tag-border-width) solid var(--puikit-tag-muted-border-color);color:var(--puikit-tag-muted-text)}