.ranking-genre-tab-wrapper{width:calc(100% - 40px);max-width:var(--v-width-content-max);margin:0 auto 12px;position:relative}@media (min-width:1184px){.ranking-genre-tab-wrapper{width:100%}}@media not (min-width:768px){.ranking-genre-tab-wrapper{width:calc(100% - 2*var(--v-padding-inline))}}.ranking-genre-tab-scroll-button{z-index:1;cursor:pointer;opacity:1;pointer-events:auto;background-color:#0006;justify-content:center;align-items:center;width:39px;height:39px;transition:opacity .5s;display:flex;position:absolute;top:0}.ranking-genre-tab-scroll-button.mode-left{left:-1px}.ranking-genre-tab-scroll-button.mode-right{right:0}.ranking-genre-tab-scroll-button.mode-hidden{opacity:0;pointer-events:none}.ranking-genre-tab-wrapper:has(div[data-overlayscrollbars-contents][data-overlayscrollbars-viewport*=overflowXHidden]) .ranking-genre-tab-scroll-button{opacity:0;pointer-events:none}.ranking-genre-tab-scroll-button-icon{fill:#fff}.ranking-genre-tab{max-width:calc(var(--v-width-content-max));justify-content:flex-start;align-items:start;width:100%;height:39px;margin:0 0 12px;padding:0;display:flex}.ranking-genre-tab.mode-home{max-width:calc(var(--v-width-content-max) - 40px)}@media (min-width:1184px){.ranking-genre-tab.mode-home{width:804px}}@media (min-width:1184px){.ranking-genre-tab{margin:0 auto 12px}}div[data-overlayscrollbars-contents][data-overlayscrollbars-viewport*=overflowXHidden] .ranking-genre-tab{justify-content:center}.ranking-genre-tab-item{color:var(--v-home-ranking-genre-tab-text);padding:6px 8px 4px;font-size:18px;font-weight:600;line-height:1.5;list-style:none}.ranking-genre-tab-item.mode-current{border-bottom:2px solid var(--v-home-ranking-genre-tab-current-border);color:var(--v-home-ranking-genre-tab-current-text)}.ranking-genre-tab-link{cursor:pointer;color:currentColor;white-space:nowrap;text-decoration:none}

/*# sourceMappingURL=2af09870f0f716be.css.map*/