/* Copyright Ayers Electronics Inc. All rights reserved. */
/* A profile tile waiting on another screen's yes (js/picker-wait.js sets data-state="waiting" in
   place, so the ring stays on it): the picture dimmed, the tick at the circle's edge pulsing, and the
   waiting words under the name. A tile that is not waiting draws neither the tick nor the words; the
   words keep their room on every tile that can wait, so the row never moves when one starts. */
.profile-tile .checkbadge {
  display: none;
}
.profile-tile .profile-tile-wait {
  display: block;
  visibility: hidden;
  max-width: var(--profile-tile);
  overflow: hidden;
  font-size: var(--type-label);
  color: var(--accent-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-tile[data-state="waiting"] .checkbadge {
  display: grid;
  animation: picker-wait-pulse 1.2s ease-in-out infinite;
}
.profile-tile[data-state="waiting"] .profile-tile-face img {
  opacity: 0.45;
}
.profile-tile[data-state="waiting"] .profile-tile-wait {
  visibility: visible;
}
@keyframes picker-wait-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}