:root{--clr-nav-text:white;--clr-nav-background:#0009}html{scroll-padding-top:110px}.alpha-index-container{top:var(--navbar-height);z-index:9;background:var(--clr-transparent-lilac);-webkit-backdrop-filter:blur(8px);width:100%;padding-inline:1rem;display:flex;position:sticky;overflow:auto}.alpha-index{text-align:center;text-transform:uppercase;color:#fff;border-right:1px solid #0003;flex-shrink:0;width:36px;padding-block:8px;padding-inline:10px;display:inline-block}.alpha-index:hover{color:#fff;background-color:#0009}.letter-label{color:#000;text-transform:capitalize;font-size:var(--fs-900);font-weight:var(--fw-bold);font-family:var(--ff-secondary);margin-inline:var(--margin-inline);margin-top:2rem;text-decoration:none;display:block}.brands-container{flex-wrap:wrap;gap:.5rem;display:flex}ul{padding-inline-start:0;padding-inline:var(--margin-inline)}.brandLink--li{list-style-type:none}.brandLink{text-transform:capitalize;background-color:var(--clr-gray-background);color:var(--clr-neutral-900);font-weight:var(--fw-regular);word-break:break-all;border-radius:8px;padding-block:8px;padding-inline:1rem;text-decoration:none;display:block}.brandLink:hover{color:#1f1f1f;background-color:#c4c4c4}.all-brands-title-wrapper{background-color:var(--clr-yellow)}.all-brands-title{margin-inline:var(--margin-inline);font-size:var(--fs-900);padding-block:4rem;display:block}@media (min-width:768px){.all-brands-title-wrapper{grid-template-columns:1fr 1fr;height:14rem;display:grid}}