.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\:ml-0 {
  @media (width >= 64rem) {
      margin-left: 0rem;
}
}
  .lg\:block {
  @media (width >= 64rem) {
      display: block;
}
}
  .lg\:max-w-none {
  @media (width >= 64rem) {
      max-width: none;
}
}
  .lg\:grid-cols-4 {
  @media (width >= 64rem) {
      grid-template-columns: repeat(4, 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);
}