#auth{display:-moz-grid;display:grid;grid-template-columns:360px;justify-content:center;align-items:center;height:100vh}@media (max-width:400px){#auth{grid-template-columns:100%;background-color:#fff}}#auth .box{border-radius:2px;height:-moz-fit-content;height:fit-content;padding:30px;z-index:1;background:#fff;border-radius:5px}@media (max-width:340px){#auth .box{padding:15px}}#auth .box .box-header{display:-moz-grid;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;padding:10px}#auth .box .box-header .title{display:-moz-grid;display:grid;grid-template-columns:35px 1fr;grid-gap:10px;gap:10px;align-items:center}#auth .box .box-header .title .back-btn{height:35px;line-height:38px;text-align:center;color:rgba(219,53,69,.45);background-color:rgba(219,53,69,.05);border-radius:10px;transition:all .3s ease}#auth .box .box-header .title .back-btn:hover{color:rgba(219,53,69,.65);background-color:rgba(219,53,69,.15);transition:all .3s ease}#auth .box .box-header .title h4{font-size:20px;margin:0;color:#343a40}#auth .box .box-header .switch-btn-group{position:relative;background:#ebedee;padding:5px;border-radius:5px;display:-moz-grid;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:38px;cursor:pointer;z-index:1}#auth .box .box-header .switch-btn-group:before{content:"";position:absolute;top:10%;left:5px;width:calc(50% - 5px);height:80%;background:#fff;border-radius:5px;z-index:-1;transition:all .3s ease}#auth .box .box-header .switch-btn-group .switch-btn{display:-o-flex;display:-ms-flex;display:-moz-flex;display:flex;flex-flow:row;flex-direction:row;align-items:center;align-content:center;justify-content:center;gap:10px;color:#343a40;border:none;outline:none;background:transparent;text-decoration:none;font-size:15px;z-index:2;cursor:pointer}#auth .box .box-header .switch-btn-group .switch-btn:first-child{border-radius:5px 0 0 5px}#auth .box .box-header .switch-btn-group .switch-btn:nth-child(2){border-radius:0 5px 5px 0}#auth .box .box-header .switch-btn-group.active{transition:left .3s ease}#auth .box .box-header .switch-btn-group.active:before{left:50%;transition:left .3s ease}#auth .box-body{padding:10px}#auth .box-body #form-group{transition:all .3s ease}#auth .form .input-with-btn{grid-template-columns:1fr 80px}