.collection-tabs--ranking .tabs,.collection-tabs--ranking .tabs.center{justify-content:stretch;max-width:64rem;margin:0 auto 1.2rem;padding:4px;background-color:#f1ece8;border-radius:999px;box-sizing:border-box}.collection-tabs--ranking .tab{flex:1 1 0;margin:0!important;padding:0 1rem;height:36px;border:none;border-radius:999px;font-size:1.4rem;font-weight:500;letter-spacing:.08em;color:#9a8c84;background:transparent}.collection-tabs--ranking input[type=radio]:checked+label{font-weight:700}.collection-tabs--ranking .glider{top:4px;height:36px;border-radius:999px}.collection-tabs--ranking .ranking-note{margin:0 0 1.6rem;text-align:center;font-size:1.2rem;color:#9a8c84}.card-inner.has-rank{--rank-badge-size: 3rem}.rank-badge{position:absolute;top:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--rank-badge-size);height:var(--rank-badge-size);padding:0;box-sizing:border-box;border-top-left-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding));background-color:#917365e0;color:#fff;font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:0;pointer-events:none}.rank-badge--1{background-color:#d4a537}.rank-badge--2{background-color:#a5a5a5}.rank-badge--3{background-color:#b5794a}.card-inner.has-rank .second-badge{margin-top:0;margin-left:var(--rank-badge-width, var(--rank-badge-size))}.card-inner.has-rank .second-badge .custom-badge{display:inline-flex;align-items:center;height:var(--rank-badge-size);margin-left:0;padding-top:0;padding-bottom:0;border-radius:0;box-sizing:border-box}.collection-tabs--hide-card-actions .quick-add,.collection-tabs--hide-card-actions xb-wishlist-button-collection{display:none!important}.collection-tabs--hide-card-actions .card-media img{-webkit-mask-image:none!important;mask-image:none!important}.ranking-category-nav{margin-top:5.6rem;padding-top:4rem;border-top:1px solid #ece5df}.ranking-category-nav__title{margin:0 0 2.4rem;text-align:center;font-size:2rem;letter-spacing:.1em}.ranking-category-nav__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}.ranking-category-card{display:flex;flex-direction:column;background-color:#faf7f4;border-radius:1.2rem;overflow:hidden}.ranking-category-card__main{display:block;color:inherit;text-decoration:none}.ranking-category-card__media{aspect-ratio:16 / 9;background-color:#f1ece8;overflow:hidden}.ranking-category-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ranking-category-card__main:hover .ranking-category-card__media img{transform:scale(1.04)}.ranking-category-card__head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem .4rem}.ranking-category-card__name{font-size:1.8rem;font-weight:700;letter-spacing:.08em}.ranking-category-card__more{font-size:1.2rem;color:rgb(var(--color-base-background-accent-1))}.ranking-category-card__more:after{content:" \203a"}.ranking-category-card__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:1rem 1.6rem 1.6rem;list-style:none}.ranking-category-card__chips a{display:inline-block;padding:.5rem 1.2rem;border:1px solid #e2d8cf;border-radius:999px;background-color:#fff;color:#6f625a;font-size:1.2rem;line-height:1.4;text-decoration:none;transition:border-color .2s ease,color .2s ease}.ranking-category-card__chips a:hover{border-color:rgb(var(--color-base-background-accent-1));color:rgb(var(--color-base-background-accent-1))}@media screen and (max-width:989px){.ranking-category-nav__grid{grid-template-columns:minmax(0,1fr);gap:1.6rem}.ranking-category-card__media{aspect-ratio:21 / 9}}.ranking-view-all{margin-top:2.4rem;text-align:center}.ranking-view-all__link{display:inline-block;min-width:24rem;padding:1.2rem 3.2rem;border:1px solid rgb(var(--color-base-background-accent-1));border-radius:999px;color:rgb(var(--color-base-background-accent-1));font-size:1.4rem;letter-spacing:.06em;text-decoration:none;transition:background-color .2s ease,color .2s ease}.ranking-view-all__link:hover{background-color:rgb(var(--color-base-background-accent-1));color:rgb(var(--color-base-accent-1))}@media screen and (max-width:749px){.card-inner.has-rank{--rank-badge-size: 2.4rem}.rank-badge{font-size:1.25rem}.card-inner.has-rank .second-badge .custom-badge{padding-left:.5rem;padding-right:.5rem;font-size:.95rem;letter-spacing:0}.collection-tabs--ranking .tab{font-size:1.3rem;letter-spacing:.04em}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-ranking.css.map */