.co-input{--input-background-color: var(--color-background, var(--basic-000, #ffffff));--input-color: var(--text-default, var(--basic-800, #202830));--input-border-color: var(--secondary-4, var(--basic-400, #d7dbde));--input-hover-border-color: var(--secondary-6, var(--basic-500, #aeb3b8));box-sizing:border-box;width:100%;height:var(--input-height);padding:0 var(--base-spacing-2, 8px);border:var(--border-width-thin, 2px) solid var(--input-border-color);border-radius:var(--input-border-radius, var(--border-radius-xsmall, 4px));outline:none;color:var(--input-color);background-color:var(--input-background-color);--font-weight: var(--font-weight-regular, 400);font-weight:var(--font-weight);font-size:var(--font-size, 14px);font-family:var(--font-family);transition:border .2s ease;touch-action:manipulation}.co-input:not(.co-input--unstyled)[data-co-hover],.co-input:not(.co-input--unstyled):hover{border-color:var(--input-hover-border-color)}.co-input:not(.co-input--unstyled)[data-co-focus],.co-input:not(.co-input--unstyled)[data-co-focus][data-co-hover],.co-input:not(.co-input--unstyled)[data-co-focus]:hover,.co-input:not(.co-input--unstyled):focus,.co-input:not(.co-input--unstyled):focus[data-co-hover],.co-input:not(.co-input--unstyled):focus:hover,.co-input:not(.co-input--unstyled)[data-co-focus-within],.co-input:not(.co-input--unstyled)[data-co-focus-within][data-co-hover],.co-input:not(.co-input--unstyled)[data-co-focus-within]:hover,.co-input:not(.co-input--unstyled):focus-within,.co-input:not(.co-input--unstyled):focus-within[data-co-hover],.co-input:not(.co-input--unstyled):focus-within:hover{box-shadow:0 0 0 2px var(--border-focus-color, var(--primary-500, #8635f2))}.co-input[type=search]{-webkit-appearance:textfield}.co-input[type=search]::-webkit-search-decoration,.co-input[type=search]::-webkit-search-cancel-button,.co-input[type=search]::-webkit-search-results-button,.co-input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.co-input.co-input--small{--input-height: 32px;--font-size: var(--font-size-small, 12px)}.co-input.co-input--medium,.co-input{--input-height: 40px;--font-size: var(--font-size-medium, 14px)}.co-input.co-input--error{--input-border-color: var(--error-9, var(--error-700, #db362a));--input-hover-border-color: var(--error-11, var(--error-500, #ff6459))}.co-input.co-input--warning{--input-border-color: var(--warning-9, var(--warning-700, #eda813));--input-hover-border-color: var(--warning-10, var(--warning-500, #ffe16b))}.co-input.co-input--unstyled{height:100%;padding:0;border:none;border-radius:0;background-color:transparent}.co-input.co-input--wrap{height:unset;min-height:var(--input-height)}.co-input.co-input--clickable{cursor:pointer}.co-input.co-input--align-left,.co-input{text-align:left}.co-input.co-input--align-center{text-align:center}.co-input.co-input--align-right{text-align:right}.co-input[disabled],.co-input[readonly],.co-input[data-co-disabled],.co-input[data-co-readonly]{--input-background-color: var(--secondary-2, var(--basic-200, #f2f4f5));--input-color: var(--text-default, var(--basic-800, #202830))}.co-input[disabled],.co-input[data-co-disabled]{pointer-events:none;opacity:var(--opacity-disabled, var(--opacity-medium, 0.4));--input-border-color: var(--secondary-3, var(--basic-300, #e8eaeb))}.co-input[readonly],.co-input[data-co-readonly]{--input-border-color: var(--secondary-6, var(--basic-500, #aeb3b8))}.co-input[type=number]{appearance:textfield}.co-input[type=number].co-input--no-arrows[type=number]::-webkit-inner-spin-button,.co-input[type=number].co-input--no-arrows[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.co-input::placeholder{color:var(--text-placeholder, var(--basic-500, #aeb3b8));font-weight:var(--font-weight-regular, 400)}