section[id^=demo]{margin:0 -24px -24px;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding-bottom:64px}section[id^=demo]>*{padding:var(--iui-size-s) var(--iui-size-l)}.flex-box{display:flex;flex-wrap:wrap;flex-direction:column;gap:8px}.color-wrapper{display:flex;flex-direction:row;gap:8px;align-items:center}.color-box{width:50px;height:50px;border:1px solid black}