.motion-pills{min-width:0}.motion-pills[data-variant=workspace]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.motion-pills[data-variant=workspace] .motion-pill{isolation:isolate;height:36px;color:var(--muted-foreground);font-size:var(--overview-text-control,14px);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 13px;font-weight:590;display:flex;position:relative}.motion-pills[data-variant=workspace] .motion-pill:hover{background:var(--muted);color:var(--foreground)}.motion-pills[data-variant=workspace] .motion-pill.is-active{color:var(--primary)}.motion-pills[data-variant=workspace] .motion-pill.is-active:hover{background:0 0}.motion-pills[data-variant=workspace] .motion-pill-active{z-index:0;background:color-mix(in srgb, var(--primary) 10%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 50%, var(--border));border-radius:9px;position:absolute;inset:-1px}.motion-pills[data-variant=workspace] .motion-pill-count{color:inherit;background:color-mix(in srgb, currentColor 8%, transparent);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 5px;font-size:13px;font-weight:500}.motion-pills[data-variant=workspace] .motion-pill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}