@layer components{.io-split{gap:var(--mk-head-gap,40px);align-items:center;display:grid}.io-split .mk-heading{grid-template-columns:minmax(0,1fr);margin-bottom:0;display:grid}.io-split .mk-heading-main,.io-split .mk-heading-links{grid-column:1/-1}.io-split-demo{min-width:0}@media (min-width:1024px){.io-split{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.io-split-copy{grid-column:1/span 4}.io-split-demo{grid-column:5/span 8}.io-split[data-demo-side=left] .io-split-copy{grid-area:1/9/auto/span 4}.io-split[data-demo-side=left] .io-split-demo{grid-area:1/1/auto/span 8}}.io-hero-demo{margin-top:var(--mk-head-gap,40px)}.io-hero-buttons{margin-top:28px}.io-palettes{border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;padding:24px 0;display:flex}.io-palettes-text{margin:0}}