/* Explore micro-interactions: wishlist bump, wildlife expand, disclosures, tab panels */

.wildlife-link-go .icon {
  transition: rotate 0.28s cubic-bezier(0.34, 1.4, 0.64, 1);
}
.wildlife-link.is-expanded .wildlife-link-go .icon {
  rotate: 180deg;
}

.wildlife-link.toggle-bump {
  animation: reef-toggle-btn 0.38s cubic-bezier(0.34, 1.4, 0.64, 1);
}
.wildlife-link.toggle-bump .wildlife-link-go .icon {
  animation: reef-toggle-icon 0.38s cubic-bezier(0.34, 1.4, 0.64, 1);
}

.log-species-tick.toggle-bump {
  animation: reef-toggle-btn 0.38s cubic-bezier(0.34, 1.4, 0.64, 1);
}

.inspector-panel--enter {
  animation: reef-panel-in 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes reef-panel-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

details.profile-match-notes > summary,
details.source > summary,
details.profile-read-more > summary,
details.dive-buddy-details > summary {
  transition: color 0.16s ease;
}

.reef-disclosure-body--enter {
  animation: reef-disclosure-in 0.28s ease;
}
@keyframes reef-disclosure-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wildlife-link-go .icon {
    transition: none;
  }
  .wildlife-link.toggle-bump,
  .wildlife-link.toggle-bump .wildlife-link-go .icon,
  .log-species-tick.toggle-bump,
  .inspector-panel--enter,
  .reef-disclosure-body--enter {
    animation: none !important;
  }
}