.brand-header h1{font-size:2rem;font-weight:600}.sticky-wrapper{position:relative;margin-bottom:2rem;height:auto}.sticky-container{position:relative;background-color:white;width:100%;z-index:100;transition:all .3s ease}.sticky-container.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem 0}.sticky-container.is-sticky:before{content:"";position:absolute;width:100%;left:0;top:0;height:100%;background-color:white;z-index:-1}.search-container{margin-bottom:2rem}.alphabet-item{cursor:pointer;display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;font-weight:500;border-radius:50%;transition:all .2s ease}.alphabet-item:hover{background-color:#f0f0f0}.alphabet-item.active{background-color:var(--background);color:white}.alphabet-item.disabled{opacity:.4;cursor:default}.letter-heading{font-size:1.5rem;color:var(--background);font-weight:600;margin-top:1rem}.brand-card{transition:all .2s ease;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}.brand-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.brand-name{color:#333;font-weight:500;text-align:center}@media (max-width:767.98px){.sticky-container.is-sticky{padding:.75rem 0}.sticky-container.is-sticky .search-container{margin-bottom:1rem}}