.header-container{background-color:#020617;align-items:center;padding:1rem 0;display:flex;position:relative}.genres-list{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;margin:0;padding:0 1rem;list-style:none;display:flex;overflow-x:scroll}.genres-list::-webkit-scrollbar{display:none}.genre-item{color:#fff;cursor:pointer;white-space:nowrap;border-radius:18px;margin:0 .5rem;padding:.8rem 1.5rem;font-weight:500;transition:background-color .3s,color .3s}.genre-item:hover{background-color:#ffffff1a}.genre-item.active{color:#fff;background-color:#e50914;font-weight:700}.scroll-button{color:#fff;cursor:pointer;z-index:1;background-color:#020617b3;border:none;justify-content:center;align-items:center;height:100%;padding:0 1rem;font-size:2rem;transition:background-color .3s;display:flex;position:absolute}.scroll-button:hover{background-color:#020617}.scroll-button.left{left:0}.scroll-button.right{right:0}@media (max-width:768px){.scroll-button{padding:0 .5rem;font-size:1.5rem}.genre-item{padding:.6rem 1rem;font-size:.9rem}}