/* line 4, app_site/static/scss/app_site/global/animations/fade-in.scss */
.anim.fade-in {
  --left: 0;
  --top: -1rem;
  --duration: 900ms;
  --delay: 300ms;
  --curve: ease;
  opacity: 0;
  transform: translate(var(--left), var(--top));
  transition: opacity var(--duration) var(--curve) var(--delay), transform var(--duration) var(--curve) var(--delay);
  will-change: opacity, transform; }
  /* line 16, app_site/static/scss/app_site/global/animations/fade-in.scss */
  .anim.fade-in.from-left {
    --left: -2rem;
    --top: 0; }
  /* line 21, app_site/static/scss/app_site/global/animations/fade-in.scss */
  .anim.fade-in.from-right {
    --left: 2rem;
    --top: 0; }
  /* line 26, app_site/static/scss/app_site/global/animations/fade-in.scss */
  .anim.fade-in.from-bottom {
    --left: 0;
    --top: -2rem; }
  /* line 31, app_site/static/scss/app_site/global/animations/fade-in.scss */
  .anim.fade-in.active {
    opacity: 1;
    transform: translate(0, 0); }

/* line 4, app_site/static/scss/app_site/global/animations/scale-in.scss */
.anim.scale-in {
  --scale-start: 0.8;
  --duration: 700ms;
  --delay: 300ms;
  --curve: ease-out;
  --origin: center;
  --opacity: 1;
  opacity: var(--opacity);
  transform: scale(var(--scale-start));
  transform-origin: var(--origin);
  transition: opacity var(--duration) var(--curve) var(--delay), transform var(--duration) var(--curve) var(--delay);
  will-change: opacity, transform; }
  /* line 19, app_site/static/scss/app_site/global/animations/scale-in.scss */
  .anim.scale-in.active {
    opacity: 1;
    transform: scale(1); }

/* line 4, app_site/static/scss/app_site/global/animations/blur-in.scss */
.anim.blur-in {
  --blur: 10px;
  --duration: 800ms;
  --delay: 0ms;
  --curve: ease;
  opacity: 0;
  filter: blur(var(--blur));
  transition: opacity var(--duration) var(--curve) var(--delay), filter var(--duration) var(--curve) var(--delay);
  will-change: opacity, filter; }
  /* line 16, app_site/static/scss/app_site/global/animations/blur-in.scss */
  .anim.blur-in.active {
    opacity: 1;
    filter: blur(0); }

/* line 4, app_site/static/scss/app_site/global/animations/discreet-in.scss */
.anim.discreet-in {
  --y-start: 0;
  --blur: 1px;
  --duration: 600ms;
  --delay: 0ms;
  --curve: ease-out;
  opacity: 0;
  transform: translateY(var(--y-start));
  filter: blur(var(--blur));
  transition: opacity var(--duration) var(--curve) var(--delay), transform var(--duration) var(--curve) var(--delay), filter var(--duration) var(--curve) var(--delay);
  will-change: opacity, transform, filter; }
  /* line 11, app_site/static/scss/app_site/global/animations/discreet-in.scss */
  .anim.discreet-in.delayed {
    --delay: 200ms; }
  /* line 23, app_site/static/scss/app_site/global/animations/discreet-in.scss */
  .anim.discreet-in.active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0); }

/* line 4, app_site/static/scss/app_site/global/animations/float-in.scss */
.anim.float-in {
  --left: 0;
  --top: -0.5rem;
  --duration: 900ms;
  --delay: 300ms;
  --curve: ease;
  transform: translate(var(--left), var(--top));
  transition: transform var(--duration) var(--curve) var(--delay);
  will-change: transform;
  --distance: 1rem;
  --distance-reversed: -1rem; }
  /* line 18, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.delayed {
    --delay: 500ms; }
  /* line 22, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.size-l {
    --distance: 4rem;
    --distance-reversed: -4rem; }
  /* line 27, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.from-top {
    --left: 0;
    --top: var(--distance-reversed); }
  /* line 32, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.from-left {
    --left: var(--distance-reversed);
    --top: 0; }
  /* line 37, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.from-right {
    --left: var(--distance);
    --top: 0; }
  /* line 42, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.from-bottom {
    --left: 0;
    --top: var(--distance); }
  /* line 47, app_site/static/scss/app_site/global/animations/float-in.scss */
  .anim.float-in.active {
    transform: translate(0, 0); }