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