@layer components{.approach-tag{min-width:0;max-width:100%;height:22px;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-content);font-size:var(--text-2sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.approach-tag[data-approach]:before{content:"";border-radius:50%;flex:none;width:7px;height:7px}.approach-tag[data-approach=imitation]:before{background:var(--color-approach-imitation)}.approach-tag[data-approach=iteration]:before{background:var(--color-approach-iteration)}.approach-tag[data-approach=ideation]:before{background:var(--color-approach-ideation)}.approach-tag-label{text-overflow:ellipsis;min-width:0;overflow:hidden}}