.yotta-tag{--yotta-tag-bg-color: #fafafa;--yotta-tag-border-color: #f0f0f0;--yotta-tag-hover-color: #FFF;--yotta-tag-text-color: currentColor;display:inline-flex;align-items:baseline;vertical-align:middle;box-sizing:border-box;height:26px;line-height:26px;padding:0 8px;font-size:14px;font-weight:500;color:var(--yotta-tag-text-color);background-color:var(--yotta-tag-bg-color);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--global-border-radius)}.yotta-tag-icon{margin-right:4px}.yotta-tag-bordered{border-color:var(--yotta-tag-border-color)}.yotta-tag-disabled{opacity:.4;cursor:not-allowed}.yotta-tag-disabled .yotta-tag-close-icon .yotta-icon:hover{cursor:not-allowed!important;opacity:1}.yotta-tag-shap-square{border-radius:var(--global-border-radius)}.yotta-tag-shap-round{border-radius:12px}.yotta-tag .yotta-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yotta-tag .yotta-tag-close-icon{margin-left:4px;font-size:14px}.yotta-tag .yotta-tag-close-icon .yotta-icon:hover{cursor:pointer;opacity:.5}.yotta-tag-size-lg{height:30px;font-size:14px;line-height:30px}.yotta-tag .yotta-icon{font-size:14px}.yotta-tag-size-md{height:26px;font-size:14px;line-height:26px}.yotta-tag .yotta-icon{font-size:14px}.yotta-tag-size-sm{height:22px;font-size:12px;line-height:22px}.yotta-tag-size-xs{height:18px;font-size:12px;line-height:18px}.yotta-tag .yotta-icon{font-size:12px}.yotta-tag-primary{--yotta-tag-bg-color: #009688;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #009688;--yotta-tag-text-color: #FFF}.yotta-tag-primary-bordered{--yotta-tag-border-color: #009688}.yotta-tag-primary.yotta-tag-variant-light{--yotta-tag-bg-color: #e6f5f3;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #e6f5f3;--yotta-tag-text-color: #009688}.yotta-tag-primary.yotta-tag-variant-light-bordered{--yotta-tag-border-color: #80cbc4}.yotta-tag-primary.yotta-tag-variant-plain{--yotta-tag-bg-color: transparent;--yotta-tag-hover-color: transparent;--yotta-tag-text-color: #009688;--yotta-tag-border-color: transparent}.yotta-tag-primary.yotta-tag-variant-plain-bordered{--yotta-tag-border-color: #009688}.yotta-tag-normal{--yotta-tag-bg-color: #1e9fff;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #1e9fff;--yotta-tag-text-color: #FFF}.yotta-tag-normal-bordered{--yotta-tag-border-color: #1e9fff}.yotta-tag-normal.yotta-tag-variant-light{--yotta-tag-bg-color: #e9f5ff;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #e9f5ff;--yotta-tag-text-color: #1e9fff}.yotta-tag-normal.yotta-tag-variant-light-bordered{--yotta-tag-border-color: #8fcfff}.yotta-tag-normal.yotta-tag-variant-plain{--yotta-tag-bg-color: transparent;--yotta-tag-hover-color: transparent;--yotta-tag-text-color: #1e9fff;--yotta-tag-border-color: transparent}.yotta-tag-normal.yotta-tag-variant-plain-bordered{--yotta-tag-border-color: #1e9fff}.yotta-tag-warm{--yotta-tag-bg-color: #ffb800;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #ffb800;--yotta-tag-text-color: #FFF}.yotta-tag-warm-bordered{--yotta-tag-border-color: #ffb800}.yotta-tag-warm.yotta-tag-variant-light{--yotta-tag-bg-color: #fff8e6;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #fff8e6;--yotta-tag-text-color: #ffb800}.yotta-tag-warm.yotta-tag-variant-light-bordered{--yotta-tag-border-color: #ffdc80}.yotta-tag-warm.yotta-tag-variant-plain{--yotta-tag-bg-color: transparent;--yotta-tag-hover-color: transparent;--yotta-tag-text-color: #ffb800;--yotta-tag-border-color: transparent}.yotta-tag-warm.yotta-tag-variant-plain-bordered{--yotta-tag-border-color: #ffb800}.yotta-tag-danger{--yotta-tag-bg-color: #ff5722;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #ff5722;--yotta-tag-text-color: #FFF}.yotta-tag-danger-bordered{--yotta-tag-border-color: #ff5722}.yotta-tag-danger.yotta-tag-variant-light{--yotta-tag-bg-color: #ffeee9;--yotta-tag-border-color: transparent;--yotta-tag-hover-color: #ffeee9;--yotta-tag-text-color: #ff5722}.yotta-tag-danger.yotta-tag-variant-light-bordered{--yotta-tag-border-color: #ffab91}.yotta-tag-danger.yotta-tag-variant-plain{--yotta-tag-bg-color: transparent;--yotta-tag-hover-color: transparent;--yotta-tag-text-color: #ff5722;--yotta-tag-border-color: transparent}.yotta-tag-danger.yotta-tag-variant-plain-bordered{--yotta-tag-border-color: #ff5722}