.overlay-select{width:100%;height:100%;position:fixed;top:0;left:0}.custom-select{display:inline-block;position:relative}.select-button{cursor:pointer;border-radius:.25rem;justify-content:space-between;align-items:center;padding:0;display:flex}.select-button *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow{border-top:6px solid;border-left:5px solid transparent;border-right:5px solid transparent;margin:0 .5em;transition:transform .3s ease-in-out}.select-dropdown{z-index:1;background:#222435;border:1px solid;border-radius:.25rem;width:max-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;list-style:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.3)}.select-dropdown li{cursor:pointer;text-align:left;color:rgba(255,255,255,.43);align-items:center;gap:.5rem;padding:8px 10px;transition:color .1s ease-in-out;display:flex}.select-dropdown li.selected{border-radius:4px}.select-dropdown li:hover{background:rgba(0,0,0,.3)}.select-dropdown li[aria-selected=true],.select-dropdown li .select,.select-dropdown li li:hover{color:rgba(255,255,255,.87);border-radius:4px}.select-dropdown::-webkit-scrollbar{width:7px}.select-dropdown::-webkit-scrollbar-track{border-radius:25px}.select-dropdown::-webkit-scrollbar-thumb{border-radius:25px}.selected-value{color:rgba(255,255,255,.87)}.select-dropdown.hidden{display:none}.select-button[aria-expanded=true] .arrow{transform:rotate(180deg)}
.menu-container{z-index:10;background-color:#111;width:100%;max-width:300px;height:100%;padding:1.2em;position:relative}.menu-container .categories{flex-direction:column;align-items:start;gap:20px;width:100%;display:flex}.menu-container .categories a{color:rgba(255,255,255,.43);transition:color .25s}.menu-container .categories a:hover,.menu-container .categories a[aria-selected=true]{color:rgba(255,255,255,.87)}@media (min-width:504px){.menu{display:none}}.movie-header{justify-content:space-between;align-items:center;padding:1.2em 2em;display:flex;position:relative}.movie-header .categories{gap:20px;display:flex}.movie-header .categories a{color:rgba(255,255,255,.43);transition:color .25s}.movie-header .categories a:hover,.movie-header .categories a[aria-selected=true]{color:rgba(255,255,255,.87)}@media (max-width:504px){.movie-header .categories{display:none}}