.ls-brand-logos{background:#f4f5f7;padding:0 0 20px}.ls-brand-logos__inner{max-width:1384px;margin:0 auto;padding:0 12px}@media screen and (min-width:1384px){.ls-brand-logos__inner{padding:0}}.ls-brand-logos__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0}.ls-brand-logos__heading{font-size:22px;font-weight:600;color:#000;margin:0}@media screen and (max-width:760px){.ls-brand-logos__heading{font-size:18px}}.ls-brand-logos__nav{display:flex;align-items:center;gap:2px}.ls-brand-logos__nav[hidden]{display:none!important}.ls-brand-logos__arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;padding:0;cursor:pointer;color:#a2a8b0;transition:color .15s ease}.ls-brand-logos__arrow:not(:disabled):hover{color:#1c1f26}.ls-brand-logos__arrow:disabled{opacity:.3;cursor:default}.ls-brand-logos__arrow svg{width:23px;height:23px}.ls-brand-logos__track{position:relative;width:64px;height:3px;background:#e6e7ea;border-radius:999px;overflow:hidden}.ls-brand-logos__thumb{position:absolute;top:0;left:0;height:100%;width:30%;background:#6e747c;border-radius:999px;transition:left .12s linear,width .12s linear}.ls-brand-logos__shelf{border-top:1px solid #c8cacd99;border-bottom:1px solid #c8cacd99;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.ls-brand-logos__shelf::-webkit-scrollbar{display:none}.ls-brand-logos__page{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:center;padding:24px 0;box-sizing:border-box}@media screen and (min-width:900px){.ls-brand-logos__page{flex:0 0 calc(50% - 20px);padding-left:0;padding-right:0;gap:24px 40px}.ls-brand-logos__page:nth-child(odd){margin-right:20px;scroll-snap-align:start}.ls-brand-logos__page:nth-child(2n){margin-left:20px;scroll-snap-align:none}}.ls-brand-logos__link{display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s ease}.ls-brand-logos__link:hover{opacity:1}.ls-brand-logos__img{height:32px;width:auto;max-width:100%;object-fit:contain;display:block;filter:grayscale(100%);transition:filter .2s ease}.ls-brand-logos__link:hover .ls-brand-logos__img{filter:grayscale(0%)}.ls-brand-logos__img--sm{height:22px}.ls-brand-logos__link[href="/collections/dr-brandt"] .ls-brand-logos__img{margin-top:6px}.ls-brand-logos__link[href="/collections/davines"] .ls-brand-logos__img{margin-top:-6px}.ls-brand-logos__link[href="/collections/bioderma"] .ls-brand-logos__img{margin-top:3px}@media screen and (max-width:899px){.ls-brand-logos__img{height:22px}.ls-brand-logos__img--sm{height:17px}}@media screen and (max-width:640px){.ls-brand-logos__page{display:contents}.ls-brand-logos__shelf{scroll-snap-type:none;gap:24px;padding:20px 12px;align-items:center}.ls-brand-logos__link{flex:0 0 80px;width:80px}.ls-brand-logos__link,.ls-brand-logos__link:hover{opacity:.55;transition:none}.ls-brand-logos__img,.ls-brand-logos__link:hover .ls-brand-logos__img{filter:grayscale(1);transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/ls-brand-logos.css.map */