@keyframes squiggly-anim{0%{filter:url(#squiggly-0)}20%{filter:url(#squiggly-1)}40%{filter:url(#squiggly-2)}60%{filter:url(#squiggly-3)}80%{filter:url(#squiggly-4)}to{filter:url(#squiggly-0)}}main{display:flex;flex-direction:column;justify-content:center}h1{translate:0 -80px;text-align:center;font-size:15vw;animation:squiggly-anim 5s linear infinite;text-decoration-line:underline}main>section{width:30rem;margin:0 auto;padding:1rlh 0;display:flex;flex-wrap:wrap;column-gap:4px;opacity:0;>label{order:-1;border:1px var(--border-color);border-style:solid solid none;padding:4px;translate:0 1px;background-color:var(--back-color);font-weight:400;transition:.2s;>input{display:none}}>label:last-of-type{text-align:end}>label:has(:checked){z-index:2;flex-grow:1}>form{z-index:1;width:100%}>label:not(:has(:checked))+form{display:none}}form{border:1px solid var(--border-color);padding:1vw;menu:empty{display:none}}