.x-tag[data-v-7f47daa7]{align-items:center;border-radius:var(--xy-radius-small);display:inline-flex;justify-content:center;padding:4px 8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.x-tag--sm[data-v-7f47daa7]{min-height:20px}.x-tag--md[data-v-7f47daa7],.x-tag--sm[data-v-7f47daa7]{font-size:var(--xy-text-auxiliary-size);line-height:var(--xy-text-auxiliary-line-height)}.x-tag--md[data-v-7f47daa7]{min-height:24px}.x-tag--lg[data-v-7f47daa7]{font-size:var(--xy-text-size);line-height:var(--xy-text-line-height);min-height:28px}.x-tag--default[data-v-7f47daa7]{background-color:var(--xy-main-btn-bg);color:var(--xy-main-level-1)}.x-tag--primary[data-v-7f47daa7]{background-color:var(--xy-wihte-1);color:var(--xy-main-level-1)}.x-tag--success[data-v-7f47daa7]{background-color:var(--xy-green-1);color:var(--xy-green-normal)}.x-tag--warning[data-v-7f47daa7]{background-color:var(--xy-orange-1);border:1px solid var(--xy-orange-3);color:var(--xy-orange-8)}.x-tag--error[data-v-7f47daa7]{background-color:var(--xy-error-1);color:var(--xy-error-normal)}.x-tag--info[data-v-7f47daa7]{background-color:var(--xy-auxiliary-1);color:var(--xy-auxiliary-normal)}.x-tag--muted[data-v-7f47daa7]{background-color:var(--xy-main-level-1);color:var(--xy-main-level-1)}.x-tag--clickable[data-v-7f47daa7]{cursor:pointer}.x-tag--clickable[data-v-7f47daa7]:hover{opacity:.8;transform:translateY(-1px)}.x-tag--clickable[data-v-7f47daa7]:active{opacity:.9;transform:translateY(0)}.x-tag--clickable[data-v-7f47daa7]:focus{outline:2px solid var(--xy-auxiliary-normal,#2463f0);outline-offset:2px}