.activity-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  vertical-align: middle;
}
.activity-icon--tile {
  background: #fff;
  border: 1px solid rgba(23, 35, 55, .075);
  box-shadow: 0 2px 4px rgba(23, 35, 55, .035);
}
.activity-icon img {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.activity-icon--native img { width: 38px; height: 38px; }
.activity-icon--figma img { width: 29px; height: 29px; }
.activity-icon--axonaut { border-radius: 9px; }
.activity-icon--axonaut img { width: 34px; height: 34px; border-radius: 8px; }
.activity-icon--generic-app,
.activity-icon--generic-site,
.activity-icon--fallback { background: #f4f6fa; border: 1px solid #e8ecf2; box-shadow: none; }
.activity-icon--fallback img { width: 26px; height: 26px; }
.activity-name { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.activity-name > span:last-child { min-width: 0; }
.activity-name .activity-icon { width: 30px; height: 30px; flex-basis: 30px; border-radius: 8px; }
.activity-name .activity-icon img { width: 22px; height: 22px; }
.activity-name .activity-icon--native img { width: 30px; height: 30px; }
.activity-name .activity-icon--axonaut img { width: 27px; height: 27px; }
html[data-theme="ios"] .activity-icon--tile { border-color: rgba(20, 30, 50, .06); }
@media (prefers-reduced-motion: reduce) { .activity-icon { transition: none; } }