.space-y-2 {
  :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(0.25rem * 2 * );
      margin-block-end: calc(0.25rem * 2 * 1 - );
}
}
  .hover\:text-blue-800 {
  &:hover {
      @media (hover: hover) {
        color: oklch(42.4% 0.199 265.638);
}
}
  }
  .hover\:underline {
  &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
}
}
  }
  .sm\:px-6 {
  @media (width >= 40rem) {
      padding-inline: 1.5rem;
}
}
  .sm\:text-2xl {
  @media (width >= 40rem) {
      font-size: 1.5rem;
      line-height: var(--text-2xl--line-height);
}
}
  .sm\:text-4xl {
  @media (width >= 40rem) {
      font-size: 2.25rem;
      line-height: var(--text-4xl--line-height);
}
}
  .sm\:text-xl {
  @media (width >= 40rem) {
      font-size: 1.25rem;
      line-height: var(--text-xl--line-height);
}
}
  .sm\:tracking-tight {
  @media (width >= 40rem) {
      --tw-tracking: -0.025em;
      letter-spacing: -0.025em;
}
}
  .lg\:absolute {
  @media (width >= 64rem) {
      position: absolute;
}
}
  .lg\:bottom-0 {
  @media (width >= 64rem) {
      bottom: 0rem;
}
}
  .lg\:mt-16 {
  @media (width >= 64rem) {
      margin-top: 4rem;
}
}
  .lg\:mb-8 {
  @media (width >= 64rem) {
      margin-bottom: 2rem;
}
}
  .lg\:px-8 {
  @media (width >= 64rem) {
      padding-inline: 2rem;
}
}
  .lg\:text-3xl {
  @media (width >= 64rem) {
      font-size: 1.875rem;
      line-height: var(--text-3xl--line-height);
}
}
  .lg\:text-4xl {
  @media (width >= 64rem) {
      font-size: 2.25rem;
      line-height: var(--text-4xl--line-height);
}
}
  .lg\:text-5xl\/tight {
  @media (width >= 64rem) {
      font-size: 3rem;
      line-height: 1.25;
}
}
  .\[\&_\*\]\:text-inherit {
  & * {
      color: inherit;
}
}
  .\[\&\>\*\]\:text-inherit {
  &>* {
      color: inherit;
}