.app-button{position:relative;border-radius:var(--border-radius-sm);line-height:1;letter-spacing:.06rem;font-weight:700;border:1px solid transparent}.app-button.is_middle{padding:1em 1.2em 1.1em}.app-button.is_small{padding:.5em 1em .6em}.app-button:not(.is_outline):not(.is_secondary).is_primary{background-color:var(--primary);color:var(--white)}.app-button:not(.is_outline).is_secondary{background-color:var(--orange);color:var(--white)}.app-button:not(.is_primary).is_outline,.app-button:not(.is_secondary).is_outline{border-color:var(--text)}.app-button.is_outline.is_primary{border-color:var(--primary);color:var(--primary)}.app-button.is_outline.is_secondary{border-color:var(--orange);color:var(--orange)}.app-input-error{display:flex;flex-shrink:0;position:relative;right:0;width:38px;height:38px}.app-input-error__icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.app-input-error__icon svg,.app-input-error__message-icon svg{flex-shrink:0;width:1.12rem;height:1.12rem}.app-input-error__icon,.app-input-error__message-icon{color:var(--red)}.app-input-error__message{position:absolute;padding:.5rem 1rem;width:-moz-max-content;width:max-content;max-width:300px;border-radius:.5rem;background-color:#383737;color:#fff;font-size:.87rem;line-height:1.2;box-shadow:0 0 10px #00000026;z-index:1;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.app-input-error__message:not(.message_position_right){left:2rem}.app-input-error__message.message_position_right{right:2rem}.app-input-error__message:not(.message_position_right) .app-input-error__message-icon{margin-right:.8rem}.app-input-error__message.message_position_right .app-input-error__message-icon{margin-left:.8rem;order:1}.app-input-error:hover .app-input-error__message{opacity:1;visibility:visible}.app-input-error:hover .app-input-error__message:not(.message_position_right){left:10px}.app-input-error:hover .app-input-error__message.message_position_right{right:10px}.app-input,.app-select{display:flex;width:100%;border:2px solid var(--grey);border-radius:var(--border-radius-sm);background-color:var(--grey);transition:all .3s;--auth-input-palceholder-color: var(--text-grey)}.app-input.is_focus,.app-select.is_focus{border-color:var(--primary)}.app-input.is_disabled,.app-select.is_disabled{background-color:var(--grey)}.app-input:not(.input_textarea),.app-select:not(.input_textarea){height:52px}.app-input:not(.input_textarea).is_small,.app-select:not(.input_textarea).is_small{height:42px;border-radius:.3rem}.app-input.input_textarea,.app-select.input_textarea{align-items:flex-start;min-height:80px}.app-input input,.app-input textarea,.app-select input,.app-select textarea{width:100%;height:100%;outline:none!important;padding:.3rem 1em;background-color:transparent}.app-input textarea,.app-select textarea{margin-top:.5rem;min-height:60px}.app-input textarea::-webkit-scrollbar,.app-select textarea::-webkit-scrollbar{display:none}.app-input input:disabled,.app-input textarea:disabled,.app-select input:disabled,.app-select textarea:disabled{background-color:transparent;color:var(--text-grey)}.app-input__icon,.app-select__icon{display:flex;justify-content:center;width:60px;height:100%;color:#cfcfcf;cursor:text}.app-input:not(.input_textarea) .app-input__icon,.app-input:not(.input_textarea) .app-select__icon,.app-select:not(.input_textarea) .app-input__icon,.app-select:not(.input_textarea) .app-select__icon{align-items:center}.app-input.input_textarea .app-input__icon,.app-input.input_textarea .app-select__icon,.app-select.input_textarea .app-input__icon,.app-select.input_textarea .app-select__icon{margin-top:.5rem}.app-input.field-error,.app-select.field-error{border-color:var(--red)!important}.app-input.field-error .app-input__icon,.app-input.field-error .app-select__icon,.app-select.field-error .app-input__icon,.app-select.field-error .app-select__icon{color:var(--red)}.app-input__icon svg,.app-select__icon svg{width:24px;height:24px}.app-input__field,.app-select__field{display:flex;flex-direction:column;position:relative;width:100%;height:100%}.app-input__label,.app-select__label{width:100%;margin-bottom:.5rem;font-size:.85rem;color:var(--text-grey);cursor:text;transition:all .3s ease-in-out;overflow:hidden}.app-input.is_focus .app-input__label,.app-input.is_active .app-input__label,.app-input.is_focus .app-select__label,.app-input.is_active .app-select__label,.app-select.is_focus .app-input__label,.app-select.is_active .app-input__label,.app-select.is_focus .app-select__label,.app-select.is_active .app-select__label{top:-.1rem;font-size:.7rem}.app-input__input,.app-select__input{display:flex;align-items:center;width:100%;height:100%}.app-input__label+.app-input__input,.app-input__label+.app-select__input,.app-select__label+.app-input__input,.app-select__label+.app-select__input{margin-top:.5rem}.app-input__input input,.app-select__input input{width:100%;height:100%;border:none;outline-offset:0;box-shadow:none}.app-input__input input:focus,.app-select__input input:focus{outline-offset:0;box-shadow:none}.app-input__input input::-webkit-outer-spin-button,.app-input__input input::-webkit-inner-spin-button,.app-select__input input::-webkit-outer-spin-button,.app-select__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-input__input ::-moz-placeholder,.app-select__input ::-moz-placeholder{color:var(--text-grey);opacity:1;font-size:.9rem}.app-input__input ::placeholder,.app-select__input ::placeholder{color:var(--text-grey);font-size:.9rem}.app-input__error,.app-select__error{display:flex;align-items:center;position:relative;width:0;transition:all .15s ease-in-out}@media screen and (min-height: 1025px){.app-input__error,.app-select__error{margin-left:.5rem}}.app-input__error.is_show,.app-select__error.is_show{width:38px}.app-input__arrow,.app-select__arrow{transition:all .6s ease-in-out}.app-input.is_focus .app-input__arrow,.app-input.is_focus .app-select__arrow,.app-select.is_focus .app-input__arrow,.app-select.is_focus .app-select__arrow{transform:rotateX(180deg)}.app-input.is_small .app-input__arrow svg,.app-input.is_small .app-select__arrow svg,.app-select.is_small .app-input__arrow svg,.app-select.is_small .app-select__arrow svg{width:18px;height:18px}
