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