.format-chip{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 3.5%, transparent);height:36px;color:var(--muted-foreground);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;outline:none;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:13px;font-weight:500;line-height:1;transition:border-color .15s,color .15s;display:inline-flex}.format-chip:hover,.format-chip:focus-visible{border-color:color-mix(in srgb, var(--foreground) 28%, transparent);color:var(--foreground)}.format-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 45%, transparent)}.format-chip img{object-fit:contain;flex:none;width:20px;height:20px}[data-theme=light] .format-chip[data-ink=light] img,[data-theme=dark] .format-chip[data-ink=dark] img,:root:not([data-theme=light]) .format-chip[data-ink=dark] img{filter:invert()}