@layer utilities {

  /* Flexbox and Grid */
  .justify-center { justify-content: center }

  .flex { display: flex }
  .flex-column { flex-direction: column; }

  .flex-1 { flex: 1 }

  /* Padding */
  .pad { padding: var(--block-space) var(--inline-space); }
  .pad-double { padding: var(--block-space-double) var(--inline-space-double); }

  .pad-inline { padding-inline: var(--inline-space); }
  .pad-inline-double { padding-inline: var(--inline-space-double); }

  .flex-item-no-shrink { flex-shrink: 0; }
}