@keyframes polyomino-picked-shape-transform {
  from {
    transform: var(--piece-transform-from);
  }

  to {
    transform: none;
  }
}

.polyomino-picked-shape.is-transforming,
.cornerbound-picked-shape.is-transforming {
  animation: polyomino-picked-shape-transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .polyomino-picked-shape.is-transforming,
  .cornerbound-picked-shape.is-transforming {
    animation: none;
  }
}