@layer theme,base;@layer app{.label-dot{border-radius:50%;flex:none;width:7px;height:7px}.label-chips{flex-wrap:wrap;gap:4px;min-width:0;display:inline-flex}.label-chip{border:1px solid var(--line-2);height:20px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:inline-flex}.label-search{border:0;border-bottom:1px solid var(--line);width:100%;height:30px;color:var(--text);font:inherit;background:0 0;outline:none;margin-bottom:4px;padding:0 8px;font-size:13px}.tasks-workspace a.task-chip.task-label{text-decoration:none}.tasks-workspace a.task-chip.task-label:hover{color:var(--text);background:var(--hover)}.tasks-workspace .task-chip.task-label .label-dot{width:7px;height:7px}}@layer components,utilities;.sp-row-text.label-row-text{flex-direction:row;align-items:center;gap:10px}.label-swatch-button{cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;min-height:0;padding:0;display:grid}.label-swatch-button:hover:not(:disabled){background:var(--hover)}.label-swatch-button .label-dot{width:10px;height:10px}.label-swatches{grid-template-columns:repeat(5,auto);gap:2px;padding:6px;display:grid}.label-swatches .label-swatch{justify-content:center;padding:4px}.label-swatch-dot{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.label-swatch-dot svg{width:12px;height:12px}.label-new-icon{width:14px;height:14px;color:var(--muted);flex:none;margin:0 4px}