.authcontainer{position:absolute;width:100%;height:100dvh;overflow:hidden;inset:0 0;background-color:#ffefe6;display:flex;justify-content:START;align-items:stretch}.authcontainer .authbox{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;margin-inline:auto;z-index:1;position:relative}.visual{width:150px;height:150px;transition:all .3s ease-in-out;background-color:var(--bs-primary);margin-inline:1rem;position:absolute;border-radius:50rem}.visual.one{top:10%;left:20%}.visual.two{bottom:10%;right:20%}.visual.one.active{animation:rotate 2s ease-in-out infinite}.visual.two.active{animation:rotate 2s ease-in-out infinite}.auth{width:420px;max-width:100%;border-radius:.75rem;background-color:#fff;box-shadow:0 0 10px 4px rgba(186,186,186,.3);display:grid;align-items:center;gap:.75rem;margin:.5rem;padding:2rem;position:relative}.form-control:focus{color:#212529;background-color:#fff;border-color:rgba(0,0,0,0);outline:0;box-shadow:0 0 13px -1px rgba(10,24,45,.25)}button{max-width:100%;background-color:#1a1b1c;border-radius:.25rem;border:1px solid #1a1b1c;color:#fafafa;position:relative}.avatar{width:3rem;height:3rem;border-radius:10rem;overflow:hidden}.avatar>img{object-fit:fill;max-width:100%;display:block}.infolinks{width:100%;display:flex;justify-content:space-between;padding:.25rem .5rem;font-size:12px}.infolinks a{position:relative;margin-left:5px;padding-inline:5px;font-size:12px}.infolinks a:not(:last-of-type):before{content:"/";position:absolute;right:-5px;top:0}input[type=password]~.togglePassword,input[type=text]~.togglePassword{position:absolute;right:10PX;bottom:10PX;font-style:16px}input[type=email]~i.icon{position:absolute;right:10PX;bottom:10PX;font-style:16px;opacity:0;visibility:hidden;transition:all .3s}input[type=password]:focus{padding-right:1rem}input[type=password]:focus~.icon,input[type=email]:focus~i.icon{opacity:1;visibility:visible}.auth.loading::after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;-webkit-animation:load 1.5s linear -0.5s infinite;animation:load 1.5s linear -0.5s infinite;background-color:#170735}@keyframes load{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.7;-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:rotate(360deg);transform:rotate(360degg);opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.7;-webkit-transform:scale(1);transform:scale(1)}}.form-check-input{appearance:none;width:16px;height:16px;border:1px solid #e6e6e6;border-radius:5px;position:relative;z-index:1;transition:all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95)}.form-check-input:checked:focus{border:1px solid #212529;box-shadow:0 0 10px 0 rgba(6,22,39,.5)}.form-check-input:checked{background-color:#212529;border:1px solid #212529;box-shadow:none}.form-check-input:focus{outline:rgba(0,0,0,0);border:1px solid #e6e6e6;box-shadow:none}@media(max-width: 1024px){.authcontainer .authbox{width:100%}.auth{padding:2rem 1rem}}