.top-ranking{background-color:var(--color-back);padding-top:var(--tr-pt-sp, 64px);padding-bottom:var(--tr-pb-sp, 64px)}@media screen and (min-width:990px){.top-ranking{padding-top:var(--tr-pt-pc, 80px);padding-bottom:var(--tr-pb-pc, 80px)}}.top-ranking__inner{display:flex;flex-direction:column;gap:4rem}@media screen and (min-width:990px){.top-ranking__inner{gap:4.8rem}}.top-ranking__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.top-ranking__view-all{flex-shrink:0}.top-ranking__tabs-wrap{display:flex;flex-direction:column;gap:4rem}.top-ranking__tabs{display:flex;align-items:flex-end;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--color-line);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.top-ranking__tabs::-webkit-scrollbar{display:none}.top-ranking__tab-item{flex-shrink:0;margin-bottom:-1px}.top-ranking__tab{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;background:transparent;border:0;border-bottom:2px solid transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.4rem;line-height:1;letter-spacing:.05em;color:var(--color-text-light);cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.top-ranking__tab.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}@media(hover:hover){.top-ranking__tab:hover{color:var(--color-text)}}.top-ranking__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media screen and (max-width:749px){.top-ranking__tabs{margin-left:-2rem;margin-right:-2rem;scroll-padding-left:2rem;scroll-padding-right:2rem}.top-ranking__tabs>.top-ranking__tab-item:first-child{margin-left:2rem}.top-ranking__tabs:after{content:"";flex:0 0 2rem}}@media screen and (min-width:750px)and (max-width:989px){.top-ranking__tabs{margin-left:-4rem;margin-right:-4rem;scroll-padding-left:4rem;scroll-padding-right:4rem}.top-ranking__tabs>.top-ranking__tab-item:first-child{margin-left:4rem}.top-ranking__tabs:after{content:"";flex:0 0 4rem}}.top-ranking__panel[hidden]{display:none}.top-ranking__panel.is-active{display:block}.top-ranking__grid.product-grid{--grid-mobile-vertical-spacing: 3.2rem;--grid-mobile-horizontal-spacing: 1.6rem;--grid-desktop-vertical-spacing: 4rem;--grid-desktop-horizontal-spacing: 2.4rem;row-gap:3.2rem;column-gap:1.6rem;margin-bottom:0}@media screen and (min-width:990px){.top-ranking__grid.product-grid{row-gap:4rem;column-gap:2.4rem}}.ranking-card{position:relative;height:100%}.ranking-badge{position:absolute;top:0;left:0;width:5.7rem;height:5.7rem;z-index:2;background-color:var(--color-accent);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.ranking-badge--rank-1{background-color:var(--color-accent)}.ranking-badge--rank-2{background-color:#bfbbb4}.ranking-badge--rank-3{background-color:#9f785c}.ranking-badge__text{position:absolute;top:.9rem;left:.8rem;font-family:"Futura PT",var(--font-heading-family),sans-serif;font-weight:400;font-size:1.6rem;line-height:1;letter-spacing:.05em;color:var(--color-back)}@media screen and (min-width:990px){.ranking-badge__text{top:.9rem;left:.7rem;font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-top-ranking.css.map */