.Input{min-inline-size:0;display:flex;position:relative}.Input--block{gap:var(--size-4);flex-direction:column}.Input--inline{align-items:center;gap:var(--size-12)}.Input--small{--icon-size:var(--size-16);--icon-position-inline:var(--size-10);--icon-position-block:var(--size-6);--padding-block:var(--size-4);--padding-inline:var(--size-8);--block-size:var(--size-28);font-size:var(--size-14);line-height:1}.Input--large{--icon-size:var(--size-24);--icon-position-inline:var(--size-12);--icon-position-block:var(--size-12);--padding-block:var(--size-12);--padding-inline:var(--size-16);--block-size:var(--size-48);font-size:var(--size-16);line-height:1.25}.Input-label{display:inline-block}.Input--inline .Input-label{flex-shrink:0}.Input-input{--border-color:transparent;appearance:none;background-color:var(--color-white);border:var(--size-1) solid var(--border-color);border-radius:var(--size-2);color:var(--color-gray-800);min-block-size:var(--block-size);min-inline-size:0;padding-block:var(--padding-block);padding-inline:var(--padding-inline);flex-grow:1;font-weight:400;line-height:1}.Input-input:disabled{background-color:var(--color-gray-200);color:var(--color-gray-700)}.Input:where(.has-border) .Input-input{--border-color:var(--color-gray-600)}.Input:where(.has-icon,.is-clearable) .Input-input{padding-inline-end:calc(var(--icon-position-inline) + var(--icon-size))}.Input:where(.has-icon.is-clearable) .Input-input{padding-inline-end:calc(var(--icon-position-inline) + var(--icon-size) * 2)}.Input-input::placeholder{color:var(--color-gray-600);opacity:1}.Input-input:has(option[value=""]:checked){color:var(--color-gray-600);opacity:1}.Input:where(.has-border) .Input-input:not(:disabled):hover{--border-color:var(--color-gray-800)}.Input-input--select{text-overflow:ellipsis;white-space:nowrap}.Input-input--select option:enabled{color:var(--color-gray-800)}.Input-clear{font-size:var(--icon-size);display:flex;position:absolute;inset-block-end:var(--size-12);inset-inline-end:var(--icon-position-inline)}.Input-clear:hover{color:var(--color-primary-600)}.Input:where(.has-icon) .Input-clear{inset-inline-end:calc(var(--icon-position-inline) + var(--icon-size) + var(--size-4))}.Input-icon{color:var(--color-gray-800);font-size:var(--icon-size);pointer-events:none;position:absolute;inset-block-end:var(--icon-position-block);inset-inline-end:var(--icon-position-inline)}