#forms{display:flex;width:30rem;margin:2lh auto;flex-wrap:wrap;justify-content:space-between;column-gap:.4em;>*{background-color:var(--surface-color)}>label[role=button]{order:-1;translate:0 1px;display:block;padding:0 .4em;border:1px var(--border-color);border-style:solid solid none;border-radius:4px 4px 0 0;font-size:110%;transition:flex-grow .2s 1ms,color .2s;&:has(input[type=radio]:checked){flex-grow:1;z-index:2}&:last-of-type{text-align:end}}>form{z-index:1;width:100%;padding:4px;border:1px solid var(--border-color);label:has(input[type=radio]:not(:checked))+&{display:none}}button:where(:not([type]),[type=submit]){margin-top:.5lh}}main>p{text-align:center;margin:2lh 0}