/*
  Cally UI Cameo v0.1
  Sleeping Cally only. Silent decorative UI detail.
*/

.cally-cameo {
  position: fixed;
  z-index: 12;
  display: block;
  max-width: 132px;
  min-width: 96px;
  height: auto;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  opacity: 0.92;
}

.cally-cameo img {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

@media (prefers-reduced-motion: no-preference) {
  .cally-cameo {
    animation: cally-breathe 5.5s ease-in-out infinite;
    transform-origin: 50% 80%;
  }

  @keyframes cally-breathe {
    0%,
    100% {
      transform: translateY(0) scale(1);
      opacity: 0.9;
    }

    50% {
      transform: translateY(-1px) scale(1.015);
      opacity: 0.96;
    }
  }
}

@media (max-width: 640px) {
  .cally-cameo {
    max-width: 112px;
    min-width: 88px;
  }
}