.brand-ranking__header{margin-bottom:24px}.brand-ranking__title{margin:0 0 30px}.brand-ranking__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media screen and (max-width:989px){.brand-ranking__scroll-wrapper{margin-left:-1.5rem;margin-right:-1.5rem}.brand-ranking__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.brand-ranking__grid::-webkit-scrollbar{display:none}.brand-ranking__card{flex:0 0 78%;scroll-snap-align:start}.brand-ranking__grid .scroll-trigger.animate--slide-in{animation:none;opacity:1;transform:none}.brand-ranking__card:first-child{margin-left:1.5rem;scroll-margin-left:1.5rem}.brand-ranking__card:last-child{margin-right:1.5rem}}.brand-ranking__card{display:flex;flex-direction:column}.brand-ranking__image-wrap{position:relative;width:100%;aspect-ratio:9 / 6;overflow:hidden;margin-bottom:10px}.brand-ranking__image-wrap img,.brand-ranking__image-wrap svg{width:100%;height:100%;object-fit:cover;display:block}.brand-ranking__rank{position:absolute;top:12px;left:12px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;color:#fff;border-radius:50%}.brand-ranking__rank--1{background-color:#b08a2d}.brand-ranking__rank--2,.brand-ranking__rank--3{background-color:#656668}.brand-ranking__rank--4,.brand-ranking__rank--5,.brand-ranking__rank--6,.brand-ranking__rank--7,.brand-ranking__rank--8,.brand-ranking__rank--9{background-color:#9a9a9a}.brand-ranking__brand-name{font-size:1.8rem;font-weight:700;color:#2d2d2d;margin:0}.brand-ranking__area{color:#9a9a9a;font-size:1.3rem;margin:5px 0 15px;line-height:1.5}.brand-ranking__description{color:#6b6b6b;font-size:1.3rem;line-height:1.5;margin:0 0 15px}.brand-ranking__link{display:inline-flex;justify-content:flex-end;align-items:center;gap:10px;color:#2d2d2d;font-size:1.3rem;font-weight:600;line-height:1.4;letter-spacing:.02em;text-decoration:none;margin-right:2.5px}.brand-ranking__link:hover{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-brand-ranking.css.map */