.io-input{display:block;inline-size:100%;min-block-size:44px;padding-block:calc(var(--io-spacing-12) * var(--io-density-scale, 1));padding-inline:var(--io-spacing-12);border:var(--io-border-width-thin) solid var(--io-border-default);border-radius:var(--io-border-radius-base);background:var(--io-surface-primary);color:var(--io-text-primary);font-family:var(--io-font-primary);font-size:var(--io-type-size-body);line-height:var(--io-type-line-body);font-weight:var(--io-type-weight-body)}.io-input::placeholder{color:var(--io-text-muted);opacity:1}.io-input:focus-visible{border-color:var(--io-border-strong);outline:var(--io-border-width-thin) solid var(--io-text-secondary);outline-offset:2px}.io-input[aria-invalid=true],.io-input[data-invalid=true]{border-color:var(--io-state-error)}@media (forced-colors:active){.io-input[aria-invalid=true],.io-input[data-invalid=true]{border-style:dashed;border-width:calc(var(--io-border-width-thin) * 2)}}.io-input:disabled{background:var(--io-surface-sunken);color:var(--io-text-muted);cursor:not-allowed}.io-label{display:inline-flex;align-items:baseline;gap:.2em;color:var(--io-text-primary);font-family:var(--io-font-primary);font-size:var(--io-type-size-small);line-height:var(--io-type-line-body);font-weight:var(--io-type-weight-h4)}.io-label[data-disabled]{color:var(--io-text-muted);cursor:not-allowed}.io-label__marker{color:var(--io-text-secondary)}.io-label__sr{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}