:root{--z-tag-padding:.3em;--z-tag-color:var(--z-color-secondary);--z-tag-label-color:unset;--z-tag-bg:currentColor;--z-tag-bg-opacity:.15;--z-tag-border-color:currentColor}.z-tag{--z-tag-height:calc(var(--z-tag-padding) * 2 + var(--z-line-height));position:relative;display:inline-flex;align-items:center;min-width:var(--z-tag-height);min-height:var(--z-tag-height);gap:var(--z-tag-padding);padding-inline:var(--z-tag-padding);line-height:var(--z-line-height);white-space:nowrap;vertical-align:top;box-sizing:border-box;color:var(--z-tag-color);background:no-repeat 50%/cover;border-radius:.4em;overflow:hidden;z-index:0}.z-tag:after,.z-tag:before{position:absolute;inset:0 .05px .05px 0;content:"";border-radius:inherit;z-index:-1}.z-tag:before{background:var(--z-tag-bg);opacity:var(--z-tag-bg-opacity)}.z-tag:after{border:var(--z-tag-border-color) solid 1px;opacity:.4}.z-tag.z-round{border-radius:10em}.z-tag.z-disabled{opacity:.5;pointer-events:none}.z-tag.z-disabled:before{opacity:.1}.z-tag.z-disabled:after{display:none}.z-tag.z-disabled>.z-close-button{opacity:.5}.z-tag .z-label{max-width:12em;overflow:hidden;text-overflow:ellipsis;color:var(--z-tag-label-color)}.z-tag .z-label:first-child{padding-inline-start:var(--z-tag-padding)}.z-tag .z-label:last-child{padding-inline-end:var(--z-tag-padding)}.z-tag>.z-icon{opacity:.8}.z-tag>.z-close-button:only-child,.z-tag>.z-icon:only-child{margin:0 auto}.z-tag>.z-close-button{padding:2px;border-radius:inherit;cursor:pointer}.z-tag>.z-close-button .z-icon{display:block;line-height:1}.z-tag>.z-close-button .z-close-icon{position:relative;display:block;width:1em;height:1em}.z-tag>.z-close-button .z-close-icon:after,.z-tag>.z-close-button .z-close-icon:before{position:absolute;left:50%;top:.1em;bottom:.1em;width:1px;content:"";background:currentColor;transform:rotate(-45deg)}.z-tag>.z-close-button .z-close-icon:after{transform:rotate(45deg)}.z-tag>.z-close-button:hover{background:currentColor;opacity:.6}.z-tag>.z-close-button:hover *{color:#fff}