.brands-page{padding-bottom:3rem}.brands-nav-list{display:flex;flex-wrap:wrap;gap:.5rem;max-width:48.5rem;margin:0 auto 1.5rem}.brands-nav-list a{display:flex;align-items:center;justify-content:center;font-size:1.25rem;text-transform:uppercase;color:var(--gray-80);width:3rem;min-width:3rem;height:2.5rem;border:1px solid var(--gray-20);border-radius:.125rem}.brands-nav-list a.active{background:var(--primary-burgundy);color:var(--white)}.brands-nav-list .all-brands{text-transform:none;font-size:1.125rem}.brands-blocks-wrapper{display:flex;flex-direction:column;gap:2rem}.brands-blocks-wrapper .letter{font-weight:500;font-size:2rem;color:var(--primary-burgundy);text-transform:uppercase;margin-bottom:1rem}.brands-list{display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width:576px){.brands-list{flex-direction:row;flex-wrap:wrap}.brands-list li{width:calc(50% - .5rem)}}@media only screen and (min-width:992px){.brands-list li{width:calc(33.3% - .75rem)}}@media only screen and (min-width:1200px){.brands-page{padding-bottom:4rem}.brands-nav-list{margin:0 auto 2.5rem}.brands-list{row-gap:1.125rem}.brands-list li{width:calc(25% - .75rem)}.brands-blocks-wrapper{gap:2.5rem}.brands-blocks-wrapper .letter{margin-bottom:1.5rem}}
/*# sourceMappingURL=../sourcemaps/brands.css.map */