/*
* HeightAnimation component
*
*/

@use '../../../style/core/utilities.scss' as utilities;

.dnb-height-animation {
  --height-animation-duration: var(--duration, 400ms);
  --height-animation: height var(--height-animation-duration)
    var(--easing-default) var(--delay, 0ms);

  will-change: height;
  transition: var(--height-animation);

  html[data-visual-test] &,
  html[data-visual-test] & * {
    transition: none !important;
  }

  @include utilities.reducedMotion() {
    --height-animation-duration: 0.01ms;
    transition-duration: 0.01ms !important;
  }

  &--animating {
    overflow-y: hidden;

    @supports (overflow-y: clip) {
      overflow-y: clip;
    }
  }

  &--hidden {
    display: none;
  }

  &--show-overflow {
    overflow: visible;
  }
}