.login-wrap:before{content:"";position:absolute;width:100%;height:60px;top:-60px;left:0;background-color:#f1f2f7}.login-wrap:after{content:"";position:absolute;width:100%;height:42px;bottom:0;left:0;background-color:#f1f2f7}.login{width:330px;margin:300px auto 0;background-color:#fff;border-radius:4px}@media (max-height:800px){.login{margin:0 auto}}.login__header{padding:20px 5px;background-color:#41cac0;text-align:center;border-radius:4px 4px 0 0}.login__header-text{color:#fff}.login__body{display:flex;flex-direction:column;padding:16px}.login__item{margin-bottom:8px}.login__item:nth-child(2){margin-bottom:16px}.login__item:nth-child(3){margin-bottom:16px}.login__item:last-child{margin-bottom:0}.login__error{color:#f67a6e;margin-top:-18px}.login__input{width:100%;height:34px;padding-left:10px;text-align:left;color:#717171;background-color:#e7e8ec;border:1px solid #e7e8ec;border-radius:2px;outline:none;position:relative}.login__input:focus{border:1px solid #517397;box-shadow:1px 1px 4px rgba(0,0,0,.176)}.login__btn{display:flex;width:100%;padding:15px 5px;background-color:#f67a6e;border-radius:4px;box-shadow:0 4px #e56b60;outline:none}.login__btn:active{box-shadow:0 2px #e56b60;transform:translateY(2px)}.login__btn-text{display:block;margin:auto;color:#fff;font-size:18px;text-transform:uppercase}.login__recovery{display:block;margin:0 auto;color:#41cac0}@media (min-width:1025px){.login__recovery:hover{color:#f67a6e}}