.recommendations {
display: flex;
flex-direction: column;
padding: 1rem;
gap: 1rem;
width: 100%!important;
min-width: 300px;
}
.recommendations > h1, .recommendations > div > div > p {
margin: 0;
}
.recommendations > div {
display: flex;
flex-direction: column;
gap: 1rem;
height: 256px;
overflow: scroll;
}
.recommendations > div > div {
padding: 1rem;
border-bottom: 1px solid #131112;
transition: .35s
}
.recommendations > div > div:hover, .recommendations > div > div.active {
border-bottom: 3px solid #131112;
}
.recommendations > div > input, .login > input {
padding: 1rem;
background: none;
border: 0;
outline: none;
border-bottom: 1px solid #131112;
}