.peebly-mascot {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:25px;
  height:22px;
  min-width:25px;
  background:#b9a9e7;
  border-radius:9px;
  transform:rotate(-7deg);
  vertical-align:middle;
  transition:transform .09s ease-out;
}
.peebly-mascot i {
  display:block;
  width:3px;
  height:7px;
  background:#352c48;
  border-radius:3px;
  translate:var(--look-x,0px) var(--look-y,0px);
  transition:translate .28s ease-in-out,height .18s ease-out;
  transform-origin:center;
  animation:peebly-blink var(--blink-time,5.7s) var(--blink-delay,0s) infinite linear;
}
.peebly-mascot.aware i { transition:translate .08s ease-out,height .08s ease-out; }
.peebly-mascot.is-squeezed { transform:rotate(-7deg) scale(.88); }
.peebly-mascot.is-squeezed i { height:4px; }
@keyframes peebly-blink {
  0%,43%,45%,90%,92%,100% { transform:scaleY(1); }
  44%,44.4%,91%,91.4% { transform:scaleY(.08); }
}
@media (prefers-reduced-motion:reduce) {
  .peebly-mascot,.peebly-mascot i { animation:none!important;transition:none!important; }
  .peebly-mascot.is-squeezed { transform:rotate(-7deg); }
  .peebly-mascot.is-squeezed i { height:7px; }
}