.form__row{display:flex;flex-wrap:wrap;gap:0 1rem;align-items:center;margin-bottom:1.5rem}.form__container{container-type:inline-size;container-name:form}.form__container .form__row{flex-direction:column}@container form (width>=600px){.form__row{flex-direction:row}}.form__row[data-error]::after{content:attr(data-error);font-size:.85rem;color:red}.form__label{flex:1 1 30%}.form__row:has(textarea) .form__label{align-self:start}.form__label small{font-size:80%;font-style:italic;color:var(--filet-gris)}.form__label small::before{content:'\0000A0('}.form__label small::after{content:')'}.form__input{box-sizing:border-box;flex:1 1 65%;margin:0 0 0 auto;width:100%;background:rgb(230 230 230)}.form__input,.form__group *{border-radius:calc(var(--espace) / 2);padding:calc(var(--espace) / 4) calc(var(--espace) / 2)}.form__input:focus,.form__group *:focus{outline:none}.form__row[data-error]>.form__input,.form__input:invalid:not(:focus):not(:placeholder-shown){border-color:#fff0;outline:2px solid red}.form__info{font-size:85%}.form__footer{display:flex;justify-content:end;gap:var(--espace)}.form__footer>*:not(.btn__primary){order:-1;margin-right:auto}.form__submit{padding:.25rem}.form__plus:has(:checked)+div{display:initial}.form__moins:has(:checked)+div{display:none}