.text-black {
  color: #000;
}
.hover\:text-gray-800 {
  &:hover {
      @media (hover: hover) {
        color: oklch(27.8% 0.033 256.848);
}
}
  }
  .focus\:ring-2 {
  &:focus {
      --tw-ring-shadow:  0 0 0 2px +  currentcolor;
      box-shadow: , , , , ;
}
}
  .focus\:ring-offset-2 {
  &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow:  0 0 0  ;
}
}
  .focus\:outline-hidden {
  &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
}
}
  }
  .sm\:px-6 {
  @media (width >= 40rem) {
      padding-inline: 1.5rem;
}
}
  .md\:grid-cols-2 {
  @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
  .lg\:h-full {
  @media (width >= 64rem) {
      height: 100%;
}
}
  .lg\:px-8 {
  @media (width >= 64rem) {
      padding-inline: 2rem;
}