/* The icon square, sized and dimmed like the hive dashboard's
   `.container-icon` (dashboard.css). */
.ui-agent-icon {
  position: relative;
  overflow: hidden;
  flex: none;
  width: 5em;
  aspect-ratio: 1;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--crust) 60%, transparent);
}
.ui-agent-icon > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ui-agent-icon-none {
  filter: grayscale(1);
  opacity: 0.4;
}
/* Beside a line of text, inside a badge. */
.ui-agent-icon-small {
  width: 1.3em;
  border-radius: 3px;
}