.MonthlyRankingServiceButtons_buttonsLg__P_KHg{display:flex;flex-direction:row;gap:40px;justify-content:center;height:100px;margin-top:40px}.MonthlyRankingServiceButtons_buttonsMd__MAx8U{display:flex;flex-direction:column-reverse;gap:var(--spacing-xxs);justify-content:center;margin-top:var(--spacing-none)}.MonthlyRankingServiceButtons_buttonsSm__xHzn8{display:flex;flex-direction:row;gap:var(--spacing-md);justify-content:center;height:96px;padding-top:var(--spacing-lg);margin-top:auto}@media (max-width:79.5em){.MonthlyRankingServiceButtons_buttonsSp__Cyoyz{flex-direction:column-reverse;gap:var(--spacing-md);width:100%;height:100%;padding-top:var(--spacing-md);margin-top:var(--spacing-none)}}.MonthlyRankingServiceButtons_button__KUGnk{--button-color:#dab436;--button-background-color:#ffffff;border:3px solid var(--button-color)}.MonthlyRankingServiceButtons_button__KUGnk:hover{--button-background-color:#fff8e3}.MonthlyRankingServiceButtons_button__KUGnk:active{--button-background-color:#e9e0c5}.MonthlyRankingServiceButtons_button__KUGnk:disabled{--button-color:#f3e8c4;--button-background-color:#ffffff}.MonthlyRankingServiceButtons_buttonSizeLg__A4sHv{width:512px;height:72px}.MonthlyRankingServiceButtons_buttonSizeMd__um9Bv{width:312px;height:64px}.MonthlyRankingServiceButtons_buttonSizeSm__93ZeO{width:240px;height:48px}@media (max-width:79.5em){.MonthlyRankingServiceButtons_buttonSizeSp__F0Hgs{width:100%;height:48px}}.MonthlyRankingServiceButtons_buttonFourth__sSNPr{height:92px}@media (max-width:79.5em){.MonthlyRankingServiceButtons_buttonFourth__sSNPr{height:100%}}.MonthlyRankingBanner_root__MC9he{position:relative;display:flex;flex-direction:row;gap:11.76px;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.MonthlyRankingBanner_backgroundContainer__bNahQ{position:absolute;top:0;left:0;width:100%;height:100%}.MonthlyRankingBanner_backgroundImage__0P0xQ{-o-object-fit:none;object-fit:none;-o-object-position:center;object-position:center}.MonthlyRankingBanner_trophyContainer__DnrXO{position:relative;width:100px;height:87px}.MonthlyRankingBanner_trophyImage__x9ROq{width:100%;height:100%}.MonthlyRankingBanner_content___9Kuh{position:relative;font-family:var(--font-family);font-style:normal;font-weight:600;color:#fff;text-align:center}.MonthlyRankingBanner_yearMonth__PfG4r{align-self:stretch;font-size:15px;line-height:15.754px;letter-spacing:.3px;text-shadow:var(--elevation-2)}.MonthlyRankingBanner_title__7Rsv5{margin-top:8px;font-size:22px;line-height:24px}.MonthlyRankingBanner_categoryName__YIuNH{font-size:12px;line-height:15px}.MonthlyRankingBanner_ribbon__oGWZk{--ribbon-overlap:4px;--ribbon-border-width:0.75rem;--ribbon-notch-width:0.5625rem;position:relative;width:182px;margin-inline:auto;margin-top:10px;margin-bottom:var(--spacing-none);text-align:center}.MonthlyRankingBanner_ribbonDecoration__Il1g7:after,.MonthlyRankingBanner_ribbonDecoration__Il1g7:before{position:absolute;bottom:calc(-1 * var(--ribbon-overlap));display:block;content:"";border:var(--ribbon-border-width) solid #ac8320}.MonthlyRankingBanner_ribbonDecoration__Il1g7:before{left:calc(-1 * (var(--ribbon-border-width) + var(--ribbon-notch-width)) + var(--ribbon-overlap));border-left-color:transparent;border-left-width:var(--ribbon-notch-width)}.MonthlyRankingBanner_ribbonDecoration__Il1g7:after{right:calc(-1 * (var(--ribbon-border-width) + var(--ribbon-notch-width)) + var(--ribbon-overlap));border-right-color:transparent;border-right-width:var(--ribbon-notch-width)}.MonthlyRankingBanner_ribbonInner__Yl3Wa{position:relative;display:block;padding:var(--spacing-xxs);color:#fff;background:linear-gradient(270deg,#d5ac51,#977222 47.6%)}.MonthlyRankingBanner_ribbonInner__Yl3Wa:after,.MonthlyRankingBanner_ribbonInner__Yl3Wa:before{position:absolute;bottom:calc(-1 * var(--ribbon-overlap));display:block;width:var(--ribbon-overlap);height:var(--ribbon-overlap);content:"";border-color:#c89f3d transparent transparent;border-style:solid}.MonthlyRankingBanner_ribbonInner__Yl3Wa:before{left:0;border-width:var(--ribbon-overlap) 0 0 var(--ribbon-overlap)}.MonthlyRankingBanner_ribbonInner__Yl3Wa:after{right:0;border-width:var(--ribbon-overlap) var(--ribbon-overlap) 0 0}