.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.gap-10 {
  gap: 2.5rem;
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.bg-secondary\/10 {
  background-color: hsl(var(--secondary) / 0.1);
}

.bg-secondary\/20 {
  background-color: hsl(var(--secondary) / 0.2);
}

.bg-secondary\/40 {
  background-color: hsl(var(--secondary) / 0.4);
}

.hover\:bg-secondary\/40:hover {
  background-color: hsl(var(--secondary) / 0.4);
}

.border-border\/20 {
  border-color: hsl(var(--border) / 0.2);
}

.border-border\/25 {
  border-color: hsl(var(--border) / 0.25);
}

.border-border\/45 {
  border-color: hsl(var(--border) / 0.45);
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[260px\] {
  min-height: 260px;
}

.bg-rose-500\/5 {
  background-color: rgb(244 63 94 / 0.05);
}

.bg-rose-500\/15 {
  background-color: rgb(244 63 94 / 0.15);
}

.hover\:bg-rose-500\/25:hover {
  background-color: rgb(244 63 94 / 0.25);
}

.border-rose-500\/15 {
  border-color: rgb(244 63 94 / 0.15);
}

.border-rose-500\/20 {
  border-color: rgb(244 63 94 / 0.2);
}

.text-rose-400 {
  color: rgb(251 113 133);
}

.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}

.border-emerald-500\/20 {
  border-color: rgb(16 185 129 / 0.2);
}

.text-emerald-400 {
  color: rgb(52 211 153);
}

@media (min-width: 640px) {
  .sm\:p-7 {
    padding: 1.75rem;
  }
}