:root{--gap:2rem;--slide__padding:2rem 4rem 3rem;--cols:3;--colWidth:300px}section:not(.demo) .slide__container{margin-bottom:100px}section:not(.demo) .slide__container>:is(h1,h2):first-child{column-span:all;grid-column:1/-1;width:100%;margin-top:0}section:not(.demo) .slide__container[data-layout^=grid]{--column-gap:var(--gap);--row-gap:var(--gap);grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap);display:grid}@media screen and (min-width:900px){section:not(.demo) .slide__container[data-layout^=grid]{--row-gap:0;align-content:start}section:not(.demo) .slide__container[data-layout^=grid]>*{margin-top:0}section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-right]{grid-template-columns:minmax(300px,1fr) auto;grid-auto-flow:dense}section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-right]>:not(img,h1,h2){grid-column:1/2}section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-right] img,section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-right] .img{grid-column:-2/-1}section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-left]{grid-template-columns:auto minmax(230px,1fr)}section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-left]>:not(img,h1,h2,p:has(img)){grid-column:-2/-1}:is(section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-left] img,section:not(.demo) .slide__container[data-layout^=grid][data-layout=grid-image-left] p:has(img)){grid-column:1/2}section:not(.demo) .slide__container[data-layout^=grid][data-align-grid=center]{align-items:center}section:not(.demo) .slide__container[data-layout^=grid][data-align-grid=center] p:last-of-type{margin-bottom:0}section:not(.demo) .slide__container[data-layout^=grid][data-align-grid=center] p:first-of-type{margin-top:0}section:not(.demo) .slide__container[data-layout^=grid][data-align-grid=end]{align-items:end}section:not(.demo) .slide__container[data-layout^=grid][data-align-grid=end] p:last-of-type{margin-bottom:0}}section:not(.demo) .slide__container[data-layout^=gallery] ul{--column-gap:10px;margin:0;padding:0;list-style:none}section:not(.demo) .slide__container[data-layout^=gallery] img,section:not(.demo) .slide__container[data-layout^=gallery] .img{width:100%;height:auto;display:block}section:not(.demo) .slide__container[data-layout=gallery-grid] ul{grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap);grid-auto-flow:dense;display:grid}@media screen and (min-width:500px){section:not(.demo) .slide__container[data-layout=gallery-grid] ul{grid-template-columns:var(--gallery-columns,1fr)}}@media screen and (min-width:1024px){section:not(.demo) .slide__container[data-layout=gallery-grid] ul{min-width:60vw}}section:not(.demo) .slide__container[data-layout=gallery-flex] ul{align-items:center;gap:var(--column-gap);flex-wrap:wrap;display:flex}section:not(.demo) .slide__container[data-layout=gallery-flex] ul li{flex:0 auto}section:not(.demo) .slide__container[data-layout=gallery-masonry]>:not(h1,h2){--gap:10px;columns:3 300px;column-gap:var(--gap);padding:0;list-style:none}section:not(.demo) .slide__container[data-layout=gallery-masonry]>:not(h1,h2) img{width:100%;height:auto;margin-bottom:var(--gap);display:block}section:not(.demo) .slide__container[data-layout=multicol]{columns:var(--cols)var(--colWidth);column-gap:50px}section:not(.demo) .slide__container[data-layout=multicol] h1,section:not(.demo) .slide__container[data-layout=multicol] h2,section:not(.demo) .slide__container[data-layout=multicol] h3{column-span:all}section:not(.demo) .slide__container[data-layout=multicol]>:first-child,section:not(.demo) .slide__container[data-layout=multicol]>:nth-child(2):not(h1,h2){margin-top:0}section:not(.demo) .slide__container[data-layout=multicol]>:last-child{margin-bottom:0}section:not(.demo) .slide__container[data-layout=multicol] ul{margin:0}section:not(.demo) .slide__container[data-layout=multicol] li{break-inside:avoid}section:not(.demo) .slide__container[data-layout=multicol] li strong{display:block}section:not(.demo) .slide__container[data-layout=multicol][data-columns="2"]{--cols:2}section:not(.demo) .slide__container[data-layout=multicol][data-columns="4"]{--cols:4}.gallery{--gap:10px;columns:3 300px;column-gap:var(--gap);padding:0;list-style:none}.gallery>*{margin-bottom:var(--gap)}.gallery img{width:100%;height:auto;display:block}.live-demo .demo-target{display:block!important}