.yh-tag{--yh-tag-font-size: 12px;--yh-tag-border-radius: 4px;--yh-tag-border-radius-rounded: 9999px}.yh-tag{background-color:var(--yh-tag-bg-color);border-color:var(--yh-tag-border-color);color:var(--yh-tag-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--yh-tag-border-radius);border-style:solid;border-width:1px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--yh-tag-font-size);height:24px;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--yh-icon-size: 14px;--yh-tag-bg-color: var(--yh-color-primary-light-9);--yh-tag-border-color: var(--yh-color-primary-light-8);--yh-tag-hover-color: var(--yh-color-primary)}.yh-tag.yh-tag--primary{--yh-tag-bg-color: var(--yh-color-primary-light-9);--yh-tag-border-color: var(--yh-color-primary-light-8);--yh-tag-hover-color: var(--yh-color-primary)}.yh-tag.yh-tag--success{--yh-tag-bg-color: var(--yh-color-success-light-9);--yh-tag-border-color: var(--yh-color-success-light-8);--yh-tag-hover-color: var(--yh-color-success)}.yh-tag.yh-tag--warning{--yh-tag-bg-color: var(--yh-color-warning-light-9);--yh-tag-border-color: var(--yh-color-warning-light-8);--yh-tag-hover-color: var(--yh-color-warning)}.yh-tag.yh-tag--danger{--yh-tag-bg-color: var(--yh-color-danger-light-9);--yh-tag-border-color: var(--yh-color-danger-light-8);--yh-tag-hover-color: var(--yh-color-danger)}.yh-tag.yh-tag--error{--yh-tag-bg-color: var(--yh-color-error-light-9);--yh-tag-border-color: var(--yh-color-error-light-8);--yh-tag-hover-color: var(--yh-color-error)}.yh-tag.yh-tag--info{--yh-tag-bg-color: var(--yh-color-info-light-9);--yh-tag-border-color: var(--yh-color-info-light-8);--yh-tag-hover-color: var(--yh-color-info)}.yh-tag.is-hit{border-color:var(--yh-color-primary)}.yh-tag.is-round{border-radius:var(--yh-tag-border-radius-rounded)}.yh-tag .yh-tag__close{-ms-flex-negative:0;color:var(--yh-tag-text-color);flex-shrink:0}.yh-tag .yh-tag__close:hover{background-color:var(--yh-tag-hover-color);color:var(--yh-color-white)}.yh-tag.yh-tag--primary{--yh-tag-text-color: var(--yh-color-primary)}.yh-tag.yh-tag--success{--yh-tag-text-color: var(--yh-color-success)}.yh-tag.yh-tag--warning{--yh-tag-text-color: var(--yh-color-warning)}.yh-tag.yh-tag--danger{--yh-tag-text-color: var(--yh-color-danger)}.yh-tag.yh-tag--error{--yh-tag-text-color: var(--yh-color-error)}.yh-tag.yh-tag--info{--yh-tag-text-color: var(--yh-color-info)}.yh-tag .yh-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--yh-icon-size) - 2px);height:var(--yh-icon-size);width:var(--yh-icon-size)}.yh-tag .yh-tag__close{margin-left:6px}.yh-tag--dark{--yh-tag-text-color: var(--yh-color-white);--yh-tag-bg-color: var(--yh-color-primary);--yh-tag-border-color: var(--yh-color-primary);--yh-tag-hover-color: var(--yh-color-primary-light-3)}.yh-tag--dark.yh-tag--primary{--yh-tag-bg-color: var(--yh-color-primary);--yh-tag-border-color: var(--yh-color-primary);--yh-tag-hover-color: var(--yh-color-primary-light-3)}.yh-tag--dark.yh-tag--success{--yh-tag-bg-color: var(--yh-color-success);--yh-tag-border-color: var(--yh-color-success);--yh-tag-hover-color: var(--yh-color-success-light-3)}.yh-tag--dark.yh-tag--warning{--yh-tag-bg-color: var(--yh-color-warning);--yh-tag-border-color: var(--yh-color-warning);--yh-tag-hover-color: var(--yh-color-warning-light-3)}.yh-tag--dark.yh-tag--danger{--yh-tag-bg-color: var(--yh-color-danger);--yh-tag-border-color: var(--yh-color-danger);--yh-tag-hover-color: var(--yh-color-danger-light-3)}.yh-tag--dark.yh-tag--error{--yh-tag-bg-color: var(--yh-color-error);--yh-tag-border-color: var(--yh-color-error);--yh-tag-hover-color: var(--yh-color-error-light-3)}.yh-tag--dark.yh-tag--info{--yh-tag-bg-color: var(--yh-color-info);--yh-tag-border-color: var(--yh-color-info);--yh-tag-hover-color: var(--yh-color-info-light-3)}.yh-tag--dark.yh-tag--primary,.yh-tag--dark.yh-tag--success,.yh-tag--dark.yh-tag--warning,.yh-tag--dark.yh-tag--danger,.yh-tag--dark.yh-tag--error,.yh-tag--dark.yh-tag--info{--yh-tag-text-color: var(--yh-color-white)}.yh-tag--plain,.yh-tag--plain.yh-tag--primary{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-primary-light-5);--yh-tag-hover-color: var(--yh-color-primary)}.yh-tag--plain.yh-tag--success{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-success-light-5);--yh-tag-hover-color: var(--yh-color-success)}.yh-tag--plain.yh-tag--warning{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-warning-light-5);--yh-tag-hover-color: var(--yh-color-warning)}.yh-tag--plain.yh-tag--danger{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-danger-light-5);--yh-tag-hover-color: var(--yh-color-danger)}.yh-tag--plain.yh-tag--error{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-error-light-5);--yh-tag-hover-color: var(--yh-color-error)}.yh-tag--plain.yh-tag--info{--yh-tag-bg-color: var(--yh-fill-color-blank);--yh-tag-border-color: var(--yh-color-info-light-5);--yh-tag-hover-color: var(--yh-color-info)}.yh-tag.is-closable{padding-right:5px}.yh-tag--large{height:32px;padding:0 11px;--yh-icon-size: 16px}.yh-tag--large .yh-tag__close{margin-left:8px}.yh-tag--large.is-closable{padding-right:7px}.yh-tag--small{height:20px;padding:0 7px;--yh-icon-size: 12px}.yh-tag--small .yh-tag__close{margin-left:4px}.yh-tag--small.is-closable{padding-right:3px}.yh-tag--small .yh-icon-close{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.yh-tag.yh-tag--primary.is-hit{border-color:var(--yh-color-primary)}.yh-tag.yh-tag--success.is-hit{border-color:var(--yh-color-success)}.yh-tag.yh-tag--warning.is-hit{border-color:var(--yh-color-warning)}.yh-tag.yh-tag--danger.is-hit{border-color:var(--yh-color-danger)}.yh-tag.yh-tag--error.is-hit{border-color:var(--yh-color-error)}.yh-tag.yh-tag--info.is-hit{border-color:var(--yh-color-info)}