.mx-auto {
  margin-inline: auto;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.flex {
  display: flex;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.h-24 {
  height: 6rem;
}
.w-28 {
  width: 7rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.justify-center {
  justify-content: center;
}
.gap-16 {
  gap: 4rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.border-t {
  border-top-style: ;
    border-top-width: 1px;
}
.border-b {
  border-bottom-style: ;
    border-bottom-width: 1px;
}
.border-gray-200 {
  border-color: oklch(92.8% 0.006 264.531);
}
.bg-stone-200 {
  background-color: oklch(92.3% 0.003 48.717);
}
.px-4 {
  padding-inline: 1rem;
}
.py-4 {
  padding-block: 1rem;
}
.py-10 {
  padding-block: 2.5rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
    line-height: var(--text-2xl--line-height);
}
.text-lg {
  font-size: 1.125rem;
    line-height: var(--text-lg--line-height);
}
.text-sm {
  font-size: 0.875rem;
    line-height: var(--text-sm--line-height);
}
.leading-7 {
  --tw-leading: 1.75rem;
    line-height: 1.75rem;
}
.font-bold {
  --tw-font-weight: 700;
    font-weight: 700;
}
.font-medium {
  --tw-font-weight: 500;
    font-weight: 500;
}
.tracking-tight {
  --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
}
.text-gray-900 {
  color: oklch(21% 0.034 264.665);
}
.text-sky-900 {
  color: oklch(39.1% 0.09 240.876);
}
.italic {
  font-style: italic;
}
.hover\:text-cyan-800 {
  &:hover {
      @media (hover: hover) {
        color: oklch(45% 0.085 224.283);
}
}
  }
  .sm\:mt-0 {
  @media (width >= 40rem) {
      margin-top: 0rem;
}
}
  .sm\:ml-3 {
  @media (width >= 40rem) {
      margin-left: 0.75rem;
}
}
  .sm\:flex {
  @media (width >= 40rem) {
      display: flex;
}
}
  .sm\:shrink-0 {
  @media (width >= 40rem) {
      flex-shrink: 0;
}
}
  .sm\:grid-cols-2 {
  @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
  .sm\:px-2 {
  @media (width >= 40rem) {
      padding-inline: 0.5rem;
}
}
  .sm\:px-6 {
  @media (width >= 40rem) {
      padding-inline: 1.5rem;
}
}
  .sm\:text-left {
  @media (width >= 40rem) {
      text-align: left;
}
}
  .sm\:tracking-tight {
  @media (width >= 40rem) {
      --tw-tracking: -0.025em;
      letter-spacing: -0.025em;
}
}
  .md\:grid-cols-2 {
  @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
  .lg\:mt-3 {
  @media (width >= 64rem) {
      margin-top: 0.75rem;
}
}
  .lg\:mr-8 {
  @media (width >= 64rem) {
      margin-right: 2rem;
}
}
  .lg\:mr-auto {
  @media (width >= 64rem) {
      margin-right: auto;
}
}
  .lg\:ml-0 {
  @media (width >= 64rem) {
      margin-left: 0rem;
}
}
  .lg\:ml-8 {
  @media (width >= 64rem) {
      margin-left: 2rem;
}
}
  .lg\:ml-auto {
  @media (width >= 64rem) {
      margin-left: auto;
}
}
  .lg\:block {
  @media (width >= 64rem) {
      display: block;
}
}
  .lg\:max-w-none {
  @media (width >= 64rem) {
      max-width: none;
}
}
  .lg\:grid-cols-5 {
  @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
  .lg\:px-4 {
  @media (width >= 64rem) {
      padding-inline: 1rem;
}
}
  .lg\:px-8 {
  @media (width >= 64rem) {
      padding-inline: 2rem;
}
}
  .lg\:text-center {
  @media (width >= 64rem) {
      text-align: center;
}
}
  .lg\:text-4xl {
  @media (width >= 64rem) {
      font-size: 2.25rem;
      line-height: var(--text-4xl--line-height);
}