.input-container{flex-direction:column;width:100%;display:flex;position:relative}.input-lg{height:56px;padding:15px 24px;font-size:20px;font-weight:500;line-height:24px}.input-md{height:48px;padding:11px 24px;font-size:18px;font-weight:500;line-height:24px}.input-sm{height:40px;padding:11px 24px;font-size:15px;font-weight:500;line-height:16px}.input-icon{z-index:1;justify-content:end;align-items:center;height:100%;display:flex;position:absolute;right:20px}.input-icon>div>svg>circle,.input-icon>div>svg>path{stroke:var(--text-400)}.input-description{z-index:0;-webkit-user-select:none;user-select:none;justify-content:end;align-items:center;width:100%;height:100%;display:flex;position:absolute;right:50px}.input-description>span{color:var(--text-400);font-size:18px;font-weight:500;line-height:24px}.input-helper{z-index:0;-webkit-user-select:none;user-select:none;display:flex;position:absolute;bottom:-16px;left:10px}.input-helper>span{color:var(--text-400);padding:4px 16px 0;font-size:12px;font-weight:500;line-height:16px}.input-error{color:var(--critical)!important;border-color:var(--critical)!important}.input-error>span{color:var(--critical)!important}.input{color:var(--border-control);border-color:var(--border-control);box-sizing:border-box;z-index:1;background-color:#0000;border-style:solid;border-width:1px;border-radius:16px;outline:none;width:100%}.input:placeholder{color:var(--text-400)}.input:disabled{opacity:.56}.input:hover:not([disabled]){border-color:var(--brand-primary);color:--brand-primary;transition:all .3s}.input:focus:not([disabled]){border-color:var(--brand-primary);transition:all .3s}.input:not(:placeholder-shown){color:var(--brand-primary)}