/* CSS Document */
/* ----------------------------------------------
 * Generated by Animista on 2025-5-6 11:8:17
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.animate {
	opacity: 0;
	animation-fill-mode: both;
  animation-duration: 5.0s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.animate.active {
	animation-name: focus-in-contract;
}

.focus-in-contract {
	-webkit-animation: focus-in-contract 2.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-contract 2.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-12 12:15:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.animate-2 {
	opacity: 0;
	animation-fill-mode: both;
  animation-duration: 5.0s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.animate-2.active2 {
	animation-name: puff-in-center;
}

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
.puff-in-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.scale-up-center:hover {
	-webkit-animation: scale-up-center 3.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 3.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.shadow-drop-2-bottom {
	-webkit-animation: shadow-drop-2-bottom-rv 0.1s cubic-bezier(0.940, 0.450, 0.460, 0.250) both;
	        animation: shadow-drop-2-bottom-rv 0.1s cubic-bezier(0.940, 0.450, 0.460, 0.250) both;
}

.shadow-drop-2-bottom:hover {
	-webkit-animation: shadow-drop-2-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-12 10:4:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes shadow-drop-2-bottom-rv {
  0% {
    -webkit-transform: translateZ(3.0rem) translateY(-1.0rem);
            transform: translateZ(3.0rem) translateY(-1.0rem);
    -webkit-box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
            box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-drop-2-bottom-rv {
  0% {
    -webkit-transform: translateZ(3.0rem) translateY(-1.0rem);
            transform: translateZ(3.0rem) translateY(-1.0rem);
    -webkit-box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
            box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/**
 * ----------------------------------------
 * animation shadow-drop-2-bottom
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-2-bottom {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(3.0rem) translateY(-1.0rem);
            transform: translateZ(3.0rem) translateY(-1.0rem);
    -webkit-box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
            box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-bottom {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(3.0rem) translateY(-1.0rem);
            transform: translateZ(3.0rem) translateY(-1.0rem);
    -webkit-box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
            box-shadow: 0 1.0rem 2.0rem -1.0rem rgba(0, 0, 0, 0.35);
  }
}

.shadow-drop-2-bottom-2 {
	-webkit-animation: shadow-drop-2-bottom-2-rv 0.4s cubic-bezier(0.940, 0.450, 0.460, 0.250) both;
	        animation: shadow-drop-2-bottom-2-rv 0.4s cubic-bezier(0.940, 0.450, 0.460, 0.250) both;
}

.shadow-drop-2-bottom-2:hover {
	-webkit-animation: shadow-drop-2-bottom-2 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-bottom-2 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-12 10:4:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes shadow-drop-2-bottom-2-rv {
  0% {
    -webkit-transform: translateZ(3rem);
            transform: translateZ(3rem);
    -webkit-box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(2rem);
            transform: translateZ(2rem);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-drop-2-bottom-2-rv {
  0% {
    -webkit-transform: translateZ(3rem);
            transform: translateZ(3rem);
    -webkit-box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(2rem);
            transform: translateZ(2rem);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/**
 * ----------------------------------------
 * animation shadow-drop-2-bottom
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-2-bottom-2 {
  0% {
    -webkit-transform: translateZ(2rem);
            transform: translateZ(2rem);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(3rem);
            transform: translateZ(3rem);
    -webkit-box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-bottom-2 {
  0% {
    -webkit-transform: translateZ(2rem);
            transform: translateZ(2rem);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(3rem);
            transform: translateZ(3rem);
    -webkit-box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 3rem 0px rgba(0, 0, 0, 0.35);
  }
}