.dark-modal-bg{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(0,0,0,.7);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.sort-brands-by-category{max-width:40rem}.brand-category-letters{background:#f9f9f9;position:-webkit-sticky;position:sticky;top:9.8rem;z-index:1}@media (min-width:992px) and (max-width:1440px){.brand-category-letters{top:7.8rem}}.brand-category-letters li{-ms-flex-negative:0;flex-shrink:0;font-size:2.6rem;height:3.8rem;text-align:center;width:3.8rem}.brand-category-letters li.brand-letter-0-9{width:5.7rem}.brand-category-letters .swiper-button-next{background-image:linear-gradient(270deg,#f9f9f9 50%,hsla(0,0%,97.6%,0))}.brand-category-letters .swiper-button-prev{left:0;background-image:linear-gradient(90deg,#f9f9f9 50%,hsla(0,0%,97.6%,0))}.brand-category-letters .swiper-button-next,.brand-category-letters .swiper-button-prev{height:5.8rem;margin-top:0;transition:all .25s ease;width:5.8rem}.brand-category-letters .swiper-button-next.swiper-button-disabled,.brand-category-letters .swiper-button-prev.swiper-button-disabled{opacity:0;display:none}.brand-category-letters .swiper-button-next:after,.brand-category-letters .swiper-button-next:before,.brand-category-letters .swiper-button-prev:after,.brand-category-letters .swiper-button-prev:before{background-color:transparent;opacity:1;visibility:visible}.brand-listing{margin-top:3rem}.brand-listing section{margin-bottom:3rem;padding-top:3rem}@media only screen and (min-width:769px){.brand-listing section{padding-top:6rem}}.brand-category-list ul{-webkit-columns:3;-moz-columns:3;column-count:3}.brand-category-list ul a{display:inline-block;font-size:1.2rem;padding:0.4rem 0}@media only screen and (min-width:992px){.list-unstyled:hover li{opacity:.4;transition:all .3s ease-in-out}.list-unstyled:hover li:hover{opacity:1}}.brand-letter{display:block;font-size:12rem;margin-top:-4rem}#brand-category-0-9 .brand-letter{font-size:4vw}.brands-directory-banner{margin-top:3rem}.vertically-align-text h4{color:#fff;margin-top:-1.2rem;max-width:40rem;position:absolute;top:50%;transform:translateY(-50%);width:80%}.vertically-align-text:before{background-color:rgba(0,0,0,.2);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:all .25s ease}.vertically-align-text:hover:before{background-color:rgba(0,0,0,.4)}@media only screen and (min-width:992px){.brand-category-letters li{transition:all .25s ease-in-out}.brand-category-letters li:hover{transform:scale(1.2);transform-origin:center}}@media only screen and (max-width:768px){#brand-category-0-9 .brand-letter,.brand-letter{font-size:8.1rem;line-height:unset;margin-top:unset}.brand-listing{margin-top:0}.brand-listing section{margin-bottom:0}.brands-directory-banner{margin-left:-3rem;margin-right:-3rem}}@media only screen and (max-width:543px){.brands-directory h1{font-size:4.5vw}.brand-category-list ul{-webkit-columns:2;-moz-columns:2;column-count:2}}