/* [project]/apps/web/app/(marketing)/_components/pricing-animations.css [app-client] (css) */
@keyframes float {
  0% {
    transform: translateY(0)rotate(0)scale(1);
  }

  25% {
    transform: translateY(-5px)rotate(1deg)scale(1.01);
  }

  50% {
    transform: translateY(-10px)rotate(0)scale(1.02);
  }

  75% {
    transform: translateY(-5px)rotate(-1deg)scale(1.01);
  }

  100% {
    transform: translateY(0)rotate(0)scale(1);
  }
}

@keyframes float-slow {
  0% {
    transform: translateY(0)rotate(0);
  }

  25% {
    transform: translateY(-3px)rotate(-1deg);
  }

  50% {
    transform: translateY(-5px)rotate(0);
  }

  75% {
    transform: translateY(-3px)rotate(1deg);
  }

  100% {
    transform: translateY(0)rotate(0);
  }
}

@keyframes float-slower {
  0% {
    transform: translateY(0)rotate(45deg)scale(1);
  }

  33% {
    transform: translateY(-4px)rotate(46deg)scale(1.02);
  }

  66% {
    transform: translateY(-8px)rotate(44deg)scale(1.04);
  }

  100% {
    transform: translateY(0)rotate(45deg)scale(1);
  }
}

@keyframes pulse-subtle {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .7;
  }
}

@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.animate-float {
  animation: 6s ease-in-out infinite float;
}

.animate-float-slow {
  animation: 8s ease-in-out infinite float-slow;
}

.animate-float-slower {
  animation: 10s ease-in-out infinite float-slower;
}

.animate-pulse-subtle {
  animation: 3s ease-in-out infinite pulse-subtle;
}

.animate-shimmer {
  background: linear-gradient(90deg, #0000, #ffffff1a, #0000) 0 0 / 200% 100%;
  animation: 3s infinite shimmer;
}

.bg-grid-gray-900\/5 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(15 23 42 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
}

.bg-grid-gray-100\/5 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(241 245 249 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
}

.pricing-table-wrapper {
  --card-gap: 1.5rem;
  --card-padding: 1.5rem;
  --card-radius: 1rem;
  --card-shadow: 0 4px 20px -5px #0000001a;
  --card-shadow-hover: 0 10px 25px -5px #0000001a;
  --card-border-width: 2px;
  --card-transition: all .3s ease-in-out;
}

/* [project]/apps/web/app/(marketing)/_components/pricing-table-styles.css [app-client] (css) */
.pricing-table-wrapper {
  --card-gap: 1.5rem;
  --card-padding: 1.5rem;
  --card-radius: 1rem;
  --card-shadow: 0 4px 20px -5px #0000001a;
  --card-shadow-hover: 0 10px 25px -5px #0000001a;
  --card-border-width: 2px;
  --card-transition: all .3s ease-in-out;
}

.pricing-table-wrapper > div > div {
  gap: 1.5rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pricing-table-wrapper > div > div > div {
  transition: all .3s ease-in-out;
  border-color: #e5e7eb80 !important;
  border-radius: 1.25rem !important;
  margin-top: 1.5rem !important;
  padding: 1.75rem !important;
  box-shadow: 0 4px 20px -5px #0000001a !important;
}

.pricing-table-wrapper > div > div > div:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px -5px #0000001a !important;
}

.pricing-table-wrapper > div > div > div[class*="border-primary"] {
  z-index: 1;
  position: relative;
  border-width: 2px !important;
  box-shadow: 0 8px 30px -5px #0000001a !important;
}

.pricing-table-wrapper > div > div > div > div {
  gap: 1.25rem !important;
}

.pricing-table-wrapper .text-4xl {
  background: linear-gradient(to right, var(--primary), #9333ea);
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700 !important;
}

.pricing-table-wrapper .absolute.-top-2\.5 {
  top: -1rem !important;
}

.pricing-table-wrapper button[class*="rounded-lg"] {
  border-radius: 9999px !important;
  padding: .75rem 1.5rem !important;
  font-weight: 600 !important;
  transition: all .3s ease-in-out !important;
}

.pricing-table-wrapper button[class*="rounded-lg"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px #0000001a !important;
}

/*# sourceMappingURL=apps_web_app_%28marketing%29__components_f5675d4a._.css.map*/