/* the handful of design values core blocks have no control for.
   everything else (color, font size, spacing, gradients) comes from theme.json
   presets so it is editable from the block sidebar. */

.mw-32 { max-width: 32rem; }
.mw-36 { max-width: 36rem; }
.mw-42 { max-width: 42rem; }
.mw-48 { max-width: 48rem; }
.mw-56 { max-width: 56rem; }
.mw-64 { max-width: 64rem; }
.mw-72 { max-width: 72rem; }

.lh-tight { line-height: 1.05; }
.lh-snug { line-height: 1.25; }
.lh-relaxed { line-height: 1.65; }

.center-x { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }

/* icon images sit inline with text at the size the old inline svgs used */
.fibers-icon img,
img.fibers-icon { width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; }
.fibers-icon-lg img,
img.fibers-icon-lg { width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; }

/* core blocks output their own wrappers; keep them from breaking the design's grids */
.wp-block-columns.fibers-grid { gap: 1.25rem; }
.wp-block-group.is-layout-flex.fibers-inline { align-items: center; }