@layer utilities {
  .contents {
    display: contents;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }

  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75;
  }

  .max-w-3xl {
    max-width: 48rem;
  }

  .max-w-4xl {
    max-width: 56rem;
  }

  .max-w-\[1600px\] {
    max-width: 1600px;
  }

  .normal-case {
    text-transform: none;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .border-\[1\.5px\] {
    border-width: 1.5px;
  }

  .bg-black\/10 {
    background-color: rgb(0 0 0 / 0.1);
  }

  .border-black\/10 {
    border-color: rgb(0 0 0 / 0.1);
  }

  .leading-\[117\%\] {
    line-height: 117%;
  }

  .left-\[-5\%\] {
    left: -5%;
  }

  .top-\[0\%\] {
    top: 0%;
  }

  .w-\[110\%\] {
    width: 110%;
  }

  .last\:border-0:last-child {
    border-width: 0;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
  }

  @media (min-width: 640px) {
    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:items-baseline {
      align-items: baseline;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 769px) {
    .md\:bottom-\[unset\] {
      bottom: unset;
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .md\:max-w-\[50\%\] {
      max-width: 50%;
    }

    .md\:ml-\[104px\] {
      margin-left: 104px;
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .md\:text-\[2rem\] {
      font-size: 2rem;
    }

    .md\:text-\[4rem\] {
      font-size: 4rem;
    }

    .md\:translate-y-\[unset\] {
      --tw-translate-y: unset;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:w-\[42\%\] {
      width: 42%;
    }
  }

  @media (min-width: 1025px) {
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:max-w-\[58\%\] {
      max-width: 58%;
    }

    .lg\:text-\[4rem\] {
      font-size: 4rem;
    }

    .lg\:w-\[38\%\] {
      width: 38%;
    }

    .lg\:w-\[42\%\] {
      width: 42%;
    }
  }
}