@layer utilities {
  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-7 {
      top: calc(var(--spacing) * 7);
    }
    .lg\:top-\[28\%\] {
      top: 28%;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .lg\:mt-11 {
      margin-top: calc(var(--spacing) * 11);
    }
    .lg\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
    .lg\:mr-5 {
      margin-right: calc(var(--spacing) * 5);
    }
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .lg\:block {
      display: block;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    .lg\:h-113 {
      height: calc(var(--spacing) * 113);
    }
    .lg\:h-125 {
      height: calc(var(--spacing) * 125);
    }
    .lg\:h-\[280px\] {
      height: 280px;
    }
    .lg\:h-auto {
      height: auto;
    }
    .lg\:h-screen {
      height: 100vh;
    }
    .lg\:w-22\.5 {
      width: calc(var(--spacing) * 22.5);
    }
    .lg\:w-38\.25 {
      width: calc(var(--spacing) * 38.25);
    }
    .lg\:w-77 {
      width: calc(var(--spacing) * 77);
    }
    .lg\:w-91\.75 {
      width: calc(var(--spacing) * 91.75);
    }
    .lg\:w-96\.75 {
      width: calc(var(--spacing) * 96.75);
    }
    .lg\:w-122 {
      width: calc(var(--spacing) * 122);
    }
    .lg\:w-142 {
      width: calc(var(--spacing) * 142);
    }
    .lg\:w-\[815\.8px\] {
      width: 815.8px;
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:w-fit {
      width: fit-content;
    }
    .lg\:w-full {
      width: 100%;
    }
    .lg\:max-w-108\.5 {
      max-width: calc(var(--spacing) * 108.5);
    }
    .lg\:max-w-112\.5 {
      max-width: calc(var(--spacing) * 112.5);
    }
    .lg\:max-w-122\.75 {
      max-width: calc(var(--spacing) * 122.75);
    }
    .lg\:max-w-125 {
      max-width: calc(var(--spacing) * 125);
    }
    .lg\:max-w-130 {
      max-width: calc(var(--spacing) * 130);
    }
    .lg\:max-w-135 {
      max-width: calc(var(--spacing) * 135);
    }
    .lg\:max-w-145\.25 {
      max-width: calc(var(--spacing) * 145.25);
    }
    .lg\:max-w-155 {
      max-width: calc(var(--spacing) * 155);
    }
    .lg\:max-w-162\.5 {
      max-width: calc(var(--spacing) * 162.5);
    }
    .lg\:max-w-207\.25 {
      max-width: calc(var(--spacing) * 207.25);
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
    .lg\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }
    .lg\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .lg\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:px-36\.5 {
      padding-inline: calc(var(--spacing) * 36.5);
    }
    .lg\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .lg\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
    .lg\:py-41\.5 {
      padding-block: calc(var(--spacing) * 41.5);
    }
    .lg\:pt-17\.5 {
      padding-top: calc(var(--spacing) * 17.5);
    }
    .lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .lg\:pt-41\.5 {
      padding-top: calc(var(--spacing) * 41.5);
    }
    .lg\:pt-47 {
      padding-top: calc(var(--spacing) * 47);
    }
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .lg\:pb-6\.25 {
      padding-bottom: calc(var(--spacing) * 6.25);
    }
    .lg\:pb-18\.5 {
      padding-bottom: calc(var(--spacing) * 18.5);
    }
    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .lg\:pl-14 {
      padding-left: calc(var(--spacing) * 14);
    }
    .lg\:text-start {
      text-align: start;
    }
    .lg\:text-display-lg {
      font-size: var(--text-display-lg);
      line-height: var(--tw-leading, var(--text-display-lg--line-height));
    }
    .lg\:text-display-md {
      font-size: var(--text-display-md);
      line-height: var(--tw-leading, var(--text-display-md--line-height));
    }
    .lg\:text-display-xl {
      font-size: var(--text-display-xl);
      line-height: var(--tw-leading, var(--text-display-xl--line-height));
    }
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .lg\:text-md {
      font-size: var(--text-md);
      line-height: var(--tw-leading, var(--text-md--line-height));
    }
    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .lg\:first\:col-span-5:first-child,
    .lg\:last\:col-span-5:last-child {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
    .xl\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .xl\:w-146\.75 {
      width: calc(var(--spacing) * 146.75);
    }
    .xl\:w-150 {
      width: calc(var(--spacing) * 150);
    }
    .xl\:w-full {
      width: 100%;
    }
    .xl\:max-w-135\.25 {
      max-width: calc(var(--spacing) * 135.25);
    }
    .xl\:max-w-149 {
      max-width: calc(var(--spacing) * 149);
    }
    .xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .xl\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }
    .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .xl\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .xl\:overflow-visible {
      overflow: visible;
    }
    .xl\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .xl\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }
    .xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .xl\:px-28 {
      padding-inline: calc(var(--spacing) * 28);
    }
    .xl\:py-31\.5 {
      padding-block: calc(var(--spacing) * 31.5);
    }
    .xl\:pt-31\.5 {
      padding-top: calc(var(--spacing) * 31.5);
    }
    .xl\:text-display-xl {
      font-size: var(--text-display-xl);
      line-height: var(--tw-leading, var(--text-display-xl--line-height));
    }
  }

  .\[\&_img\]\:object-bottom img {
    object-position: bottom;
  }

  .\[\&_img\]\:first\:absolute img:first-child {
    position: absolute;
  }

  .\[\&_img\]\:first\:bottom-0 img:first-child {
    bottom: calc(var(--spacing) * 0);
  }

  @media (min-width: 48rem) {
    .md\:\[\&_img\]\:w-\[327px\] img {
      width: 327px;
    }
    .md\:\[\&_img\]\:w-\[338px\] img {
      width: 338px;
    }
    .md\:\[\&_img\]\:w-\[505px\] img {
      width: 505px;
    }
    .md\:\[\&_img\]\:w-\[566px\] img {
      width: 566px;
    }
  }

  .\[\&\:nth-child\(3\)\]\:rounded-t-2xl:nth-child(3) {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .\[\&\:nth-child\(3\)\]\:bg-background-secondary:nth-child(3) {
    background-color: var(--color-background-secondary);
  }
}