@property --sh-gap{syntax:"*";inherits:false}@property --sh-align{syntax:"*";inherits:false}@property --sh-justify{syntax:"*";inherits:false}@property --sh-ratio{syntax:"*";inherits:false}@property --sh-min-column-size{syntax:"*";inherits:false}@property --sh-split-direction{syntax:"*";inherits:false}@layer shachi.compositions{.cluster{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,center);justify-content:var(--sh-justify,flex-start);flex-wrap:wrap;display:flex}.flank{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,flex-start);flex-wrap:wrap;display:flex}.flank>*{flex-grow:1;flex-basis:var(--sh-flank-size,auto)}.flank>:last-child,.flank.flank-end>:first-child{min-inline-size:var(--sh-flank-content-min,50%);flex-grow:999;flex-basis:0}.flank.flank-end>:last-child{flex-grow:1;flex-basis:var(--sh-flank-size,auto);min-inline-size:auto}.frame{aspect-ratio:var(--sh-ratio,1);justify-content:center;align-items:center;display:flex;overflow:hidden}.frame>:is(img,video,iframe,canvas,svg),.frame>picture>img{object-fit:cover;block-size:100%;inline-size:100%}.grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--sh-min-column-size,20ch), 100%), 1fr));gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,stretch);display:grid}.grid-span{grid-column:1/-1}.split{flex-direction:var(--sh-split-direction,row);gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,center);flex-wrap:wrap;justify-content:space-between;display:flex}.stack{gap:var(--sh-gap,var(--sh-space-md));align-items:var(--sh-align,stretch);flex-direction:column;display:flex}}