.Input_input{background-color:var(--color-placeholder-50);font-family:var(--font-family-sans);font-size:var(--font-size-body-md);box-sizing:border-box;padding:calc(var(--padding-sm) - 1px) calc(var(--padding-md) - 1px);border:none;outline:2px solid transparent;border:2px solid var(--color-50);outline-offset:-2px;border-radius:9999px;color:var(--color-900);transition:border-color var(--animation-duration-fast) ease-out,outline-offset var(--animation-duration-fast) ease-out,outline-color var(--animation-duration-fast) ease-out}::placeholder{color:var(--color-placeholder-500);opacity:.4}.Input_input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.Input_input:hover{border-color:var(--color-100)}.Input_input:focus{border-color:var(--color-500)}.Input_textarea{border-radius:var(--radius-md);padding:var(--padding-md)}.Input_error{outline:2px solid var(--color-danger-500)!important;outline-offset:2px}.Input_error:focus-visible{outline-offset:4px}.Input_searchContainer{display:flex;align-items:center;gap:var(--spacing-sm)}.Input_searchInputContainer{position:relative}.Input_clearButton{position:absolute;top:50%;right:var(--spacing-md);translate:0 -50%;opacity:.5;visibility:visible;padding:0}.Input_clearButton.Input_hidden{opacity:0;visibility:hidden}.Input_clearButton:hover,.Input_clearButton:focus{opacity:1}.Input_size-xs{font-size:var(--font-size-body-xs)}.Input_size-sm{font-size:var(--font-size-body-sm)}.Input_size-md{font-size:var(--font-size-body-md)}.Input_size-lg{font-size:var(--font-size-body-lg)}.Input_size-xl{font-size:var(--font-size-body-xl)}.Input_size-xxl{font-size:var(--font-size-body-xxl)}
