.custom-input{margin:27px 0 0}.custom-input__outline{min-height:var(--control-height);background:var(--surface);border:1px solid #0000003b;border-radius:4px;transition:border-color .2s cubic-bezier(.4,0,.2,1);position:relative}.custom-input__outline:hover{border-color:#000000de}.custom-input:focus-within .custom-input__outline{border-color:var(--color-primary)}.custom-input__control{--input-padding-x:14px;--input-icon-size:24px;--input-icon-gap:8px;--input-line-height:24px;align-items:center;gap:var(--input-icon-gap);min-height:calc(var(--control-height) - 2px);padding:0 var(--input-padding-x);box-sizing:border-box;display:flex;position:relative}.custom-input--with-icon .custom-input__control{--input-padding-x:12px}.custom-input--password .custom-input__control{--input-toggle-size:36px;padding-right:4px}.custom-input__toggle{z-index:2;flex:0 0 var(--input-toggle-size,36px);width:var(--input-toggle-size,36px);height:var(--input-toggle-size,36px);color:#0000008a;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.custom-input__toggle:hover:not(:disabled){color:var(--color-primary)}.custom-input__toggle:disabled{cursor:not-allowed;color:#00000061}.custom-input__toggle svg{width:20px;height:20px;display:block}.custom-input:focus-within .custom-input__toggle{color:var(--color-primary)}.custom-input--password .custom-input__label{max-width:calc(100% - var(--input-padding-x) - var(--input-toggle-size,36px))}.custom-input--password.custom-input--with-icon .custom-input__label{max-width:calc(100% - var(--input-padding-x) - var(--input-icon-size) - var(--input-icon-gap) - var(--input-padding-x) - var(--input-toggle-size,36px))}.custom-input--error .custom-input__toggle,.custom-input--error:focus-within .custom-input__toggle{color:var(--color-error-dark)}.custom-input--disabled .custom-input__toggle{color:#00000061}.custom-input__icon{flex:0 0 var(--input-icon-size);width:var(--input-icon-size);height:var(--input-line-height);color:#0000008a;pointer-events:none;justify-content:center;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-input__icon svg{width:18px;height:18px;display:block}.custom-input:focus-within .custom-input__icon{color:var(--color-primary)}.custom-input__field{min-width:0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--input-line-height);height:var(--input-line-height);color:var(--text-primary);appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;margin:0;padding:0}.custom-input__field:focus{outline:0}.custom-input__field::placeholder{color:#0000}.custom-input__label{top:50%;left:var(--input-padding-x);z-index:1;max-width:calc(100% - (var(--input-padding-x) * 2));font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--input-line-height);letter-spacing:.00938em;color:#0009;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:0 0;margin:0;padding:0;transition:color .2s cubic-bezier(0,0,.2,1),left .2s cubic-bezier(0,0,.2,1),top .2s cubic-bezier(0,0,.2,1),font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),background-color .2s cubic-bezier(0,0,.2,1);position:absolute;overflow:hidden;transform:translateY(-50%)}.custom-input--with-icon .custom-input__label{left:calc(var(--input-padding-x) + var(--input-icon-size) + var(--input-icon-gap));max-width:calc(100% - var(--input-padding-x) - var(--input-icon-size) - var(--input-icon-gap) - var(--input-padding-x))}.custom-input__field:focus+.custom-input__label,.custom-input__field:not(:placeholder-shown)+.custom-input__label,.custom-input__field:focus~.custom-input__label,.custom-input__field:not(:placeholder-shown)~.custom-input__label{font-size:var(--font-size-micro);background:var(--surface);padding:0 5px;line-height:1;top:0;left:12px;transform:translateY(-50%)}.custom-input--with-icon .custom-input__field:focus+.custom-input__label,.custom-input--with-icon .custom-input__field:not(:placeholder-shown)+.custom-input__label,.custom-input--with-icon .custom-input__field:focus~.custom-input__label,.custom-input--with-icon .custom-input__field:not(:placeholder-shown)~.custom-input__label{left:12px}.custom-input__field:focus+.custom-input__label,.custom-input__field:focus~.custom-input__label{color:var(--color-primary)}.custom-input__field:not(:placeholder-shown):not(:focus)+.custom-input__label,.custom-input__field:not(:placeholder-shown):not(:focus)~.custom-input__label{color:#0009}.custom-input__field:disabled{cursor:not-allowed;color:#00000061}.custom-input--disabled .custom-input__outline{background:#0000000a;border-color:#0000001f}.custom-input--disabled .custom-input__outline:hover{border-color:#0000001f}.custom-input--disabled .custom-input__icon,.custom-input--disabled .custom-input__label{color:#00000061}.custom-input--no-label{margin-top:16px}.custom-input--error .custom-input__outline,.custom-input--error .custom-input__outline:hover,.custom-input--error:focus-within .custom-input__outline{border-color:var(--color-error-dark)}.custom-input--error .custom-input__label,.custom-input--error .custom-input__field:focus+.custom-input__label,.custom-input--error .custom-input__field:focus~.custom-input__label,.custom-input--error .custom-input__icon,.custom-input--error:focus-within .custom-input__icon{color:var(--color-error-dark)}.custom-input__helper-text{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-error-dark);margin:4px 14px 0;line-height:1.4}.custom-input--multiline .custom-input__outline{min-height:auto}.custom-input--multiline .custom-input__control{min-height:auto;padding:18px var(--input-padding-x) 12px;align-items:flex-start}.custom-input--multiline .custom-input__field{height:auto;min-height:calc(var(--input-line-height) * 3);resize:vertical}.custom-input--multiline .custom-input__label,.custom-input--multiline .custom-input__field:focus+.custom-input__label,.custom-input--multiline .custom-input__field:not(:placeholder-shown)+.custom-input__label{font-size:var(--font-size-micro);background:var(--surface);padding:0 5px;line-height:1;top:0;left:12px;transform:translateY(-50%)}