.os-tag{display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;color:var(--os-tag-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--os-tag-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--os-tag-background-color);border:1px solid;border-color:var(--os-tag-border-color);padding:.3em .6em;font-size:var(--os-tag-font-size);border-radius:var(--os-tag-border-radius)}.os-tag span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-tag i{display:block}.os-tag{--os-tag-color: var(--os-color-neutral-6);--os-tag-border-color: var(--os-color-neutral-2);--os-tag-background-color: var(--os-color-neutral-1);--os-tag-border-radius: var(--os-border-radius-rounded)}.os-tag-mini{font-size:12px}.os-tag-small{font-size:var(--os-heading8)}.os-tag-medium{font-size:var(--os-heading7)}.os-tag-large{font-size:var(--os-heading6)}.os-tag-clear{font-size:12px;margin-left:var(--os-space-xs);transition:all .2s}.os-tag-clear:hover{transform:rotate3d(0,0,1,90deg)}.os-tag.os-tag-primary{--os-tag-color: var(--os-color-primary);--os-tag-background-color: var(--os-color-primary-lightest);--os-tag-border-color: var(--os-color-primary-lighter)}.os-tag.os-tag-success{--os-tag-color: var(--os-color-success);--os-tag-background-color: var(--os-color-success-lightest);--os-tag-border-color: var(--os-color-success-lighter)}.os-tag.os-tag-warning{--os-tag-color: var(--os-color-warning);--os-tag-background-color: var(--os-color-warning-lightest);--os-tag-border-color: var(--os-color-warning-lighter)}.os-tag.os-tag-danger{--os-tag-color: var(--os-color-danger);--os-tag-background-color: var(--os-color-danger-lightest);--os-tag-border-color: var(--os-color-danger-lighter)}