.brands-area[data-v-dff1538d]{max-width:calc(var(--max-width) + var(--gutter) * 2);margin:0 auto}.brands-area .brand-tab[data-v-dff1538d]{justify-content:safe center;column-gap:12px;margin-bottom:40px;display:flex}.brands-area .brand-tab li button[data-v-dff1538d]{background-color:var(--black-color-10);font-size:var(--font-size-16);font-weight:var(--font-weight-400);color:var(--black-color-75);border-radius:18px;padding:8.5px 18px;transition:color .3s,background-color .3s}.brands-area .brand-tab li button.is-active[data-v-dff1538d]{background-color:var(--black-color);color:var(--white-color)}.brands-area .brand-box ul[data-v-dff1538d]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (hover:hover) and (pointer:fine){.brands-area .brand-tab li button[data-v-dff1538d]:hover{background-color:var(--black-color);color:var(--white-color)}}@media screen and (width<=1024px){.brands-area .brand-tab[data-v-dff1538d]{scrollbar-width:none;overflow-x:auto}.brands-area .brand-tab[data-v-dff1538d]::-webkit-scrollbar{display:none}.brands-area .brand-tab li[data-v-dff1538d]{flex:none}.brands-area .brand-tab li button[data-v-dff1538d]{font-size:var(--font-size-13);border-radius:14px;padding:7px 12px}.brands-area .brand-box ul[data-v-dff1538d]{grid-template-columns:repeat(auto-fill,minmax(min(315px,100%),1fr));justify-content:center;gap:clamp(10px,2.108vw + 2.41px,24px)}}