Some CSS to show Login/ Register as Tabs

Hi, here im just sharing some CSS i used to show the Login/Register tabs on pop-up- Here i tried to show a clearer understanding of which button is active.

https://i.postimg.cc/ZqKdZRkf/login-popup.jpg

/*-Reduce login pop up fields height-*/
.xoo-aff-group input[type=”text”], .xoo-aff-group input[type=”password”], .xoo-aff-group input[type=”email”], .xoo-aff-group input[type=”number”], .xoo-aff-group select, .xoo-aff-group select+.select2 {
height: 42px;
}

/*-Reduce space at the top of form-*/
.xoo-el-header {
padding: 0;
}

form.xoo-el-action-form {
margin-top: 0px;
padding-top: 20px;
}

/*-Change tabs colors-*/
.xoo-el-section.xoo-el-active {
background-color: #eeeeee;
}

.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
background-color: #eeeeee;
color: #000000;
}

.xoo-el-form-container ul.xoo-el-tabs li {
background-color: white;
}

/*-add rounded corners at the top-*/
.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
background-color: #eeeeee;
color: #000000;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

/*- In case you want to change tabs order
.xoo-el-form-container ul.xoo-el-tabs {
flex-direction: row-reverse;
}-*/