@layer utility {
  .px-long-xs {
    /* 6px */
    padding-inline: var(--padding-long-xs);
  }
  .px-long-sm {
    /* 8px */
    padding-inline: var(--padding-long-sm);
  }
  .px-long-md {
    /* 10px */
    padding-inline: var(--padding-long-md);
  }
  .px-long-lg {
    /* 16px */
    padding-inline: var(--padding-long-lg);
  }
  .px-long-xl {
    padding-inline: var(--padding-long-xl);
  }
}