.auth-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);width:100%}.auth-wrapper .auth-inner{width:100%;position:relative}.auth-wrapper.auth-v1{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.auth-wrapper.auth-v1 .auth-inner:before{width:55vw;height:50vw;content:" ";position:absolute;top:50%;z-index:-1}[dir=ltr] .auth-wrapper.auth-v1 .auth-inner:before{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .auth-wrapper.auth-v1 .auth-inner:before{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}@media(max-width:575.98px){.auth-wrapper.auth-v1 .auth-inner:before{width:75vw;height:90%}}.auth-wrapper.auth-v2{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.auth-wrapper.auth-v2 .auth-inner{height:100vh;overflow-y:auto;height:calc(var(--vh, 1vh)*100)}.auth-wrapper.auth-v2 .brand-logo{position:absolute;top:2rem;z-index:1}[dir] .auth-wrapper.auth-v2 .brand-logo{margin:0}[dir=ltr] .auth-wrapper.auth-v2 .brand-logo{left:2rem}[dir=rtl] .auth-wrapper.auth-v2 .brand-logo{right:2rem}.auth-wrapper.auth-v1 .auth-inner{max-width:400px}.auth-wrapper .brand-logo{display:-webkit-box;display:-ms-flexbox;display:flex}[dir] .auth-wrapper .brand-logo{margin:1rem 0 2rem 0}.auth-wrapper .brand-logo .brand-text{font-weight:600}[dir] .auth-wrapper .auth-footer-btn .btn{padding:.6rem!important}[dir=ltr] .auth-wrapper .auth-footer-btn .btn:not(:last-child){margin-right:1rem}[dir=rtl] .auth-wrapper .auth-footer-btn .btn:not(:last-child){margin-left:1rem}@media(min-width:1200px){.auth-wrapper.auth-v2 .auth-card{width:400px}}[dir] .auth-wrapper .auth-bg{background-color:#fff}[dir] .dark-layout .auth-wrapper .auth-bg{background-color:#283046}.brand-logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-logo img,.brand-logo svg{width:100px}html[dir=rtl] svg.feather{-webkit-transform:rotate(180deg);transform:rotate(180deg)}