.item-container{display:flex;flex:0 0 auto;flex-direction:column;padding:calc(var(--gutter)/2)}.item-container[md=grow]{flex:1 1 0;min-width:0;--md:0}.item-container{width:100%}.item-content{min-height:100%;z-index:0}.item-content>:first-child{margin-top:0}.item-content>:last-child{margin-bottom:0}.debug .item-content{background-color:#87cefa;outline:1px solid darkred}.item-container>.background{inset:0;position:absolute}[background-align]{position:relative}.item-container>.background[align-to=content]{bottom:var(--align-content-offset-y);left:var(--align-content-offset-x);right:var(--align-content-offset-x);top:var(--align-content-offset-y)}.item-container.isLeft>.background[align-to=row]{left:calc((var(--width-margin))*-1 + var(--gutter)*.5)}.item-container.isRight>.background[align-to=row]{right:calc((var(--width-margin))*-1 + var(--gutter)*.5)}.item-container.isTop>.background[align-to=row]{top:calc(var(--gutter)*-.5)}.item-container.isBottom>.background[align-to=row]{bottom:calc(var(--gutter)*-.5)}:root{--gutter:50px;--align-content-offset-x:0;--align-content-offset-y:0;--align-container-offset-x:0;--align-container-offset-y:0}.row-container{display:flex;flex:1 1 auto;flex-direction:column}.row-content{flex:1 1 auto}.row-container{padding-bottom:calc(var(--gutter));padding-top:calc(var(--gutter))}.row-content{--align-content-offset-x:var(--width-margin);display:flex;flex-direction:column;margin-left:var(--align-content-offset-x);margin-right:var(--align-content-offset-x)}.row-item-helper{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;margin:calc(var(--gutter)/-2)}.ancestor{position:relative}.row-container.ancestor{--width-margin:0px;--align-container-offset-x:0px;--align-container-offset-y:0px;--align-content-offset-x:calc(var(--width-margin));--align-content-offset-y:calc(var(--gutter))}.item-container.ancestor{--align-container-offset-x:0px;--align-container-offset-y:0px;--align-content-offset-x:calc(var(--gutter)/2);--align-content-offset-y:calc(var(--gutter)/2)}.fill,.fill-content{bottom:var(--align-content-offset-y);left:var(--align-content-offset-x);position:absolute;right:var(--align-content-offset-x);top:var(--align-content-offset-y)}.fill-container{inset:0;position:absolute}.align-content-top,.align-content.align-top,.align-top{position:absolute;top:var(--align-content-offset-y)}.align-bottom,.align-content-bottom,.align-content.align-bottom{bottom:var(--align-content-offset-y);position:absolute}.align-content-left,.align-content.align-left,.align-left{left:var(--align-content-offset-x);position:absolute}.align-content-right,.align-content.align-right,.align-right{position:absolute;right:var(--align-content-offset-x)}.align-container-top,.align-container.align-top{position:absolute;top:var(--align-container-offset-y)}.align-container-bottom,.align-container.align-bottom{bottom:var(--align-container-offset-y);position:absolute}.align-container-left,.align-container.align-left{left:var(--align-container-offset-x);position:absolute}.align-container-right,.align-container.align-right{position:absolute;right:var(--align-container-offset-x)}.row-container.ancestor.fill>.row-content,.row-container.ancestor.fill>.row-content>.row-item-helper{height:100%}.debug .row-container{background-color:pink}.debug .row-content{background-color:green;outline:1px solid #006400}.debug .row-item-helper{background-color:#add8e6}.debug .fill-content{background-color:#f08080}.debug .fill-container{background-color:#90ee90}p{margin-bottom:1em;margin-top:1em}