.mx-auto {
  margin-inline: auto;
}
.flex {
  display: flex;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-16 {
  gap: 4rem;
}
.border {
  border-style: ;
    border-width: 1px;
}
.object-cover {
  object-fit: cover;
}
.px-4 {
  padding-inline: 1rem;
}
.py-2 {
  padding-block: 0.5rem;
}
.py-16 {
  padding-block: 4rem;
}
.text-justify {
  text-align: justify;
}
.text-2xl {
  font-size: 1.5rem;
    line-height: var(--text-2xl--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-black {
  color: #000;
}
.text-gray-900 {
  color: oklch(21% 0.034 264.665);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: , , , , ;
}
.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;
}