@layer design-system.components{.mx-tag{inline-size:fit-content;padding-inline:var(--pnx-horizontal-padding,var(--pnx-spacing-xxxs));background:var(--pnx-tag-background,var(--pnx-background,var(--pnx-colour-background)));color:var(--pnx-tag-foreground,var(--pnx-foreground,var(--pnx-colour-foreground)));text-transform:uppercase;font-weight:var(--pnx-font-weight,var(--pnx-font-weight-bold));font-size:var(--pnx-tag-font-size,var(--pnx-font-size-xs));line-height:var(--pnx-line-height,2);border-radius:var(--pnx-border-radius);border:var(--pnx-line-width,1px) solid var(--pnx-line-colour,currentcolor);text-decoration:none;display:inline-flex;overflow:hidden}.mx-tag:has(input:focus){outline:var(--pnx-outline-size,2px) var(--pnx-outline-style,solid) var(--pnx-outline-color,currentcolor);outline-offset:var(--pnx-outline-size,2px)}.mx-tag input{position:absolute;inset-block-start:-100px;inset-inline-start:-100px}.mx-tag label{font-size:inherit;color:inherit;margin:0}.mx-tag:is(a:hover,:has(input:checked)){--pnx-tag-foreground:var(--pnx-link-colour,var(--pnx-colour-primary))}.mx-tag:empty{display:none}.mx-tags{align-items:center;gap:var(--pnx-tags-gap,var(--pnx-spacing-s));overflow-clip-margin:var(--pnx-spacing-xxxs);flex-flow:wrap;padding-inline:0;list-style:none;display:flex;overflow:clip}}.mx-tag{--pnx-font-weight:var(--pnx-font-weight-normal);--pnx-line-colour:var(--pnx-colour-faint);padding-block-start:.125rem}.mx-text--section-headline:has(+.mx-tags){align-self:center;margin-block-end:0}