@layer onyx.component{.onyx-tag{align-items:center;gap:var(--onyx-density-2xs);width:max-content;max-width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-xs);border-radius:var(--onyx-radius-xs);font-family:var(--onyx-font-family-paragraph);color:var(--onyx-tag-color);border:var(--onyx-1px-in-rem) solid var(--onyx-tag-border-color);background-color:var(--onyx-tag-background-color);display:inline-flex}.onyx-tag--primary{--onyx-tag-background-color:var(--onyx-color-base-primary-100);--onyx-tag-border-color:var(--onyx-color-component-border-primary);--onyx-tag-color:var(--onyx-color-text-icons-primary-bold);--onyx-tag-hover-background-color:var(--onyx-color-base-primary-200);--onyx-tag-focus-color:var(--onyx-color-component-focus-primary);--onyx-tag-focus-background-color:var(--onyx-color-base-primary-200)}.onyx-tag--neutral{--onyx-tag-background-color:var(--onyx-color-base-background-blank);--onyx-tag-border-color:var(--onyx-color-component-border-neutral);--onyx-tag-color:var(--onyx-color-text-icons-neutral-intense);--onyx-tag-hover-background-color:var(--onyx-color-base-neutral-200);--onyx-tag-focus-color:var(--onyx-color-component-focus-neutral);--onyx-tag-focus-background-color:var(--onyx-color-base-neutral-200)}.onyx-tag--danger{--onyx-tag-background-color:var(--onyx-color-base-danger-100);--onyx-tag-border-color:var(--onyx-color-base-danger-400);--onyx-tag-color:var(--onyx-color-text-icons-danger-bold);--onyx-tag-hover-background-color:var(--onyx-color-base-danger-200);--onyx-tag-focus-color:var(--onyx-color-component-focus-danger);--onyx-tag-focus-background-color:var(--onyx-color-base-danger-200)}.onyx-tag--warning{--onyx-tag-background-color:var(--onyx-color-base-warning-100);--onyx-tag-border-color:var(--onyx-color-base-warning-400);--onyx-tag-color:var(--onyx-color-text-icons-warning-bold);--onyx-tag-hover-background-color:var(--onyx-color-base-warning-200);--onyx-tag-focus-color:var(--onyx-color-component-focus-warning);--onyx-tag-focus-background-color:var(--onyx-color-base-warning-200)}.onyx-tag--success{--onyx-tag-background-color:var(--onyx-color-base-success-100);--onyx-tag-border-color:var(--onyx-color-base-success-400);--onyx-tag-color:var(--onyx-color-text-icons-success-bold);--onyx-tag-hover-background-color:var(--onyx-color-base-success-200);--onyx-tag-focus-color:var(--onyx-color-component-focus-success);--onyx-tag-focus-background-color:var(--onyx-color-base-success-200)}.onyx-tag--info{--onyx-tag-background-color:var(--onyx-color-base-info-100);--onyx-tag-border-color:var(--onyx-color-base-info-400);--onyx-tag-color:var(--onyx-color-text-icons-info-bold);--onyx-tag-hover-background-color:var(--onyx-color-base-info-200);--onyx-tag-focus-color:var(--onyx-color-base-info-200);--onyx-tag-focus-background-color:var(--onyx-color-base-info-200)}.onyx-tag--interactive{cursor:pointer}.onyx-tag--interactive:hover{background-color:var(--onyx-tag-hover-background-color)}.onyx-tag--interactive:focus-visible{background-color:var(--onyx-tag-focus-background-color);outline:var(--onyx-outline-width) solid var(--onyx-tag-focus-color)}.onyx-tag-skeleton{width:var(--onyx-density-2xl);height:calc(1.5rem + 2 * var(--onyx-density-3xs));vertical-align:middle;display:inline-block}}