section[id^=demo]{margin:calc(var(--iui-size-l) * -1);padding:var(--iui-size-l)}#demo-default{display:grid;grid-template-columns:repeat(auto-fill,minmax(Min(100%,512px),1fr));grid-auto-rows:calc(var(--iui-size-l) * 10);gap:var(--iui-size-l)}#demo-elevations{display:flex;gap:var(--iui-size-2xl);width:auto}#demo-elevations>*{aspect-ratio:1 /1;display:flex;flex:1;justify-content:center;align-items:center}@media (max-width: 600px){#demo-elevations{flex-direction:column}}.demo-surface-list{all:unset;display:flex;flex-direction:column;flex:1}.demo-surface-list li{padding:var(--iui-size-s);position:relative}.demo-surface-list li:not(:first-of-type){border-top:1px solid var(--iui-color-border-subtle)}.demo-surface-list li a:after{content:"";position:absolute;inset:0}.demo-flex-component{display:flex;flex-grow:1;justify-content:space-between;align-items:center}.demo-flex-component-2{display:flex;flex-grow:1;justify-content:center;align-items:center;flex-direction:column;text-align:center}