.bb-brands-intro{padding-bottom: var(--bb-space-12)}@media (min-width: 1024px){.bb-brands-intro{padding-bottom: var(--bb-space-10)}}.bb-brands-intro .bb-section-head{margin-bottom: 0}.bb-brands-bar{background: var(--bb-color-white)}@media (min-width: 1024px){.bb-brands-bar{position: sticky;top: calc(var(--bb-admin-bar) + var(--bb-header-offset));z-index: var(--bb-z-sticky-bar)}}.bb-brands-bar__controls{display: flex;flex-direction: column;gap: var(--bb-space-6);padding-block: var(--bb-space-4);border-bottom: 1px solid var(--bb-color-line)}@media (min-width: 1024px){.bb-brands-bar__controls{flex-direction: row;align-items: center}}.bb-brands-bar .bb-search{flex-shrink: 0}.bb-brands-bar__pills{display: flex;gap: var(--bb-space-2);margin-block: calc(-1 * var(--bb-space-1));padding-block: var(--bb-space-1);overflow-x: auto;scrollbar-width: none}.bb-brands-bar__pills::-webkit-scrollbar{display: none}.bb-brands-bar .bb-pill{flex-shrink: 0;text-decoration: none}@media (max-width: 1023.98px){.bb-brands-bar .bb-pill{justify-content: center;min-width: var(--bb-space-12);height: var(--bb-size-tap-min);padding-inline: calc(var(--bb-space-2) + 2px)}}@media (min-width: 1024px){.bb-brands-bar__pills{flex-wrap: wrap;overflow-x: visible}}.bb-brands-bar__count{margin: var(--bb-space-4) 0 0;text-align: center}@media (min-width: 1024px){.bb-brands-bar__count{text-align: left}}.bb-brands-grid{padding-block: var(--bb-space-12) var(--bb-section-y)}@media (min-width: 1024px){.bb-brands-grid{padding-top: var(--bb-space-8)}}.bb-brands-grid__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--bb-space-4);margin: 0;padding: 0;list-style: none}@media (min-width: 768px){.bb-brands-grid__list{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--bb-space-5)}}@media (min-width: 1024px){.bb-brands-grid__list{grid-template-columns: repeat(5,minmax(0,1fr));gap: var(--bb-space-6)}}@media (min-width: 1280px){.bb-brands-grid__list{grid-template-columns: repeat(6,minmax(0,1fr))}}.bb-brands-grid__list > li{scroll-margin-top: calc(var(--bb-admin-bar) + var(--bb-header-offset) + var(--bb-space-24) + var(--bb-space-6))}.bb-brands-grid__more{margin: var(--bb-space-10) 0 0;text-align: center}.bb-brands-grid__more .bb-btn{width: 100%}@media (min-width: 768px){.bb-brands-grid__more .bb-btn{width: auto}}.bb-brands-grid__empty{gap: var(--bb-space-5);max-width: var(--bb-size-cta-content);margin-inline: auto;padding-block: 0}.bb-brands-grid__empty .bb-btn--link{min-height: var(--bb-space-10)}.bb-brands-grid__empty .bb-h4{margin: 0;color: var(--bb-color-navy)}.bb-brands-grid__empty[hidden]{display: none}.bb-brands-grid__error{align-items: center;max-width: var(--bb-size-cta-content);margin: 0 auto}.bb-brands-grid__error p{flex: 1;margin: 0}.bb-brands-grid__error[hidden],.bb-brands-grid__more[hidden],.bb-brands-grid__list[hidden]{display: none}.bb-brands-grid__list > li:focus{outline: none}.bb-brands-grid__list > li:focus-visible .bb-brand-card{outline: 2px solid var(--bb-color-blue);outline-offset: 2px}