/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

@keyframes lead-out {
  from {
    opacity: 1;
    max-height: 400px;
    transform: translateY(0);
    margin-bottom: 0.75rem;
  }
  to {
    opacity: 0;
    max-height: 0;
    transform: translateY(-6px);
    padding: 0;
    margin: 0;
    border-width: 0;
  }
}

.lead-removing {
  animation: lead-out 0.28s ease-out forwards;
  overflow: hidden;
  pointer-events: none;
}

@keyframes onboarding-shimmer {
  from {
    background-position: -200px 0;
  }
  to {
    background-position: 200px 0;
  }
}

.onboarding-shimmer {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background-size: 200px 100%;
  background-repeat: no-repeat;
  animation: onboarding-shimmer 1.4s ease-in-out infinite;
}