.alphabet-list{text-align:center;text-transform:uppercase;color:var(--alphabet-list-primary-color)}.alphabet-list li{flex:auto}.alphabet-list .alphabet-entry{-webkit-user-select:none;user-select:none;text-decoration:none;display:block}.alphabet-list .alphabet-entry:not([href]){color:var(--alphabet-list-secondary-color)}@media (width>=62em){.alphabet-list{width:100%}.alphabet-list ul{justify-content:space-between;width:100%;max-width:45.625rem;margin:0 auto;display:flex}.alphabet-list .alphabet-entry{height:2rem;line-height:2;transition:color .2s ease-in-out}.alphabet-list .alphabet-entry[href]{-webkit-tap-highlight-color:transparent;text-decoration:none;position:relative}.alphabet-list .alphabet-entry[href]:focus:not(:focus-visible){outline:none}.alphabet-list .alphabet-entry[href]:active,.alphabet-list .alphabet-entry[href]:focus-visible,.alphabet-list .alphabet-entry[href]:hover,.alphabet-list .alphabet-entry[href][aria-current]{text-decoration:underline}}.cms-content .brands-page-block .brand-picks,.cms-content .brands-page-block .buttons-module{--grid-spacing:0}@media (width<=61.9375em){.brands-page-block .brand-alphabet{display:none}}.brands-page-list{--brands-page-list-spacing:1rem;flex-direction:column;gap:1.5rem;display:flex}.brands-page-list:not(:first-child){margin-top:var(--brands-page-list-spacing)}.brands-page-list .brand-letters{flex-direction:column;flex:1 0 auto;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.brands-page-list .brand-search{width:100%;margin:0 0 1rem}.brands-page-list .brand-search .brand-search-field{width:100%}.brands-page-list .brand-letter .tt{--tt-font-size:2rem;border-bottom:1px solid var(--color-silver);text-transform:uppercase;padding-bottom:.5rem}.brands-page-list .brand-letter-list{margin:.25rem 0 0;padding:0;font-size:.875rem;list-style:none}.brands-page-list .brand-letter-list-item{padding:.5rem 0}.brands-page-list .brand-letter-list-item a{-webkit-tap-highlight-color:transparent;text-decoration:none}.brands-page-list .brand-letter-list-item a:focus:not(:focus-visible){outline:none}.brands-page-list .brand-letter-list-item a:active .brand-name,.brands-page-list .brand-letter-list-item a:focus-visible .brand-name,.brands-page-list .brand-letter-list-item a:hover .brand-name{text-decoration:underline}.brands-page-list .brand-new{color:var(--color-jade);text-transform:uppercase;vertical-align:top;font-size:.6875rem;font-weight:700}.brand-search-empty{text-wrap:balance;margin-top:1.5rem;font-size:.875rem}@media (width>=36em){.brand-letter-list{--brand-letter-columns:2;grid-template-columns:repeat(var(--brand-letter-columns),calc(100%/var(--brand-letter-columns) - 1.5rem + 1.5rem/var(--brand-letter-columns)));gap:0 1.5rem;display:grid}}@media (width>=62em){.brands-page-list{--brands-page-list-spacing:3rem;flex-direction:row;gap:3rem}.brands-page-list .brand-search .input-field-main{--input-field-size:3rem;--input-field-font-size:1rem}.brands-page-list .brand-search.filled:not(.placeholder){--input-filed-label-offset:.8125rem;--input-filed-input-offset:.875rem}.brands-page-list .brand-index-list{flex-grow:1;width:auto;padding:0}.brands-page-list .brand-index-list .tt{--tt-font-size:3rem;border-bottom:0 solid;width:6.125rem;margin-bottom:0;padding-bottom:0}.brands-page-list .brand-alphabet{margin-bottom:.75rem}.brands-page-list .brand-letters{gap:2.5rem}.brands-page-list .brand-letter{padding-top:1.5rem;display:flex}.brands-page-list .brand-letter+.brand-letter{border-top:1px solid var(--color-silver)}.brands-page-list .brand-letter .tt{flex-shrink:0}.brands-page-list .brand-letter-list{flex:1 0 auto;margin:0;padding-top:.625rem}.brands-page-list .brand-search-empty{font-size:1rem}}@media (width>=75em){.brand-letter-list{--brand-letter-columns:4}}@media (width>=100em){.brand-letter-list{--brand-letter-columns:5}}
