.fade-up {

  --tw-translate-y: 6.4rem;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 0;

  transition-property: opacity,transform;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 1000ms;
}

.anim-in.fade-up, .anim-in .fade-up {

  --tw-translate-y: 0;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 1;
}

.clip-right {

  transition-duration: 150ms;

  -webkit-clip-path: inset(0 100% 0 0);

          clip-path: inset(0 100% 0 0);
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

.anim-in.clip-right, .anim-in .clip-right {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}

.fade-in {

  opacity: 0;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 1000ms;
}

.anim-in.fade-in, .anim-in .fade-in {

  opacity: 1;
}

.scale-up {

  transform-origin: bottom;

  --tw-scale-x: 0;

  --tw-scale-y: 0;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 0;

  transition-property: opacity,transform;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 500ms;
}

.anim-in.scale-up, .anim-in .scale-up {

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 1;

  --tw-shadow: 0rem 0rem 6.4rem rgba(23, 28, 58, 0.06);

  --tw-shadow-colored: 0rem 0rem 6.4rem var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.slide-in-left {

  transform-origin: center;

  --tw-translate-x: 75%;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 0;

  transition-property: opacity,transform;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 1000ms;
}

.anim-in.slide-in-left, .anim-in .slide-in-left {

  --tw-translate-x: 0;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 1;
}

.slide-in-right {

  transform-origin: center;

  --tw-translate-x: -50%;

  --tw-scale-x: 1.1;

  --tw-scale-y: 1.1;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 0;

  transition-property: opacity,transform;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 1000ms;
}

.anim-in.slide-in-right, .anim-in .slide-in-right {

  --tw-translate-x: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  opacity: 1;
}

.typewriter-in {
  font-kerning: none;
  text-rendering: optimizeSpeed;
  position: relative;
  opacity: 0;
  transition-property: none;
}

.typewriter-in .tw-original {

  opacity: 0;
}

.typewriter-in.shadow .tw-original {

  opacity: 0.1;
}

.typewriter-in .tw {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;
}

.typewriter-in .l {

  opacity: 0;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 75ms;
}

.anim-in.typewriter-in, .anim-in .typewriter-in {

  opacity: 1;
}

.anim-in.typewriter-in .l, .anim-in .typewriter-in .l {

  opacity: 1;
}

.typewriter-monoline-in {

  width: 0;

  overflow: hidden;

  white-space: nowrap;

  animation-play-state: paused;
}

.anim-in.typewriter-monoline-in, .anim-in .typewriter-monoline-in {
  animation: typewriter-monoline;
  animation-play-state: running;
}

@keyframes typewriter-monoline {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@media (min-width: 640px) {

  .container {

    max-width: 640px;
  }

  .\!container {

    max-width: 640px !important;
  }
}

@media (min-width: 768px) {

  .container {

    max-width: 768px;
  }

  .\!container {

    max-width: 768px !important;
  }
}

@media (min-width: 1024px) {

  .container {

    max-width: 1024px;
  }

  .\!container {

    max-width: 1024px !important;
  }

  .gap-grid {

    gap: 2.4rem;
  }
}

@media (min-width: 1280px) {

  .container {

    max-width: 1280px;
  }

  .\!container {

    max-width: 1280px !important;
  }
}

@media (min-width: 1536px) {

  .container {

    max-width: 1536px;
  }

  .\!container {

    max-width: 1536px !important;
  }
}

@media (min-width: 1800px) {

  .container {

    max-width: 1800px;
  }

  .\!container {

    max-width: 1800px !important;
  }
}