@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap);*{padding:0;margin:0;box-sizing:border-box;font-size:1.4rem}body{background-color:#ededed;color:#2c2c2c;font-family:"Inter",Arial,sans-serif}h1{font-size:2.4rem;line-height:2.5rem}html{font-size:62.5%}:focus{outline:transparent}.box-layout{align-items:center;display:flex;height:100vh;justify-content:center}.box-layout__box{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 23px rgba(0,0,0,.12);display:flex;flex-direction:column;height:230px;padding:2rem;position:relative;width:350px}.box-layout__box h1{text-align:center}.box-layout__box--password{width:450px;height:450px}.box-layout__box--intro{width:400px;height:350px}.box-layout__box__info{text-align:center;margin-bottom:7px}.box-layout__box__info h2{margin:3px 0 16px}.box-layout__box__info__label{display:flex;justify-content:center}.box-layout__box__complete{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-top:20px;text-align:center}.button{background-color:#1f8ad1;border:none;border-radius:.5rem;color:#fff;font-family:"Inter",Arial,sans-serif;font-size:1.4rem;padding:1rem 2.5rem;cursor:pointer}.button--link{background:none;color:#1f8ad1;padding:1rem 0;cursor:pointer}.button--back{width:25px;height:25px;padding:0;position:absolute;top:2rem;left:2rem}.button--back__icon{transform:translateX(-1px);height:100%;width:90%}.button--disabled{background-color:#e0e0e0;color:#878787;cursor:default}.form,.password-form{display:flex;flex-direction:column;height:100%}.form{justify-content:space-between}.form--error input{background-color:#ffeded;color:#eb5757;border-color:#eb5757!important}.form--error .form__bottom__message{color:#eb5757;min-width:60%}.form--error .form__caps-lock-group__icon,.form--error .form__show-password__icon{color:#eb5757}.form__bottom,.form__bottom__strength{display:flex;justify-content:space-between}.form__bottom__strength{flex-direction:row;width:100%}.form__bottom__strength__strong{line-height:1rem;color:#2ed47a}.form__bottom__strength--single{justify-content:flex-end}.form__buttons{display:flex;flex-direction:row;justify-content:space-between}.form__buttons--single{justify-content:flex-end}.form__show-password{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.form__show-password__icon{height:20px;width:20px;transform:translateY(1px)}.form__caps-lock-group{position:absolute!important;right:35px;top:50%;transform:translateY(-47%);background:none;border:none;cursor:help}.form__icon{height:20px;width:20px}.input-field{padding:1.5rem 0 0}.input-field input{border:1px solid #e0e0e0;border-radius:.5rem;padding:1rem 60px 1rem 1rem;margin:.8rem 0;width:100%}.input-field__group,.password-images{position:relative}.password-images{background-color:#8db5cf;display:flex;justify-content:space-between;margin:0 -2rem 30px;padding:10px}.password-images__reload{position:absolute;background-color:#8db5cf;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;width:25px;height:25px;right:1px;top:50%;transform:translate(100%,-50%);cursor:pointer}.password-images__reload__icon{width:100%;height:100%;padding:3px;color:#fff}.password-length,.progress-bar{text-align:right}.progress-bar{background-color:#ededed;width:100px;height:6px;border-radius:3px;margin-bottom:3px}.progress-bar__filler{height:100%;width:0;border-radius:3px;transition:width .2s ease}.progress-bar__filler--weak{background-color:#eb5757}.progress-bar__filler--medium{background-color:#f5c451}.progress-bar__filler--strong{background-color:#2ed47a}.tooltip-group{display:inline-block;position:relative;cursor:help}@media (hover:hover){.tooltip-group:hover .tooltip{opacity:1}}.tooltip{position:absolute;bottom:44px;left:50%;background-color:#2c2c2c;border-radius:8px;width:320px;color:#fff;padding:12px 14px;box-shadow:0 8px 16px rgba(13,39,80,.2);text-align:center;opacity:0;transition:all .3s ease;transform:translateX(-50%);pointer-events:none}.tooltip--icon{bottom:29px;left:42%}.tooltip--caps-lock{width:170px}.tooltip:after{content:"";position:absolute;bottom:0;left:50%;width:14px;height:14px;background-color:#2c2c2c;border-radius:3px;box-shadow:0 8px 16px rgba(13,39,80,.2);transform:rotate(45deg) translateY(50%)}
/*# sourceMappingURL=main.b3e8fb66.chunk.css.map */