.yd-input{--yd-input-border-radius:var(--yd-border-radius-m);width:100%;height:var(--yd-input-height);cursor:text;background-color:var(--yd-input-color-bg);border:1px solid var(--yd-input-color-border);align-items:center;transition:background-color .2s,border-color .2s;display:flex}.yd-input:hover{background-color:var(--yd-input-color-bg-hover);border-color:var(--yd-input-color-border-hover)}.yd-input:has(input:focus){background-color:var(--yd-input-color-bg-focus);border-color:var(--yd-input-color-border-focus)}.yd-input:has(input:disabled){cursor:not-allowed;background-color:var(--yd-color-bg-disabled);border-color:#0000}.yd-input_hasError,.yd-input_hasError:hover{border-color:var(--yd-color-line-danger)}.yd-input_hasError:has(input:focus){border-color:var(--yd-color-line-danger)}.yd-input_hasError:has(input:disabled){border-color:var(--yd-color-line-danger)}.yd-input_variant_filled{--yd-input-color-bg:var(--yd-color-bg-neutral);--yd-input-color-bg-hover:var(--yd-color-bg-neutral-hover);--yd-input-color-bg-focus:var(--yd-color-bg-neutral-hover);--yd-input-color-border:transparent;--yd-input-color-border-hover:transparent;--yd-input-color-border-focus:transparent}.yd-input_variant_outlined{--yd-input-color-bg:var(--yd-color-bg-base);--yd-input-color-bg-hover:var(--yd-color-bg-base);--yd-input-color-bg-focus:var(--yd-color-bg-base);--yd-input-color-border:var(--yd-color-line-neutral-accent);--yd-input-color-border-hover:var(--yd-color-line-neutral-accent-hover);--yd-input-color-border-focus:var(--yd-color-line-brand)}.yd-input_shape_round{border-radius:var(--yd-input-border-radius)}.yd-input_shape_brick{border-radius:0}.yd-input_shape_roundBrick{border-radius:var(--yd-input-border-radius)0 0 var(--yd-input-border-radius)}.yd-input_shape_brickRound{border-radius:0 var(--yd-input-border-radius)var(--yd-input-border-radius)0}.yd-input_shape_roundClear{border-radius:var(--yd-input-border-radius)0 0 var(--yd-input-border-radius);border-right:none}.yd-input_shape_clearRound{border-radius:0 var(--yd-input-border-radius)var(--yd-input-border-radius)0;border-left:none}.yd-input_shape_clearClear{border-left:none;border-right:none;border-radius:0}.yd-input_size_s{--yd-input-height:32px;--yd-input-padding:var(--yd-spacing-xs);--yd-input-text-size:var(--yd-text-size-s);--yd-input-icon-size:16px}.yd-input_size_m{--yd-input-height:40px;--yd-input-padding:var(--yd-spacing-s);--yd-input-text-size:var(--yd-text-size-m);--yd-input-icon-size:20px}.yd-input_size_l{--yd-input-height:48px;--yd-input-padding:var(--yd-spacing-s);--yd-input-text-size:var(--yd-text-size-l);--yd-input-icon-size:24px}.yd-input input{width:100%;height:100%;padding:0 var(--yd-input-padding);font-size:var(--yd-input-text-size);color:var(--yd-color-text-primary);cursor:inherit;background-color:#0000}.yd-input input:focus{outline:none}.yd-input input:disabled{color:var(--yd-color-text-disabled)}.yd-input input::placeholder{color:var(--yd-color-text-hint)}.yd-input input:disabled::placeholder{color:var(--yd-color-text-disabled)}.yd-input input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.yd-input input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.yd-input__prefix,.yd-input__suffix{color:var(--yd-color-text-hint);display:inline-flex}.yd-input__prefix>svg,.yd-input__suffix>svg{width:var(--yd-input-icon-size);height:var(--yd-input-icon-size);color:var(--yd-color-icon)}.yd-input:has(input:disabled) :is(.yd-input__prefix,.yd-input__suffix){color:var(--yd-color-text-disabled)}.yd-input:has(input:disabled) :is(.yd-input__prefix,.yd-input__suffix)>svg{color:var(--yd-color-text-disabled)}.yd-input__prefix{margin-right:var(--yd-spacing-xs)}.yd-input__suffix{margin-left:var(--yd-spacing-xs)}.yd-input__clearButton{visibility:hidden;margin-left:var(--yd-spacing-xs);color:var(--yd-color-icon);opacity:0;background-color:#0000;transition:all .2s;display:inline-flex}.yd-input__clearButton:hover{color:var(--yd-color-text-secondary)}.yd-input__clearButton:focus-visible{color:var(--yd-color-text-primary);outline:none}.yd-input__clearButton:disabled{color:var(--yd-color-text-disabled);cursor:inherit}.yd-input__clearButton svg{width:var(--yd-input-icon-size);height:var(--yd-input-icon-size)}.yd-input_hasValue .yd-input__clearButton{visibility:visible;opacity:1}.yd-input:has(.yd-input__prefix){padding-left:var(--yd-input-padding)}.yd-input:has(.yd-input__prefix) input{padding-left:0}:is(.yd-input:has(.yd-input__suffix),.yd-input:has(.yd-input__clearButton)){padding-right:var(--yd-input-padding)}:is(.yd-input:has(.yd-input__suffix) input,.yd-input:has(.yd-input__clearButton) input){padding-right:0}