.mel-BrandsBanner{padding:2.4rem 0 0;background-color:var(--neutral-greyscale-10)}@media screen and (min-width: 1080px){.mel-BrandsBanner{padding:6.4rem 0 4rem}}.mel-BrandsBanner-title{font:var(--headline-02);margin:0}.mel-BrandsBanner-filter{list-style:none;margin:0;padding:1.6rem 0;margin:.8rem 0 3.2rem;display:flex;gap:12px}.mel-BrandsBanner-filter button{--color: var(--neutral-greyscale-100);-webkit-appearance:none;appearance:none;background-color:transparent;border:none;padding:8px 0;color:var(--color);font:var(--body-02);cursor:pointer}.mel-BrandsBanner-filter button:hover,.mel-BrandsBanner-filter button[aria-pressed=true]{border-bottom:1px solid var(--color)}.mel-BrandsBanner-list-wrapper{max-width:var(--page-width);margin:0 auto;padding:0 1.6rem}.mel-BrandsBanner-list{display:flex;margin:0;padding:.1rem 1.6rem 2.2rem;margin:0 -1.6rem;list-style:none;overflow-x:auto}@media screen and (min-width: 1080px){.mel-BrandsBanner-list-wrapper{max-width:initial;padding:0}.mel-BrandsBanner-list{padding:1px;margin:0}}.mel-BrandsBanner-list>li{width:100%;max-width:450px}.mel-BrandsBanner-list>li:not(:first-child){margin-left:-1px}.mel-BrandItem{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mel-BrandItem--soon>.mel-BrandItem-cover{filter:grayscale(100%)}.mel-BrandItem--soon>.mel-BrandItem-logo{opacity:.3}.mel-BrandsBanner-list>li:not(:hover).is-faded .mel-BrandItem-logo{opacity:1}.mel-BrandsBanner-list>li:not(:hover).is-faded{transition:opacity var(--time-medium) var(--ease-out-sine)}.mel-BrandsBanner-list>li:not(:hover).is-faded{opacity:.3}@media screen and (min-width: 1080px){.mel-BrandItem-cover{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--time-medium) var(--ease-in-out-quadratic)}.mel-BrandItem-link:hover+.mel-BrandItem-cover{opacity:1;transition:opacity var(--time-medium) var(--ease-in-out-quadratic)}.mel-BrandItem-link:hover+.mel-BrandItem-link{cursor:auto}.mel-BrandItem-logo{width:100%;max-width:13.2rem;height:6rem}}@media screen and (min-width: 1080px){.mel-BrandsBanner-list>li{flex:0 0 12rem}.mel-BrandItem{width:100%;height:20.2rem;border:1px solid var(--neutral-greyscale-20)}.mel-BrandItem-link:before{content:"";display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}}@media screen and (max-width: 1079px){.mel-BrandsBanner-list{gap:8px}.mel-BrandItem{flex-direction:column;gap:.8rem}.mel-BrandItem-cover{width:100px;height:100px;border-radius:50%;object-fit:cover}.mel-BrandItem-logo{max-width:100%;height:auto}}.mel-BrandItem-soonText{position:absolute;top:50%;left:50%;transform:translate(-50%,-160%);padding:.2rem .8rem;background-color:var(--neutral-tonal-10);color:var(--neutral-greyscale-100);font:var(--caption-01);pointer-events:none}@media screen and (min-width: 1080px){.mel-BrandsBanner-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.875rem,1fr))}.mel-BrandItem-soonText{top:1.6rem;left:1.6rem;transform:none;padding:.4rem .8rem}}.mel-BrandItem-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.mel-BrandItem-link:empty{display:block}@media screen and (max-width: 749px){.mel-BrandsBanner-list>li:not(:hover).is-faded{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-brands-banner.css.map */