.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);font-size:var(--font-size-sm);margin-bottom:var(--padding-mini);padding-inline:var(--padding-base)}.input-wrap{align-items:center;background-color:var(--color-input-bg);border-radius:var(--border-radius-base);display:grid;grid-template-columns:1fr auto;width:-moz-fit-content;width:fit-content}.input-wrap input,.input-wrap textarea,.input-wrap:after{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font:inherit;font-family:var(--font-family-main);font-size:var(--font-size-body);grid-area:1/1;margin:0;min-width:1em;resize:none;width:100%}.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{font-family:var(--font-family-main);height:var(--input-size,var(--button-height,2.25rem));max-width:100%;text-overflow:ellipsis}input.error{border-color:var(--color-error);color:var(--color-error)}input.error::-moz-placeholder{color:var(--color-error,#b9888e)}input.error::placeholder{color:var(--color-error,#b9888e)}input.centered{text-align:center}