.demoModularGrid{flex-direction:column;display:flex}.demoModularGrid .tab-content{background:var(--color-bg-base);flex-direction:column;display:flex}.demoModularGrid .tab-content>.active{flex-direction:column;display:flex}.demoModularGrid .tab-content figure{height:100%;margin:0}.demoModularGrid #web,.demoModularGrid #printing{flex:1;height:100%;margin:0}.demoModularGrid #web .col,.demoModularGrid #printing .col{padding:0}.demoModularGrid #web>div{border-top:var(--spacing) solid var(--color-border-base);background:var(--color-bg-surface-secondary);border-radius:var(--radius-sm);padding:var(--spacing);position:relative}.demoModularGrid #web>div>div{background:linear-gradient(180deg, oklch(from var(--color-bg-warning-primary) l c h/.5), oklch(from var(--color-bg-warning-primary) l c h/0) 100%)}.demoModularGrid #web>div:after{content:"∞";text-align:center;font-size:var(--font-size-h3);line-height:var(--font-size-h3);color:var(--color-text-warning-tertiary);text-shadow:0 0 5px var(--color-bg-surface-secondary), 0 0 10px var(--color-bg-surface-secondary), 0 0 20px var(--color-bg-surface-secondary), 0 0 30px var(--color-bg-surface-secondary);display:block;position:absolute;bottom:0;left:0;right:0}.demoModularGrid #printing>div{border:var(--spacing) solid var(--color-bg-surface-secondary);background-image:repeating-linear-gradient(180deg, oklch(from var(--color-bg-warning-primary) l c h/.3), oklch(from var(--color-bg-warning-primary) l c h/.3) 20%, transparent 20%, transparent 27%)}.demoModularGrid #printing>div>div{background:oklch(from var(--color-bg-warning-primary) l c h/.3)}