@mixin transition-hide($transform: none) {
  opacity: 0;
  transform: $transform;
  transition: opacity $global-transition-speed $global-easing 0s,
    transform $global-transition-speed $global-easing 0s,
    visibility $global-transition-speed $global-easing $global-transition-speed;
  visibility: hidden;
}

@mixin transition-show($transform: none) {
  opacity: 1;
  transform: $transform;
  transition: opacity $global-transition-speed $global-easing 0s,
    transform $global-transition-speed $global-easing 0s,
    visibility 0s $global-easing 0s;
  visibility: visible;
}

@mixin transition-override {
  opacity: 1;
  transform: none;
  transition: none;
  visibility: visible;
}