.mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid #34343d;border-radius:11px;background:#17171c;padding:10px;cursor:pointer}.mobile-menu-toggle span{display:block;height:2px;margin:5px 0;border-radius:2px;background:#fff;transition:.2s}@media(max-width:820px){.topbar{grid-template-columns:1fr auto!important}.mobile-menu-toggle{display:block;justify-self:end}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topbar>nav,.topbar>form,.topbar>.mobile-menu-actions{display:none!important}.topbar.mobile-menu-open>nav{display:flex!important;grid-column:1/-1;grid-row:auto;flex-direction:column;align-items:stretch;overflow:visible;padding-top:8px}.topbar.mobile-menu-open>nav>a,.topbar.mobile-menu-open .genre-trigger{width:100%;text-align:left;border-radius:10px}.topbar.mobile-menu-open>form{display:flex!important;grid-column:1/-1;grid-row:auto;width:100%}.topbar.mobile-menu-open>.mobile-menu-actions{display:flex!important;grid-column:1/-1;flex-wrap:wrap}.topbar.mobile-menu-open .genre-dropdown{position:static;min-width:0;width:100%;height:min(48vh,430px);margin-top:4px}.topbar.mobile-menu-open .genre-submenu{position:static;min-width:0;margin:4px 0 4px 12px}.topbar.mobile-menu-open .genre-menu{display:block;width:100%}}
@media(max-width:820px){.topbar>form{display:flex!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important}.topbar.mobile-menu-open>nav{grid-row:3!important}.topbar.mobile-menu-open>.mobile-menu-actions{grid-row:4!important}}