.RankingTypeTabs-module-scss-module__X9mCZG__type-tabs{gap:12px;max-width:460px;margin:0 auto 20px;padding:0 16px;display:flex}.RankingTypeTabs-module-scss-module__X9mCZG__type-tabs__item{cursor:pointer;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:#aaa;border:none;flex-grow:1;padding:6px 16px;font-size:1rem;font-weight:700;transition:all .2s}.RankingTypeTabs-module-scss-module__X9mCZG__type-tabs__item:hover{background:#aaa}.RankingTypeTabs-module-scss-module__X9mCZG__type-tabs__item--active{color:#fff;background:#000;font-weight:700}.RankingTypeTabs-module-scss-module__X9mCZG__type-tabs__item--active:hover{background:#000}
.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs{gap:10px;max-width:600px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item{color:#fff;cursor:pointer;white-space:nowrap;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:#aaa;border:none;flex-grow:1;padding:6px 12px;font-size:1rem;transition:all .2s}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item:hover{background:#e5e5e5}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover{color:#fff;border-color:#0000;font-weight:700}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active.RankingPeriodTabs-module-scss-module__AALxGW__day,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover.RankingPeriodTabs-module-scss-module__AALxGW__day{background-color:#c80000}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active.RankingPeriodTabs-module-scss-module__AALxGW__week,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover.RankingPeriodTabs-module-scss-module__AALxGW__week{background-color:#733c93}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active.RankingPeriodTabs-module-scss-module__AALxGW__month,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover.RankingPeriodTabs-module-scss-module__AALxGW__month{background-color:#fcc700}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active.RankingPeriodTabs-module-scss-module__AALxGW__year,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover.RankingPeriodTabs-module-scss-module__AALxGW__year{background-color:#54c3f1}.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active.RankingPeriodTabs-module-scss-module__AALxGW__all,.RankingPeriodTabs-module-scss-module__AALxGW__period-tabs__item--active:hover.RankingPeriodTabs-module-scss-module__AALxGW__all{background-color:#eb6d9a}
.layout-module-scss-module__bGP79q__ranking-layout{width:100%;margin:0 auto;padding:20px 0}.layout-module-scss-module__bGP79q__sr-only{max-width:1000px;margin:0 auto}.layout-module-scss-module__bGP79q__ranking-layout__tabs{z-index:50;background:#eee;padding:20px 0;position:sticky;top:0}.layout-module-scss-module__bGP79q__ranking-layout__content{animation:.25s layout-module-scss-module__bGP79q__slide-in}@keyframes layout-module-scss-module__bGP79q__slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}