[lang=ar] .container{direction:rtl}.brand-list__group{display:grid}.brand-list{padding-block-end:2.4rem;padding:0 2.4rem;max-width:130rem;margin:auto}.brand-list ul{padding-left:0}.brand-list.critical-component-hide{display:block}.brand-list.critical-component-clear{opacity:1}.brand-list__links{display:flex;gap:1.2rem;margin-block-end:2.4rem;overflow-x:auto;padding-block-end:1.2rem}.brand-list__link{align-items:center;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;text-transform:uppercase;width:44px;font-weight:500}.brand-list__link.is-active{background-color:#eee;pointer-events:auto}.brand-list__link.is-disabled{background-color:#0000;color:var(--color-grey300);cursor:not-allowed}.brand-list__search[type=text]{background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill=%27%23ccc%27 d=%27M11 2a9 9 0 1 0 5.618 16.032l3.675 3.675.094.083a1 1 0 0 0 1.32-1.497l-3.675-3.675A9 9 0 0 0 11 2Zm5.041 13.856a7 7 0 1 0-.185.185.998.998 0 0 1 .185-.185Z%27 fill-rule=%27evenodd%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:24px;border:1px solid #ccc;border-radius:4px;margin-block-end:2.4rem;max-width:400px;padding:12px 40px 12px 8px;width:100%}.brand-list__search[type=text]::placeholder{color:#606060}.brand-list__title{padding:.5rem 0;position:relative}.brand-list__title:before{background-color:#ededed80;content:"";height:100%;left:0;margin-left:calc(50% - 50vw);position:absolute;top:0;width:100vw;z-index:-1}.brand-list__brand{align-items:center;display:flex;gap:1.2rem;margin-block-end:1rem}.brand-list__brand:first-of-type{margin-block-start:1.2rem}.brand-list__brand a{text-decoration:none;color:#000}.brand-list__badge{background-color:#009aa9;border-radius:4px;color:#fff;font-size:11px;font-weight:500;line-height:140%;padding:0 .5rem}@media (max-width: 64em){.brand-list ul .brand-list__title.text-heading-l{font-size:1.8rem;font-weight:500;margin:0}.brand-list ul .brand-list__link.text-heading-m{font-size:1.6rem;font-weight:500}html:not(.no-js) .brand-list.is-loading .brand-list__links:after,html:not(.no-js) .brand-list.is-loading .brand-list__title:after,html:not(.no-js) .brand-list.is-loading .brand-list__brand-title:after,html:not(.no-js) .brand-list.is-loading .brand-list__badge:after,html:not(.no-js) .brand-list.is-loading .brand-list__search:after{animation:cnvs-loading 2s infinite;background-image:linear-gradient(-90deg,#f5f5f5 32.29%,#ececec 48.96%,#f5f5f5 66.15%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translate(-100%)}}html:not(.no-js) .brand-list.is-loading .brand-list__links *,html:not(.no-js) .brand-list.is-loading .brand-list__title *,html:not(.no-js) .brand-list.is-loading .brand-list__brand-title *,html:not(.no-js) .brand-list.is-loading .brand-list__badge *,html:not(.no-js) .brand-list.is-loading .brand-list__search *{color:#000}html:not(.no-js) .brand-list.is-loading .brand-list__search::placeholder{color:#000}html:not(.no-js) .brand-list.is-loading .brand-list__links,html:not(.no-js) .brand-list.is-loading .brand-list__brand{display:flex}@media (min-width: 64em){.brand-list{padding-block-end:2.5rem}.brand-list__links{border-bottom:1px solid #eee;justify-content:space-between;margin-block-end:2.5rem;padding-block-end:0}.brand-list__link{border:0;height:32px;width:32px}.brand-list__link:hover{border:1px solid #000;border-radius:0}.brand-list__title{padding:0}.brand-list__title:before{display:none}.brand-list__brand{margin:0}.brand-list__brand:first-of-type{margin:0}.brand-list__brand-wrapper{display:grid;grid-auto-flow:row;grid-gap:1rem 5rem;grid-template-columns:repeat(4,1fr);width:100%}.brand-list__group{grid-gap:5rem;grid-template-columns:56px 1fr;padding:2.4rem 0}.brand-list__group:not(:last-of-type){border-bottom:1px solid #eee}html:not(.no-js) .brand-list.is-loading .brand-list__brand-wrapper{grid-template-rows:repeat(4,auto)}}@media screen and (min-width: 990px){.text-heading-xl-desktop.text-heading-xl-desktop{font-size:2.4rem;font-weight:600;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component.brand-list.css.map */