.butonEria{margin-top:20px;gap:10px}.butonEria,.buttns{width:100%;display:flex;flex-direction:row;justify-content:center;justify-items:center;flex-wrap:wrap}.buttns{padding:10px;gap:5px}.button{display:flex;flex-direction:column;justify-content:center;width:49%}.titles{background:#84c8ff;padding:2px;width:100%;height:25px}.buttns-rows,.titles{text-align:center;border:1px solid #000}.buttns-rows{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;justify-items:center;color:#000}.body{color:#000}.errorMesg{margin:auto}.loginNew{position:fixed;top:20px;left:20px;right:20px;bottom:20px;margin-inline:10%;border:1px solid #000;background:#fff}.login-container,.loginNew{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center}.login-container{width:100%;gap:5px}.form{display:flex;flex-direction:column;gap:10px;padding-left:2em;padding-right:2em;padding-bottom:.4em;background-color:#171717;border-radius:25px;transition:.4s ease-in-out}.card{background-image:linear-gradient(163deg,#00ff75,#3700ff);border-radius:22px;transition:all .3s;width:400px}.card2{border-radius:0;transition:all .2s}.card2:hover{transform:scale(.98);border-radius:20px}.card:hover{box-shadow:0 0 30px 1px rgba(0,255,117,.3)}#heading{text-align:center;margin:2em;color:#fff;font-size:1.2em}.field{display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:25px;padding:.6em;border:none;outline:none;color:#fff;background-color:#171717;box-shadow:inset 2px 5px 10px #050505}.input-icon{height:1.3em;width:1.3em;fill:#fff}.input-field{background:none;border:none;outline:none;width:100%;color:#d3d3d3}.form .btn{display:flex;justify-content:center;flex-direction:row;margin-top:2.5em}.button1{padding:.5em;padding-left:1.1em;padding-right:1.1em;border-radius:5px;margin-right:.5em;border:none;outline:none;transition:.4s ease-in-out;background-color:#252525;color:#fff}.button1:hover{background-color:#000;color:#fff}.button2{padding:.5em;padding-left:2.3em;padding-right:2.3em;border-radius:5px;border:none;outline:none;transition:.4s ease-in-out;background-color:#252525;color:#fff}.button2:hover{background-color:#000;color:#fff}.button3{margin-bottom:3em;padding:.5em;border-radius:5px;border:none;outline:none;transition:.4s ease-in-out;background-color:#252525;color:#fff}.button3:hover{background-color:red;color:#fff}.messageShow[data-v-4cd48d60]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8745098039215686);border:1px solid #000;color:#000}.messageBox[data-v-4cd48d60],.messageShow[data-v-4cd48d60]{display:flex;justify-items:center;justify-content:center;align-items:center}.messageBox[data-v-4cd48d60]{width:500px;height:250px;border:2px solid #000;background:#d7b100;padding:5px;text-align:center;border-radius:10px}.buttonclass[data-v-4cd48d60]{position:fixed;z-index:1000;bottom:50px;left:100px}.body{border:3px inset #000;background:#84c8ff!important;color:#fff;height:100vh}.bgbalck{background:#000!important;color:#fff!important}.errorMesg{background:rgba(0,0,0,.5);padding:5px;width:50%;border-radius:.8rem}.loginSupport{z-index:4000;margin-top:10px;bottom:0;left:0;right:0;padding:5px;text-align:center;font-size:1.2rem;color:#000}.bottomArea{display:flex;flex-direction:row-reverse;justify-content:center;justify-items:center;align-items:center;cursor:pointer}.loginBtn{color:#000;width:50px;padding:10px;border-radius:25%;background:#ccc;border:2px solid #fff;text-align:center;margin-bottom:5px;-webkit-margin-end:5px;margin-inline-end:5px;font-size:1.2rem}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}