.input-group:where(.--steps) :where(label input),.input-group :where(label.btn input){opacity:0;block-size:auto;inline-size:auto;position:absolute}.input-group{border-radius:var(--rounded,.35rem);transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,var(--outline-transition);vertical-align:middle;display:flex;position:relative}.input-group:has(:focus-visible){--form-stroke:var(--form-active-color);outline:var(--outline-size,2px)solid var(--form-active-color);outline-offset:var(--outline-offset,2px)}.input-group:has(>:is(input,select,textarea):focus){--outline-transition:;--outline-size:1px;--outline-offset:0}.input-group>*{border-radius:0;outline:none;margin:0}.input-group>:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.input-group>:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.input-group>:not(template,[hidden]:where(:not([hidden=until-found])))+:not(button,.btn){border-inline-start-width:0}.input-group :where(label.btn){position:relative}.input-group:where(.--merge)>:not(:last-child){border-inline-end-width:0}.input-group:where(.--merge) .form-input button{--btn-border-width:0}.input-group:where(.--steps){color:var(--brand)}.input-group:where(.--steps) :where(label){--_is-checked:initial;--_not-checked:;opacity:var(--_not-checked,.6);position:relative}.input-group:where(.--steps) :where(label):has(:checked)~label{--_is-checked:;--_not-checked:initial}