.mt-4 {
  margin-top:1rem
}

.h-14 {
  height:3.5rem
}

.h-2\.5 {
  height:.625rem
}

.h-full {
  height:100%
}

.w-14 {
  width:3.5rem
}

.w-2\.5 {
  width:.625rem
}

.w-\[96\%\] {
  width:96%
}

.grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.from-chart-2 {
  --tw-gradient-from:hsl(var(--chart-2)) var(--tw-gradient-from-position);
  --tw-gradient-to:hsl(var(--chart-2)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-primary {
  --tw-gradient-to:hsl(var(--primary)) var(--tw-gradient-to-position)
}

.transition-shadow {
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

@media (min-width:768px) {
  .md\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .md\:p-12 {
    padding:3rem
  }
}

@media (min-width:1024px) {
  .lg\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}