.brand-overview{--line-color:var(--secondary-200);padding-block:var(--spacing-8)}@media (max-width:55rem){.brand-overview{padding-block:var(--spacing-6)}}.brand-overview [class*=container]{display:flex;flex-direction:column;gap:var(--spacing-6)}.brand-overview__heading{align-items:center;display:flex;gap:var(--spacing-6);justify-content:space-between}@media (max-width:55rem){.brand-overview__heading{align-items:flex-start;flex-direction:column;gap:var(--spacing-5)}}.brand-overview__heading [class*=button]{flex-shrink:0}.brand-overview__heading .dropdown{position:relative}.brand-overview__heading .dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--neutral-white);background-color:var(--form-input-background,var(--neutral-white));background-image:url(../images/caret-down.svg);background-position:right var(--spacing-4) center;background-repeat:no-repeat;background-size:1rem;border-color:var(--neutral-black);display:inline-block;padding:var(--spacing-4);padding-right:var(--spacing-6);position:relative}.brand-overview__heading .dropdown ul:not([class]) li:before{content:none}.brand-overview .brands{align-items:flex-start;display:grid;gap:var(--spacing-3);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}@media (max-width:55rem){.brand-overview .brands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:30rem){.brand-overview .brands{grid-template-columns:repeat(1,minmax(0,1fr))}}.brand-overview .brands .brand{align-items:flex-start;border:1px solid var(--line-color);display:flex;flex-direction:column;gap:var(--spacing-4);height:100%;padding-block:var(--spacing-5);padding-inline:var(--spacing-5);position:relative;transition:border var(--animation-speed-slow) var(--cubic-bezier),translate var(--animation-speed-slow) var(--cubic-bezier);translate:0 0}@media (hover:hover){.brand-overview .brands .brand:focus-visible,.brand-overview .brands .brand:hover{border-color:var(--primary-300);translate:0 calc(var(--spacing-1)*-1)}.brand-overview .brands .brand:focus-visible svg,.brand-overview .brands .brand:hover svg{translate:var(--spacing-2) 0}}.brand-overview .brands .brand p{color:var(--neutral-black)}@media (max-width:30rem){.brand-overview .brands .brand{padding-block:var(--spacing-6);padding-inline:var(--spacing-6)}}.brand-overview .brands .brand img{height:50px;max-width:170px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;transition:scale .3s ease,width .3s ease}.brand-overview .brands .brand svg{bottom:var(--spacing-4);color:var(--primary-300);position:absolute;right:var(--spacing-4);transition:translate var(--animation-speed-slow) var(--cubic-bezier);translate:0 0}.brand-overview .brands .brand svg line{stroke-width:2px}

/*# sourceMappingURL=client.css.map*/