.button,.form,.form-content{--col-width-auto:auto;--col-width-20:calc(20% - (var(--column-gap) * .8));--col-width-25:calc(25% - (var(--column-gap) * .75));--col-width-30:calc(30% - (var(--column-gap) * .7));--col-width-33:calc(33.333% - (var(--column-gap) * 2 / 3));--col-width-40:calc(40% - (var(--column-gap) * .6));--col-width-50:calc(50% - (var(--column-gap) / 2));--col-width-60:calc(60% - (var(--column-gap) * .4));--col-width-67:calc(66.666% - (var(--column-gap) / 3));--col-width-70:calc(70% - (var(--column-gap) * .3));--col-width-75:calc(75% - (var(--column-gap) / 4));--col-width-80:calc(80% - (var(--column-gap) / 5))}.form,.form-content{--focus-color:var(--color-black);--row-gap:1rem;--column-gap:.5rem;row-gap:var(--row-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);flex-wrap:wrap;display:flex;container-type:inline-size}:is(.form,.form-content)>*{flex-grow:1;flex-basis:100%}@container (width>=280px){:is(.form,.form-content)>*{flex-basis:var(--col-width,100%)}}:is(.form,.form-content) .button{--col-width:var(--col-width,auto);flex-grow:0}