@mixin base-animations {
  transition: all var(--cooltipz-timing, #{$cooltipz-timing}) ease-out var(--cooltipz-timing, #{$cooltipz-timing});

  @media (prefers-reduced-motion: reduce) {
    @include no-animations;
  }
}

@mixin no-animations {
  transition: none;
}