.vlg-input-component-wrapper{display:inline-flex;flex-direction:column;position:relative;cursor:text;row-gap:4px}.vlg-input-component-wrapper .vlg-input-counter{display:inline-flex;align-items:center;height:24px;font-size:14px;line-height:1.583333em;position:absolute;right:16px;top:8px;padding:0 8px;z-index:5;cursor:text;color:#64748b}.vlg-input-component-wrapper .input-container{display:flex;align-items:center;column-gap:10px;position:relative;box-sizing:border-box;height:50px;background:#f1f5f9;border:2px solid rgba(0,0,0,0);border-radius:2px;padding:4px 10px;width:100%}.vlg-input-component-wrapper .input-container .input-wrapper{height:100%;position:relative;display:flex;align-items:center;flex:1 1;min-width:0}.vlg-input-component-wrapper .input-container .input-wrapper .with-label{padding-top:18px}.vlg-input-component-wrapper .input-container .input-wrapper .vlg-input-label{font-size:16px;font-weight:500;font-family:Inter,sans-serif;line-height:24px;color:inherit;font-style:normal;color:#64748b;transition:all .3s ease;position:absolute}.vlg-input-component-wrapper .input-container .input-wrapper.label-on-top .vlg-input-label{font-weight:400;font-size:12px;line-height:16px;top:0}.vlg-input-component-wrapper .input-container .input-wrapper.label-on-top .vlg-input{margin-top:auto}.vlg-input-component-wrapper .input-container .input-wrapper .vlg-input{font-size:16px;font-weight:500;font-family:Inter,sans-serif;line-height:24px;color:inherit;font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:1.5em;width:100%;min-width:0;padding:0;color:#0f172a;caret-color:#0f172a}.vlg-input-component-wrapper .input-container .input-wrapper .vlg-input::placeholder{color:#64748b}.vlg-input-component-wrapper .input-container .icons-container{display:flex;align-items:center;column-gap:18px;justify-content:flex-end;color:#1e293b}.vlg-input-component-wrapper .input-container .icons-container .clear-icon,.vlg-input-component-wrapper .input-container .icons-container .vlg-icon-loading,.vlg-input-component-wrapper .input-container .icons-container>svg{width:20px;height:20px}.vlg-input-component-wrapper .input-container .icons-container .clear-icon,.vlg-input-component-wrapper .input-container .icons-container .password-input-switcher{cursor:pointer}.vlg-input-component-wrapper:not(.disabled) .input-container:hover:not(.has-error),.vlg-input-component-wrapper:not(.disabled).focused .input-container{border-color:#0ea5e9}.vlg-input-component-wrapper.has-error .input-container{background-color:#fff1f2;border-color:#f43f5e}.vlg-input-component-wrapper.disabled{cursor:default}.vlg-input-component-wrapper.disabled .input-container{color:#334155}.vlg-input-component-wrapper.disabled .input-container .vlg-input{caret-color:rgba(0,0,0,0)}.vlg-input-component-wrapper.disabled .input-container .icons-container .clear-icon{cursor:default}.vlg-input-component-wrapper.preset-transparent .input-container{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vlg-input-component-wrapper.preset-transparent.disabled .input-container,.vlg-input-component-wrapper.preset-transparent.focused .input-container,.vlg-input-component-wrapper.preset-transparent.has-error .input-container{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);box-shadow:none}.vlg-input-component-wrapper .vlg-input-notification{font-weight:400;font-size:12px;line-height:16px;flex:1 1}.vlg-input-component-wrapper .vlg-input-notification.error{color:#f43f5e}.vlg-input-component-wrapper .vlg-input-bottom-text{font-weight:400;font-size:12px;line-height:16px;white-space:pre-wrap;cursor:default}.vlg-input-component-wrapper.size-xs .input-container{height:34px;padding:4px 10px;border:none}.vlg-input-component-wrapper.size-s .input-container{height:42px;padding:8px 10px}.vlg-input-component-wrapper.size-l .input-container{height:58px;padding:8px 10px}