.tags-view[data-v-0f245fe5]{--tag-active-bg:#dbeafe;--tag-active-text:#2563eb;--tag-inactive-text:var(--color-secondary,#334155);--tag-bar-bg:#fff;--tag-bar-line:var(--color-border,#e2e8f0);--tag-curve-size:8px;border-bottom:1px solid var(--tag-bar-line);background:var(--tag-bar-bg);flex-shrink:0;align-items:flex-end;gap:.5rem;height:2.25rem;padding:0 1.5rem;display:flex}.tags-view__affix[data-v-0f245fe5]{flex-shrink:0;align-items:flex-end;gap:.25rem;margin-right:.125rem;padding-right:.5rem;display:flex}.tags-view__body[data-v-0f245fe5]{flex:1;align-items:flex-end;gap:.125rem;min-width:0;display:flex}.tags-view__scroll[data-v-0f245fe5]{flex:1;align-items:flex-end;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.tags-view__item[data-v-0f245fe5]{height:1.875rem;color:var(--tag-inactive-text);cursor:pointer;flex-shrink:0;align-items:center;gap:.125rem;margin-bottom:-1px;padding:0 .75rem;font-size:.75rem;line-height:1;transition:color .15s;display:inline-flex;position:relative}.tags-view__item[data-v-0f245fe5]:hover{color:#303133}.tags-view__item--active[data-v-0f245fe5]{z-index:1;margin-left:var(--tag-curve-size);margin-right:var(--tag-curve-size);border-radius:var(--tag-curve-size) var(--tag-curve-size) 0 0;background:var(--tag-active-bg);color:var(--tag-active-text)}.tags-view__item--active[data-v-0f245fe5]:before,.tags-view__item--active[data-v-0f245fe5]:after{content:"";width:var(--tag-curve-size);height:var(--tag-curve-size);position:absolute;bottom:0}.tags-view__item--active[data-v-0f245fe5]:before{left:calc(var(--tag-curve-size) * -1);border-bottom-right-radius:var(--tag-curve-size);box-shadow:2px 2px 0 var(--tag-active-bg)}.tags-view__item--active[data-v-0f245fe5]:after{right:calc(var(--tag-curve-size) * -1);border-bottom-left-radius:var(--tag-curve-size);box-shadow:-2px 2px 0 var(--tag-active-bg)}.tags-view__item--active[data-v-0f245fe5]:hover{color:var(--tag-active-text)}.tags-view__label[data-v-0f245fe5]{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.tags-view__close[data-v-0f245fe5]{width:0;height:1rem;color:inherit;opacity:0;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:.875rem;line-height:1;transition:width .15s,opacity .15s,background-color .15s;display:inline-flex;overflow:hidden}.tags-view__close span[data-v-0f245fe5]{text-align:center;width:1rem;display:block}.tags-view__item:hover .tags-view__close[data-v-0f245fe5],.tags-view__close--visible[data-v-0f245fe5]{opacity:1;width:1rem}.tags-view__close[data-v-0f245fe5]:hover{background:#2563eb1f}.tags-view__nav[data-v-0f245fe5]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.75rem;margin-bottom:.125rem;transition:background-color .15s,color .15s;display:flex}.tags-view__nav[data-v-0f245fe5]:hover:not(:disabled){color:#374151;background:#0000000a}.tags-view__nav[data-v-0f245fe5]:disabled{cursor:not-allowed;opacity:.35}.tags-view__menu[data-v-0f245fe5]{flex-shrink:0;margin-bottom:.25rem}.tags-view__menu-btn[data-v-0f245fe5]{border:1px solid var(--tag-bar-line);color:#6b7280;cursor:pointer;background:#fff;border-radius:.375rem;align-items:center;gap:.25rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;transition:background-color .15s,color .15s;display:flex}.tags-view__menu-btn[data-v-0f245fe5]:hover{color:#374151}