.hover-lift {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
  background: rgba(255, 255, 255, 0.16);
}

.icon-btn,
.pill-btn,
.chip,
.tag,
.icon-mini {
  transition:
    transform 130ms ease,
    background-color 130ms ease,
    opacity 130ms ease;
}

.icon-btn:hover,
.pill-btn:hover,
.chip:hover,
.tag:hover,
.icon-mini:hover {
  transform: translateY(-1px);
}

.icon-btn:active,
.pill-btn:active,
.chip:active,
.tag:active,
.icon-mini:active {
  transform: translateY(0);
  opacity: 0.86;
}

.app-shell {
  animation: app-enter 260ms ease-out;
}

@keyframes app-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}