.brands{padding-inline:var(--edge);padding-bottom:var(--page-end)}.brands__filter{margin-inline:var(--remove-edge)}@media only screen and (min-width: 40em){.brands__main{margin-top:4rem;display:grid;gap:5rem;grid-template-columns:20rem 1fr}}.brands__main-glossary-parent{margin-block:2rem}@media only screen and (min-width: 40em){.brands__main-glossary-parent{margin-block:0;position:sticky;top:7.25rem;display:flex;flex-direction:column}}.brands__main-glossary-parent-letter{padding:.3125rem;margin:0;text-align:left;text-transform:uppercase;background-color:var(--light-grey);border-top:thin solid var(--grey-3)}.brands__main-glossary-parent-letter:last-of-type{border-bottom:thin solid var(--grey-3)}.brands__main-glossary-parent-letter.active{background-color:var(--white);border:0}.brands__main-glossary-parent-letter.active+*{border:0}.brands__main-brands{position:relative;display:flex;flex-direction:column;gap:1.5rem}.brands__main-brands-option{display:grid;align-items:center;grid-template-columns:4fr 1fr 1fr;transform:scaleY(1);opacity:1;will-change:transfrom,opacity}.brands__main-brands-option.active-letter{padding-bottom:1rem;font-size:var(--font-size-h4)}.brands__main-brands-option>*{margin:0}.brands .scale-move,.brands .scale-enter-active,.brands .scale-leave-active{transition:transform .35s ease,opacity .35s ease}.brands .scale-enter-from,.brands .scale-leave-to{transform:scaleY(0);opacity:0}.brands .scale-leave-active{width:100%;position:absolute}