.app-password-helper{width:calc(100% - 8px);height:0;position:absolute;top:0;left:8px}.app-password-helper .validator{width:auto;min-width:160px;font-size:16px;line-height:24px;padding:12px;position:absolute;left:0;bottom:12px;border-radius:6px;border-bottom-left-radius:0;background:#fff;-webkit-filter:drop-shadow(0 4px 5px rgba(0,0,0,.32));filter:drop-shadow(0 4px 5px rgba(0,0,0,.32))}.app-password-helper .validator:after{content:"";display:block;position:absolute;top:100%;width:12px;height:12px;background:radial-gradient(circle at bottom right,transparent 0,transparent 12px,#fff 0,#fff);left:0}.app-password-helper .validator>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-password-helper .validator>div:before{font-family:icons;font-size:22px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e60000;margin-right:5px}.app-password-helper .validator>div.valid{color:#999}.app-password-helper .validator>div.valid:before{font-family:icons;font-size:16px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#00b347;margin-left:3px;margin-right:8px;margin-top:-2px}@media (max-width:480px){.app-password-helper .validator{font-size:14px}}.app-input{position:relative;width:100%;min-height:48px;border-radius:4px;background:var(--color-input-bg)}.app-input>.input,.app-input input{display:block;width:100%;padding:11px 14px;font-size:16px;line-height:24px;font-weight:400;color:var(--color-text-primary);border-radius:4px;border:solid 1px var(--color-input-border)}.app-input>.input::-webkit-input-placeholder,.app-input input::-webkit-input-placeholder{color:transparent}.app-input>.input::-moz-placeholder,.app-input input::-moz-placeholder{color:transparent}.app-input>.input:-ms-input-placeholder,.app-input input:-ms-input-placeholder{color:transparent}.app-input>.input::-ms-input-placeholder,.app-input input::-ms-input-placeholder{color:transparent}.app-input>.input::placeholder,.app-input input::placeholder{color:transparent}.app-input>.input[type=password],.app-input input[type=password]{letter-spacing:2px}.app-input>.input[type=password]::-webkit-input-placeholder,.app-input input[type=password]::-webkit-input-placeholder{letter-spacing:inherit}.app-input>.input[type=password]::-moz-placeholder,.app-input input[type=password]::-moz-placeholder{letter-spacing:inherit}.app-input>.input[type=password]:-ms-input-placeholder,.app-input input[type=password]:-ms-input-placeholder{letter-spacing:inherit}.app-input>.input[type=password]::-ms-input-placeholder,.app-input input[type=password]::-ms-input-placeholder{letter-spacing:inherit}.app-input>.input[type=password]::placeholder,.app-input input[type=password]::placeholder{letter-spacing:inherit}.app-input>.input:hover,.app-input input:hover{border-color:var(--color-input-border-hover)}.app-input.with-placeholder>.input,.app-input.with-placeholder input{border-color:var(--color-input-border-active)}.app-input.with-placeholder>.input::-webkit-input-placeholder,.app-input.with-placeholder input::-webkit-input-placeholder{color:var(--color-input-placeholder)}.app-input.with-placeholder>.input::-moz-placeholder,.app-input.with-placeholder input::-moz-placeholder{color:var(--color-input-placeholder)}.app-input.with-placeholder>.input:-ms-input-placeholder,.app-input.with-placeholder input:-ms-input-placeholder{color:var(--color-input-placeholder)}.app-input.with-placeholder>.input::-ms-input-placeholder,.app-input.with-placeholder input::-ms-input-placeholder{color:var(--color-input-placeholder)}.app-input.with-placeholder>.input::placeholder,.app-input.with-placeholder input::placeholder{color:var(--color-input-placeholder)}.app-input label{position:absolute;top:50%;left:14px;max-width:calc(100% - 29px);padding:0 4px;font-size:16px;font-weight:400;color:var(--color-input-label);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.app-input label span{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-input label i{color:var(--color-error);font-style:normal}.app-input label:before{position:absolute;top:0;left:0;right:0;bottom:40%;background-color:var(--color-input-bg);content:""}.app-input .characters-counter{position:absolute;bottom:0;right:14px;max-width:calc(100% - 29px);padding:0 4px;font-size:14px;font-weight:400;color:var(--color-input-label-typing);-webkit-transform:translateY(50%);transform:translateY(50%)}.app-input .characters-counter span{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-input .characters-counter:before{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-component-bg-primary);content:""}.app-input .error-message{width:100%;max-width:100%;font-size:14px;line-height:24px;color:var(--color-error)}.app-input .error-message i{position:absolute;top:0;left:0;display:inline-block;width:24px;height:24px}.app-input .error-message i:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-input .error-message span{display:inline-block;text-indent:24px}.app-input .error-message.crop{position:absolute;bottom:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.app-input .error-message.crop span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-input .alert-message{width:100%;max-width:100%;font-size:14px;line-height:24px;color:var(--color-error)}.app-input .alert-message i{position:absolute;top:0;left:0;display:inline-block;width:24px;height:24px}.app-input .alert-message i:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-input .alert-message span{display:inline-block;text-indent:24px}.app-input .alert-message.crop{position:absolute;bottom:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.app-input .alert-message.crop span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-input .icon{position:absolute;top:1px;left:calc(100% - 50px);right:1px;bottom:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--color-component-bg-primary);border-radius:4px}.app-input .icon.icon-before{right:auto;left:1px;width:42px}.app-input .icon.icon-before+label{left:42px;max-width:calc(100% - 85px)}.app-input .icon.icon-before~.input,.app-input .icon.icon-before~input{padding-left:42px}.app-input .icon.icon-search:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-input .btn-clear,.app-input .btn-toggle-edit-visibility,.app-input .btn-toggle-password-visibility{position:absolute;top:50%;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:24px;height:24px;color:var(--color-table-action-secondary);-webkit-transition:.3s;transition:.3s}.app-input .btn-clear:hover,.app-input .btn-toggle-edit-visibility:hover,.app-input .btn-toggle-password-visibility:hover{color:var(--color-table-action-secondary-hover)}.app-input .btn-clear:active,.app-input .btn-toggle-edit-visibility:active,.app-input .btn-toggle-password-visibility:active{color:var(--color-table-action-secondary-active)}.app-input .btn-toggle-password-visibility:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-input .btn-toggle-password-visibility.hide-password:before{content:""}.app-input .btn-toggle-edit-visibility{opacity:1}.app-input .btn-toggle-edit-visibility:before{content:""}.app-input .btn-clear:before,.app-input .btn-toggle-edit-visibility:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-input .btn-clear:before{content:""}.app-input.with-clear-button>.input,.app-input.with-clear-button input,.app-input.with-toggle-password-visibility-button>.input,.app-input.with-toggle-password-visibility-button input{padding-right:56px}.app-input.typing label{top:0;font-size:14px;color:var(--color-input-label-typing)}.app-input.typing label i{color:inherit}.app-input.typing label:before{top:calc(50% - 1px)}.app-input.typing>.input,.app-input.typing input{border-color:var(--color-input-border-active)}.app-input.typing>.input::-webkit-input-placeholder,.app-input.typing input::-webkit-input-placeholder{color:var(--color-input-placeholder)}.app-input.typing>.input::-moz-placeholder,.app-input.typing input::-moz-placeholder{color:var(--color-input-placeholder)}.app-input.typing>.input:-ms-input-placeholder,.app-input.typing input:-ms-input-placeholder{color:var(--color-input-placeholder)}.app-input.typing>.input::-ms-input-placeholder,.app-input.typing input::-ms-input-placeholder{color:var(--color-input-placeholder)}.app-input.typing>.input::placeholder,.app-input.typing input::placeholder{color:var(--color-input-placeholder)}.app-input.typing .icon.icon-before+label{left:14px}.app-input.disabled{opacity:.4;pointer-events:none;cursor:default}.app-input.error>.input,.app-input.error input{color:var(--color-error);border:1px solid var(--color-input-border-error)}.app-input.error label{color:var(--color-error)}.app-input.uppercase>.input,.app-input.uppercase input{text-transform:uppercase}.app-input.lowercase>.input,.app-input.lowercase input{text-transform:lowercase}.app-input.capitalize>.input,.app-input.capitalize input{text-transform:capitalize}@media (max-width:480px){.app-input>.input,.app-input input,.app-input label{font-size:14px}.app-input.typing label{font-size:12px;line-height:12px}.app-input .characters-counter{font-size:12px}}