.input{border-radius:.33rem;transition-property:background-color,border-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.input{transition:none}}.input{background-color:var(--input-background-color);border:1.5px solid var(--border-color);width:100%;min-width:0;color:var(--text-color);align-items:center;display:flex;position:relative}.input:hover:not(:has(:disabled)){border-color:var(--border-active-color)}.input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14)}:is(.input:has([aria-invalid=true]),.input--invalid){border-color:var(--error-color)}:is(.input:has([aria-invalid=true]):focus-within,.input--invalid:focus-within){border-color:var(--error-color);box-shadow:0 0 0 4px rgba(var(--error-rgb), .1)}.input:has(:disabled){cursor:not-allowed;opacity:.6}.input--sm{gap:.375rem;min-height:2.25rem;padding:0 .625rem;font-size:.875rem}.input--sm svg{width:1rem;height:1rem}.input--md{gap:.5rem;min-height:2.75rem;padding:0 .75rem;font-size:1rem}.input--md svg{width:1.125rem;height:1.125rem}.input--lg{gap:.5rem;min-height:3.25rem;padding:0 1rem;font-size:1.125rem}.input--lg svg{width:1.25rem;height:1.25rem}.input__native{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:auto;align-self:stretch;margin:0;padding:0}.input__native::placeholder{color:var(--text-subtle-color);opacity:1}.input__native:disabled{cursor:not-allowed}.input__native{align-self:stretch}.input__native[type=number]{appearance:textfield}.input__native[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.input__native[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input__native[type=search]::-webkit-search-cancel-button{appearance:none}.input__icon{color:var(--text-muted-color);pointer-events:none;flex-shrink:0}.input__affix{color:var(--text-muted-color);white-space:nowrap;flex-shrink:0}.input__action{color:var(--text-muted-color);background:0 0;border:0;border-radius:.1875rem;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;margin-right:-.25rem;padding:.25rem;display:flex}.input__action:hover:not(:disabled){color:var(--text-color)}.input__action:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.input__end{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.25rem;margin-right:-.5rem;display:flex}