@layer q.tokens{:root,[data-theme]{--q-tag-gap:var(--q-space-0-5);--q-tag-focus-ring:var(--q-focus-ring-color);--q-tag-focus-ring-width:2px;--q-tag-radius:var(--q-radius-pill);--q-tag-font-family:var(--q-font-label);--q-tag-weight:var(--q-weight-label);--q-tag-tracking:var(--q-tracking-label);--q-tag-height:var(--q-space-3);--q-tag-font-size:var(--q-text-sm);--q-tag-px:var(--q-space-1);--q-tag-sm-height:var(--q-space-2-5);--q-tag-sm-font-size:var(--q-text-label);--q-tag-sm-px:var(--q-space-0-75);--q-tag-pl:var(--q-tag-px);--q-tag-sm-pl:var(--q-tag-sm-px);--q-tag-avatar-pl:var(--q-space-0-25);--q-tag-fg:var(--q-fg-body);--q-tag-bg:var(--q-bg-well);--q-tag-strong-fg:var(--q-fg);--q-tag-strong-bg:color-mix(in srgb, var(--q-fg) 9%, transparent);--q-tag-bg-hover:var(--q-tag-strong-bg);--q-tag-fg-hover:var(--q-tag-strong-fg);--q-tag-selected-bg:var(--q-accent-subtle);--q-tag-selected-bg-hover:var(--q-accent-subtle-hover);--q-tag-selected-fg:var(--q-accent-fg);--q-tag-info-fg:var(--q-status-info-fg);--q-tag-info-bg:var(--q-status-info-bg);--q-tag-info-border:var(--q-status-info-border);--q-tag-success-fg:var(--q-status-success-fg);--q-tag-success-bg:var(--q-status-success-bg);--q-tag-success-border:var(--q-status-success-border);--q-tag-warning-fg:var(--q-status-warning-fg);--q-tag-warning-bg:var(--q-status-warning-bg);--q-tag-warning-border:var(--q-status-warning-border);--q-tag-error-fg:var(--q-status-error-fg);--q-tag-error-bg:var(--q-status-error-bg);--q-tag-error-border:var(--q-status-error-border);--q-tag-disabled-opacity:.4;--q-tag-remove-size:var(--q-space-2);--q-tag-remove-icon-size:var(--q-icon-sm);--q-tag-remove-fg:var(--q-fg-muted);--q-tag-remove-nudge:calc(var(--q-space-0-25) * -1)}}@layer q.themes,q.base;@layer q.components{.q-tag{align-items:center;gap:var(--q-tag-gap);box-sizing:border-box;height:var(--q-tag-height);padding:0 var(--q-tag-px);padding-left:var(--q-tag-pl);border:var(--q-hairline) solid transparent;border-radius:var(--q-tag-radius);background:var(--q-tag-bg);color:var(--q-tag-fg);font-family:var(--q-tag-font-family);font-size:var(--q-tag-font-size);font-weight:var(--q-tag-weight);letter-spacing:var(--q-tag-tracking);line-height:var(--q-leading-none);white-space:nowrap;cursor:default;transition:background var(--q-dur-hover) var(--q-ease-soft), color var(--q-dur-hover) var(--q-ease-soft), border-color var(--q-dur-hover) var(--q-ease-soft);display:inline-flex}.q-tag--sm{height:var(--q-tag-sm-height);padding:0 var(--q-tag-sm-px);padding-left:var(--q-tag-sm-pl);font-size:var(--q-tag-sm-font-size)}.q-tag--with-avatar{padding-left:var(--q-tag-avatar-pl)}.q-tag--strong{background:var(--q-tag-strong-bg);color:var(--q-tag-strong-fg)}.q-tag--info{border-color:var(--q-tag-info-border);background:var(--q-tag-info-bg);color:var(--q-tag-info-fg)}.q-tag--success{border-color:var(--q-tag-success-border);background:var(--q-tag-success-bg);color:var(--q-tag-success-fg)}.q-tag--warning{border-color:var(--q-tag-warning-border);background:var(--q-tag-warning-bg);color:var(--q-tag-warning-fg)}.q-tag--error{border-color:var(--q-tag-error-border);background:var(--q-tag-error-bg);color:var(--q-tag-error-fg)}.q-tag--selectable{cursor:pointer}.q-tag--selectable:is(:hover,:focus-visible):not(:disabled,[aria-pressed=true]),.q-tag--selectable:is(:hover,:has(>.q-tag__select:focus-visible)):has(>.q-tag__select:not(:disabled,[aria-pressed=true])){background:var(--q-tag-bg-hover);color:var(--q-tag-fg-hover)}.q-tag--selectable[aria-pressed=true],.q-tag--selectable:has(>.q-tag__select[aria-pressed=true]){background:var(--q-tag-selected-bg);color:var(--q-tag-selected-fg);border-color:#0000}.q-tag--selectable:is([aria-pressed=true],:has(>.q-tag__select[aria-pressed=true])):is(:hover,:focus-visible):not(:disabled,.q-tag--disabled){background:var(--q-tag-selected-bg-hover)}.q-tag--disabled{opacity:var(--q-tag-disabled-opacity)}.q-tag--disabled.q-tag--selectable{cursor:not-allowed}.q-tag__select{align-items:center;gap:var(--q-tag-gap);color:inherit;font:inherit;letter-spacing:inherit;cursor:inherit;background:0 0;border:0;padding:0;display:inline-flex}.q-tag__select:focus-visible{outline:none!important}.q-tag:has(>.q-tag__select:focus-visible){outline:var(--q-tag-focus-ring-width) solid var(--q-tag-focus-ring);outline-offset:var(--q-tag-focus-ring-width)}.q-tag__icon{display:inline-flex}.q-tag__remove{width:var(--q-tag-remove-size);height:var(--q-tag-remove-size);margin-right:var(--q-tag-remove-nudge);border-radius:var(--q-radius-pill);color:var(--q-tag-remove-fg);font-size:var(--q-tag-remove-icon-size);line-height:var(--q-leading-none);cursor:pointer;transition:background var(--q-dur-hover) var(--q-ease-soft), color var(--q-dur-hover) var(--q-ease-soft);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.q-tag__remove:is(:hover,:focus-visible):not(:disabled){background:var(--q-tag-bg);color:var(--q-tag-strong-fg)}.q-tag__remove:disabled{cursor:not-allowed}.q-tag .q-tag__remove .q-icon{font-size:inherit}}@layer q.utilities;
