$movement: kib-core-dimensions-get(large) !default;

$collapse-perspective: kib-core-px-to-relative(1000px) !default;

$durations: (...) !default;$durations: (
  slow: 0.6s,
  default: 0.4s,
  fast: 0.2s
) !default;

@mixin collapse-transform() { ... }@mixin collapse-transform() { 
  transition-property: height, margin-bottom, opacity;
 }

@mixin collapse-hide() { ... }@mixin collapse-hide() { 
  height: 0;
  opacity: 0;
  margin-bottom: 0;
 }

@mixin collapse-show() { ... }@mixin collapse-show() { 
  backface-visibility: hidden;
  opacity: 1;
  overflow: hidden;
  perspective: settings.$collapse-perspective;
  position: relative;
  transform: translateZ(0);
  will-change: height;
 }

@mixin collapse-reduced-motion-reset() { ... }@mixin collapse-reduced-motion-reset() { 
  backface-visibility: inherit;
  perspective: none;
  transform: none;
  will-change: unset;
 }

@mixin fade-down-transform() { ... }@mixin fade-down-transform() { 
  transition-property: opacity, transform;
 }

@mixin fade-down-hide() { ... }@mixin fade-down-hide() { 
  opacity: 0;
  transform: translateY(settings.$movement * -1);
 }

@mixin fade-down-show() { ... }@mixin fade-down-show() { 
  opacity: 1;
  transform: translateY(0);
 }

@mixin fade-left-transform() { ... }@mixin fade-left-transform() { 
  transition-property: opacity, transform;
 }

@mixin fade-left-hide() { ... }@mixin fade-left-hide() { 
  opacity: 0;
  transform: translateX(settings.$movement);
 }

@mixin fade-left-show() { ... }@mixin fade-left-show() { 
  opacity: 1;
  transform: translateX(0);
 }

@mixin fade-right-transform() { ... }@mixin fade-right-transform() { 
  transition-property: opacity, transform;
 }

@mixin fade-right-hide() { ... }@mixin fade-right-hide() { 
  opacity: 0;
  transform: translateX(settings.$movement * -1);
 }

@mixin fade-right-show() { ... }@mixin fade-right-show() { 
  opacity: 1;
  transform: translateX(0);
 }

@mixin fade-up-transform() { ... }@mixin fade-up-transform() { 
  transition-property: opacity, transform;
 }

@mixin fade-up-hide() { ... }@mixin fade-up-hide() { 
  opacity: 0;
  transform: translateY(settings.$movement);
 }

@mixin fade-up-show() { ... }@mixin fade-up-show() { 
  opacity: 1;
  transform: translateY(0);
 }

@mixin fade-transform() { ... }@mixin fade-transform() { 
  transition-property: opacity;
 }

@mixin fade-hide() { ... }@mixin fade-hide() { 
  opacity: 0;
 }

@mixin fade-show() { ... }@mixin fade-show() { 
  opacity: 1;
 }

@mixin slide-left-transform() { ... }@mixin slide-left-transform() { 
  transition-property: transform;
 }

@mixin slide-left-hide() { ... }@mixin slide-left-hide() { 
  transform: translateX(100%);
 }

@mixin slide-left-show() { ... }@mixin slide-left-show() { 
  transform: translateX(0);
 }

@mixin slide-right-transform() { ... }@mixin slide-right-transform() { 
  transition-property: transform;
 }

@mixin slide-right-hide() { ... }@mixin slide-right-hide() { 
  transform: translateX(-100%);
 }

@mixin slide-right-show() { ... }@mixin slide-right-show() { 
  transform: translateX(0);
 }

@mixin slide-up-transform() { ... }@mixin slide-up-transform() { 
  transition-property: transform;
 }

@mixin slide-up-hide() { ... }@mixin slide-up-hide() { 
  transform: translateY(100%);
 }

@mixin slide-up-show() { ... }@mixin slide-up-show() { 
  transform: translateY(0);
 }

@mixin zoom-transform() { ... }@mixin zoom-transform() { 
  transition-property: opacity, transform;
 }

@mixin zoom-hide() { ... }@mixin zoom-hide() { 
  opacity: 0;
  transform: scale3d(0.8, 0.8, 0.8);
 }

@mixin zoom-show() { ... }@mixin zoom-show() { 
  opacity: 1;
  transform: scale3d(1, 1, 1);
 }