.genre-nav{max-width:var(--v-width-content-max);margin-inline:var(--v-padding-inline);flex-wrap:wrap;gap:.5em 1em;height:58px;margin-bottom:24px;padding-top:18px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.genre-nav{gap:.75em 1em;height:62px;padding-top:24px}}@media (min-width:1184px){.genre-nav{margin-inline:auto}}.genre-nav.mode-open{height:auto;margin-bottom:36px;overflow:visible}.genre-nav-item-link{white-space:nowrap;text-decoration-color:var(--v-color-border);transition:color var(--v-duration),text-decoration-color var(--v-duration);font-size:14px}.genre-nav-item-link:link,.genre-nav-item-link:visited{color:var(--v-color-text-moderate)}.genre-nav-item-link:hover{color:var(--v-color-link);text-decoration-color:var(--v-color-link)}@media (min-width:768px){.genre-nav-item-link{font-size:15px}}.genre-nav-item-link.mode-active{color:var(--v-color-link);font-weight:600;text-decoration:none}.genre-nav-toggle{background:var(--v-color-bg);box-shadow:-20px 0 10px var(--v-color-bg);cursor:pointer;position:absolute;bottom:0;right:0}.genre-nav.mode-open .genre-nav-toggle{bottom:-1em}.genre-nav-toggle-btn{border:2px solid var(--v-color-border);color:var(--v-color-text);border-radius:20px;padding:0 .5em 0 1em;font-size:14px;font-weight:600;line-height:1.8;display:inline-block}.genre-nav-toggle-icon{vertical-align:-2px}

/*# sourceMappingURL=c486f7a1823819ab.css.map*/