.color-tag[data-v-f787e519]{vertical-align:top;transition:var(--transition);color:var(--color);background:var(--background);align-items:center;display:inline-flex}.color-tag--hoverable[data-v-f787e519]{cursor:pointer}.color-tag--hoverable[data-v-f787e519]:hover{background:var(--hover-background)}.color-tag--medium[data-v-f787e519]{padding:0 var(--size-2);border-radius:var(--border-radius-small);height:24px;font-size:var(--font-size-body-2)}.color-tag--small[data-v-f787e519]{padding:0 var(--size-2);border-radius:var(--border-radius-small);height:20px;line-height:20px;font-size:var(--font-size-body-1)}.color-tag-clear[data-v-f787e519]{width:0;height:0;transition:var(--transition);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:0;font-size:10px;display:inline-flex;overflow:hidden}.color-tag-clear[data-v-f787e519]:hover{color:#fff;background:var(--color-text-2)}.color-tag--clearable:hover .color-tag-clear[data-v-f787e519]{width:16px;height:16px;margin-left:2px}