.brands-list{--brands-list-link-color: var(--text-color, #2d5016);--brands-list-link-hover-color: var(--link-hover-color, #1a3009);--brands-list-border-color: var(--text-color, #2d5016);--brands-list-letter-size: 40px}.brands-list__title{margin-bottom:1.5rem}.brands-list__tabs{border-bottom:1px solid rgba(128,128,128,.2);padding-bottom:0}.brands-list__tab{position:relative;background:none;border:none;padding:.5rem 0;cursor:pointer;font-weight:500;color:var(--text-color, inherit);opacity:.6;transition:opacity .2s ease}.brands-list__tab:hover{opacity:.8}.brands-list__tab--active{opacity:1}.brands-list__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--brands-list-border-color)}.brands-list__tab-text{display:block}.brands-list__letter-nav{align-items:center}.brands-list__letter-nav-item{display:flex;align-items:center;justify-content:center;min-width:var(--brands-list-letter-size);height:var(--brands-list-letter-size);padding:0 .5rem;background:none;border:2px solid transparent;border-radius:50%;cursor:pointer;font-weight:500;color:var(--text-color, inherit);transition:border-color .2s ease,opacity .2s ease}.brands-list__letter-nav-item:hover{opacity:.7}.brands-list__letter-nav-item--active{border-color:var(--brands-list-border-color)}.brands-list__letter-nav-item--disabled{opacity:.3;cursor:not-allowed}.brands-list__letter-nav-item--disabled:hover{opacity:.3}.brands-list__brands-grid{display:grid;grid-template-columns:repeat(var(--brands-list-columns, 5),1fr);gap:.75rem 1.5rem}.brands-list__brand-link{display:block;color:var(--brands-list-link-color);text-decoration:none;line-height:1.4;transition:color .2s ease}.brands-list__brand-link:hover{color:var(--brands-list-link-hover-color);text-decoration:underline}.brands-list__no-results{padding:2rem 0;text-align:center;color:var(--text-color, inherit);opacity:.6}.brands-list__search-wrapper{max-width:400px}.brands-list__search-input-wrapper{position:relative}.brands-list__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(128,128,128,.3);border-radius:4px;background-color:var(--bg-color, #fff);color:var(--text-color, inherit)}.brands-list__search-input:focus{outline:none;border-color:var(--brands-list-border-color)}.brands-list__search-input::placeholder{color:var(--text-color, inherit);opacity:.5}.brands-list__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;opacity:.5;pointer-events:none}.brands-list__search-icon svg{width:100%;height:100%}.brands-list__all-brands-grid{display:grid;grid-template-columns:repeat(var(--brands-list-columns, 5),1fr);gap:.75rem 1.5rem}.brands-list__letter-section{margin-bottom:2rem}.brands-list__letter-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-color, inherit);border-bottom:1px solid rgba(128,128,128,.2);padding-bottom:.5rem}.brands-list__panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.brands-list__brands-grid,.brands-list__all-brands-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.brands-list__letter-nav{gap:.25rem .5rem}.brands-list__letter-nav-item{min-width:32px;height:32px}.brands-list__brands-grid,.brands-list__all-brands-grid{grid-template-columns:repeat(2,1fr)}.brands-list__search-wrapper{max-width:100%}}@media (max-width: 480px){.brands-list__tabs{gap:1rem}.brands-list__brands-grid,.brands-list__all-brands-grid{grid-template-columns:1fr}.brands-list__letter-nav-item{min-width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brands-list.css.map */