.brands{--brands-columns: 4;--brands-search-width: 420px;--brands-letter-width: 5em;color:var(--color-text)}.brands__header{margin-bottom:var(--spacing-6)}@media(min-width:1024px){.brands__header{margin-bottom:var(--spacing-8)}}.brands__subheading{margin-top:var(--spacing-2)}.brands__toolbar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-5);margin-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.brands__search{width:100%;max-width:var(--brands-search-width)}.brands__search .search-form__input-wrapper{position:relative}.brands__search-input.input{padding-right:calc(var(--spacing-5) + 3.5em)}.brands__search-icon{pointer-events:none}.brands__search-icon .icon{width:18px;height:18px}.brands__search-clear.btn{position:absolute;top:50%;right:var(--spacing-5);transform:translateY(-50%);z-index:2}.brands__total{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.brands__index{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);width:100%}.brands__letter.btn{width:var(--brands-letter-width);padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.brands-group{display:grid;grid-template-columns:1fr;gap:var(--spacing-3) var(--spacing-10);padding:var(--spacing-7) 0;border-bottom:1px solid var(--color-border)}.brands-group:last-child{border-bottom:0}.brands-group__letter{line-height:1}.brands-group__list{display:grid;grid-template-columns:1fr;gap:0 var(--spacing-6);margin:0;padding:0;list-style:none}.brands-group__item{min-width:0}.brands-group__link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) 0;color:var(--color-text);transition:color var(--duration-ultra-fast) var(--easing)}.brands-group__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size var(--duration-fast) var(--easing)}.brands-group__link:hover,.brands-group__link:focus-visible{color:var(--color-text-link)}.brands-group__link:hover .brands-group__name,.brands-group__link:focus-visible .brands-group__name{background-size:100% 1px}.brands-group__count{flex:0 0 auto;font-variant-numeric:tabular-nums}.brands__empty{padding:var(--spacing-16) var(--spacing-4);text-align:center;border-bottom:1px solid var(--color-border)}.brands__empty-title{margin-bottom:var(--spacing-2)}.brands [hidden]{display:none!important}@keyframes brands-enter{0%{opacity:0;transform:translateY(var(--spacing-3))}to{opacity:1;transform:translateY(0)}}.brands--animate .is-entering{animation-name:brands-enter;animation-duration:var(--duration-normal);animation-timing-function:var(--easing);animation-delay:calc(var(--delay-small) * var(--brands-stagger, 0));animation-fill-mode:both}.brands--animate .brands-group.is-entering .brands-group__letter{animation:brands-enter var(--duration-normal) var(--easing) both}@media(min-width:540px){.brands-group__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:720px){.brands-group{grid-template-columns:120px minmax(0,1fr);padding:var(--spacing-9) 0}.brands-group__letter{align-self:start}.brands-group__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.brands-group__list{grid-template-columns:repeat(var(--brands-columns),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.brands *,.brands *:before,.brands *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/brands.css.map */