/* stylelint-disable keyframes-name-pattern */
@keyframes _mtx-colorpicker-content-dropdown-enter {
  from {
    opacity: 0;
    transform: scaleY(0.8);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes _mtx-colorpicker-content-exit {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.mtx-colorpicker-content {
  display: block;
  border-radius: 4px;

  &.mtx-colorpicker-content-animations-enabled {
    animation: _mtx-colorpicker-content-dropdown-enter 120ms cubic-bezier(0, 0, 0.2, 1);
  }
}

.mtx-colorpicker-content-exit.mtx-colorpicker-content-animations-enabled {
  animation: _mtx-colorpicker-content-exit 100ms linear;
}