.label-chip--gray,.label-dot--gray{--label-ink:var(--label-gray)}.label-chip--red,.label-dot--red{--label-ink:var(--label-red)}.label-chip--orange,.label-dot--orange{--label-ink:var(--label-orange)}.label-chip--yellow,.label-dot--yellow{--label-ink:var(--label-yellow)}.label-chip--green,.label-dot--green{--label-ink:var(--label-green)}.label-chip--teal,.label-dot--teal{--label-ink:var(--label-teal)}.label-chip--blue,.label-dot--blue{--label-ink:var(--label-blue)}.label-chip--purple,.label-dot--purple{--label-ink:var(--label-purple)}.label-chip--pink,.label-dot--pink{--label-ink:var(--label-pink)}.label-chip{--mx-chip-ink:var(--label-ink);flex:none;max-width:11em}.label-chips:not(.is-measuring)>.label-chip:first-child{flex-shrink:1}.label-chip__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.label-chip--overflow{--label-ink:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.label-chips{align-items:center;gap:var(--space-1);flex:auto;min-width:0;display:flex;position:relative;overflow:hidden}.label-picker-anchor{pointer-events:none;width:0;position:absolute;inset:0 auto 0 0}.label-add{border:1px dashed color-mix(in srgb, var(--text-muted) 55%, transparent);border-radius:var(--radius-button);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mx-card__footer .label-add{border:0;margin-inline-start:auto}.label-add--spelled{gap:var(--space-1);width:auto;padding:0 var(--space-2) 0 6px;font-size:var(--text-xs);font-weight:600}.label-add svg{width:var(--mx-theme-control-icon-size,16px);height:var(--mx-theme-control-icon-size,16px)}.label-add:hover{background:var(--mx-theme-control-hover);color:var(--text-strong)}.label-add:focus-visible,.label-chips .mx-chip:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.label-picker__option:focus-visible,.label-color-button:focus-visible,.label-swatch:focus-visible{outline:var(--focus-ring);outline-offset:2px}.label-dot{background:var(--label-ink);border-radius:999px;flex-shrink:0;width:8px;height:8px}.label-tooltip{--mx-tooltip-max-width:280px;--mx-tooltip-padding:6px}.label-tooltip__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.label-tooltip__chips .label-chip{max-width:100%}.label-chips--wrap{flex-wrap:wrap;overflow:visible}.label-chips--wrap .label-chip{max-width:100%}.inspector-labels{min-width:0;display:flex}.label-picker{gap:var(--space-1);width:260px;padding:var(--space-2);background:var(--popover-edge-background,var(--popover-bg));border:var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);flex-direction:column;display:flex}.label-picker__search{--mx-text-field-background:var(--surface-3);--mx-text-field-border-color:var(--hairline-strong);--mx-text-field-foreground:var(--text-strong);--mx-text-field-placeholder:var(--text-muted);--mx-search-field-min-height:32px;--mx-text-field-radius:var(--mx-theme-radius-pill);margin-bottom:var(--space-1);font-size:var(--text-sm)}.label-picker__list{scrollbar-gutter:stable;flex-direction:column;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.label-picker__option{box-sizing:border-box;width:100%;min-width:0;min-height:var(--mx-theme-control-height,32px);border-radius:var(--mx-theme-radius-control,8px);color:var(--mx-theme-text);font-family:inherit;font-size:var(--mx-theme-type-body-2-size,14px);font-weight:var(--mx-theme-type-body-2-weight,400);line-height:var(--mx-theme-type-body-2-line,18px);letter-spacing:var(--mx-theme-tracking-body-2,.25px);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:3px 8px;display:flex}.label-picker__list .label-picker__option+.label-picker__option{margin-top:2px}.label-picker__option[aria-selected=true]{color:var(--mx-theme-text-strong);font-weight:var(--mx-theme-type-body-2-strong-weight,500)}.label-picker__option.is-active:not([aria-disabled=true]),.label-picker__foot .label-picker__option:hover{background:var(--mx-theme-control-hover-overlay);color:var(--mx-theme-text-strong)}@media (forced-colors:active){.label-picker__option.is-active{outline-offset:-1px;outline:1px solid highlight}}.label-picker__option[aria-disabled=true]{cursor:default}.label-picker__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.label-picker__check{width:var(--mx-theme-control-icon-size,16px);height:var(--mx-theme-control-icon-size,16px);color:var(--mx-theme-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.label-picker__check svg{width:100%;height:100%;display:block}.label-picker__create-icon{width:var(--mx-theme-control-icon-size,16px);height:var(--mx-theme-control-icon-size,16px);color:var(--mx-theme-text-muted);flex-shrink:0}.label-picker__heading{color:var(--mx-theme-text-muted);font-size:var(--mx-theme-type-heading-5-size,12px);font-weight:var(--mx-theme-type-heading-5-weight,700);letter-spacing:var(--mx-theme-tracking-heading-5,.5px);text-transform:uppercase;margin:0;padding:8px 8px 6px;line-height:1}.label-picker__empty{padding:8px 8px 8px calc(16px + var(--mx-theme-control-icon-size,16px));color:var(--mx-theme-text-muted);font-size:var(--mx-theme-type-body-2-size,14px);line-height:var(--mx-theme-type-body-2-line,18px);margin:0}.label-picker__foot:before{content:"";background:var(--mx-theme-border-strong);height:1px;margin:4px 8px 8px;display:block}.label-picker__foot .label-picker__option{padding-inline-start:calc(16px + var(--mx-theme-control-icon-size,16px))}.label-color-button{border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.label-color-button .label-dot{width:14px;height:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-strong) 18%, transparent)}.label-color-button:hover:not(:disabled){background:var(--mx-theme-control-hover)}.label-color-menu{padding:var(--space-1);background:var(--popover-edge-background,var(--popover-bg));border:var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow)}.label-swatches{flex-wrap:wrap;gap:6px;padding:6px;display:flex}.label-swatch{background:var(--label-ink);cursor:pointer;border:0;border-radius:999px;width:18px;height:18px;padding:0}.label-swatch.is-selected{box-shadow:0 0 0 2px var(--popover-bg), 0 0 0 4px var(--label-ink)}
