@import url('./components/class.css');


.choose-user{
    width: 200px;
    color: var(--secondary-color--);
}

.choose-user .choose-user-item:first-child{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; 
  transition: var(--main-transition--);
  cursor: pointer;
}

.choose-user .choose-user-item:nth-child(2){
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; 
    transition: var(--main-transition--);
    cursor: pointer;
}

.choose-user-item:hover{
    background-color: var(--primary-color--);
    color: white;
}

.choose-active{
     background-color: var(--primary-color--);
    color: white;
}

.choose-check-open{
    transition: var(--main-transition--);
    background-color: var(--secondary-color--);
    color: white;
}

@media(max-width:565px){
    .before-login{
        width: 90%;
    }
}