.input-box{display:block}.input-box.open .desc{margin-top:var(--padding-mini);text-wrap:balance}.input-box.lg input{font-size:var(--h2);height:var(--h2)}.label{color:var(--color-label);margin-bottom:var(--padding-mini);padding-inline:var(--padding-base);font-size:var(--font-size-sm)}.input-wrap{border-radius:var(--border-radius-base);background-color:var(--color-input-bg);grid-template-columns:1fr auto;align-items:center;width:fit-content;display:grid}.input-wrap input,.input-wrap textarea,.input-wrap:after{width:100%;min-width:1em;font:inherit;resize:none;appearance:none;font-family:var(--font-family-main);font-size:var(--font-size-body);background:0 0;border:none;grid-area:1/1;margin:0}.input-wrap input:not([type=range]){padding:0 var(--padding-base)}.input-wrap:after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap}.input-wrap:focus-within{box-shadow:0 0 0 3px var(--color-bg)}input{height:var(--input-size,var(--button-height,2.25rem));text-overflow:ellipsis;font-family:var(--font-family-main);max-width:100%}input.error{color:var(--color-error);border-color:var(--color-error)}input.error::placeholder{color:var(--color-error,#b9888e)}input.centered{text-align:center}