: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));min-width:var(--z-tag-height);min-height:var(--z-tag-height);align-items:center;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);z-index:0;background:50%/cover no-repeat;border-radius:.4em;display:inline-flex;position:relative;overflow:hidden}.z-tag:after,.z-tag:before{content:"";border-radius:inherit;z-index:-1;position:absolute;inset:0 .05px .05px 0}.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{text-overflow:ellipsis;max-width:12em;color:var(--z-tag-label-color);overflow:hidden}.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{border-radius:inherit;cursor:pointer;padding:2px}.z-tag>.z-close-button .z-icon{line-height:1;display:block}.z-tag>.z-close-button .z-close-icon{width:1em;height:1em;display:block;position:relative}.z-tag>.z-close-button .z-close-icon:after,.z-tag>.z-close-button .z-close-icon:before{content:"";background:currentColor;width:1px;position:absolute;top:.1em;bottom:.1em;left:50%;transform:rotate(-45deg)}.z-tag>.z-close-button .z-close-icon:after{transform:rotate(45deg)}.z-tag>.z-close-button:hover{opacity:.6;background:currentColor}.z-tag>.z-close-button:hover *{color:#fff}