.page-brands__letters{display:flex;justify-content:center;flex-flow:wrap;border-bottom:1px solid rgb(var(--text-color) / var(--divider-opacity));transition:all .1s ease}.page-brands__letters-wrapper{position:sticky;padding-block:1rem;background:rgb(var(--body-bg-color));z-index:2}.page-brands__letters-wrapper:not(.is-floating) .page-brands__letters{border-bottom-color:transparent}.page-brands__letters a{display:block;display:flex;justify-content:center;align-items:center;text-align:center;border:var(--border);text-transform:uppercase;background:var(--color-background);color:var(--colorHeadings);margin-right:calc(var(--border-width) * -1);border:1px solid rgb(var(--text-color) / var(--divider-opacity));position:relative;transition:border-bottom .1s ease}.page-brands__letters a:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px rgb(var(--text-color)) solid;opacity:0;transition:opacity .1s}.page-brands__letters a:hover:before{opacity:1}.page-brands__items-wrapper{position:relative}.page-brands__items{position:relative;border-bottom:1px solid rgb(var(--text-color) / var(--divider-opacity))}.page-brands__items>span[id]{position:absolute;left:0;width:1rem;height:1rem;visibility:hidden}.page-brands__items-wrapper>.media-brands_items:not(:first-child){border-top:var(--globalLightBorder)}.page-brands__items a{color:rgb(var(--body-text-color));padding-block:.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:color .1s}.page-brands__items img{display:block;object-fit:contain;aspect-ratio:var(--ratio)}.page-brands__items a img+span{display:block;transition:opacity .1s}.page-brands__items a:not(:hover) span{opacity:.6}.page-brands__items-letter{position:absolute;left:0;line-height:0;margin:0}@media (max-width: 767.98px){.page-brands__wrapper{display:flex;flex-direction:row-reverse;gap:var(--container-pad-x);margin-top:-2.375rem}.page-brands__letters{position:sticky;top:6.25rem;flex-direction:column}.page-brands__letters-wrapper{top:6.75rem}.page-brands__letters a{min-width:calc(100% / 8 + (var(--border-width) / 8 * 7));width:2.75rem;height:2.25rem;margin-bottom:calc(var(--border-width) * -1)}.page-brands__letters>a:first-child{display:none}.page-brands__letters a:not(:nth-child(2)){border-top:0}.page-brands__items-wrapper{margin-bottom:3.5rem}.page-brands__items{display:flex;flex-flow:wrap;padding:3rem;gap:2rem}.page-brands__items-letter{top:4.25rem;left:var(--container-pad-x)}.page-brands__items>span[id]{top:-7.625rem}.page-brands__items a{font-size:1rem}.page-brands__item{flex:0 0 100%}.page-brands__item a img{max-width:9rem;height:3rem}}@media (min-width: 768px){.page-brands__letters-wrapper{top:8.25rem}.page-brands__letters-wrapper{margin-block:3.25rem 2rem}.page-brands__letters a{min-width:2.75rem;height:2.75rem}.page-brands__letters a:not(:first-child){border-left:0}.page-brands__letters>a:first-child{width:8.25rem}.page-brands__items-wrapper{margin-top:0;margin-bottom:4.75rem}.page-brands__items{padding:2.5rem 0 2.5rem 7.5rem;display:flex;flex-flow:wrap;align-items:center;gap:2.5rem 0}.page-brands__item{flex:0 0 25%}.page-brands__items-letter{top:3.825rem;width:7.5rem;text-align:center}.page-brands__items>span[id]{top:1.825rem}.page-brands__item a img{max-width:12rem;height:4rem}.page-brands__item a img+span{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/template-page-brands.css.map */