.drawer{position:fixed;top:0;left:0;bottom:0;right:0;height:100%;z-index:100}.drawer_backdrop{position:absolute;inset:0;background-color:rgba(26,26,26,.52);animation:backdrop_animation;animation-fill-mode:forwards;animation-duration:.5s}.drawer.close_animation .drawer_backdrop{animation:backdrop_close_animation;animation-fill-mode:forwards;animation-duration:.5s}.drawer_container{position:absolute;top:0;bottom:0;width:70%;max-width:350px;background-color:var(--dark);box-shadow:5px 5px 15px 5px rgba(255,207,74,0),10px 0 34px 1px rgba(255,108,57,.75);z-index:2;animation:drawer_open_animation;animation-fill-mode:forwards;animation-duration:.5s}.drawer.close_animation .drawer_container{animation:drawer_close_animation;animation-fill-mode:forwards;animation-duration:.5s}.drawer-title-accordion,.drawer_container a.drawer_link{width:100%;display:flex;text-align:start;justify-content:space-between;text-decoration:none;color:var(--text-light);font-weight:400;font-size:1.1rem;transition:all .2s linear;position:relative;cursor:pointer}.drawer-title-accordion:hover,.drawer_container a.drawer_link:hover{font-weight:700}.accordion-button:not(.collapsed){color:white!important;background-color:transparent!important;box-shadow:none!important}.accordion-button{color:white}.drawer_container a.drawer_link.active{font-weight:700;background:var(--primary-grandient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:white}@keyframes drawer_open_animation{0%{left:-100%}to{left:0}}@keyframes drawer_close_animation{0%{left:0}to{left:-100%}}@keyframes backdrop_close_animation{0%{opacity:1}to{opacity:0}}@keyframes backdrop_animation{0%{opacity:0}to{opacity:1}}.accordion-collapse{overflow:hidden;transition:height .5s ease}.accordion-header{margin:0}.accordion-item{margin-bottom:0}.accordion-body{padding-top:1rem;padding-bottom:.5rem;margin-bottom:0}.channel_accordion{width:100%;margin-bottom:20px!important}.channel_accordion_item{border-bottom:2px solid #414040}.channel-name-drawer{font-size:.75rem}.drawer-channel-logo{width:100%;max-width:50px;aspect-ratio:16/10;position:relative}