.brand-data__heading{margin:0;font-family:var(--sk-font-heading);font-size:1.75rem;font-weight:600;line-height:1.2;color:var(--vf-blue, #1548b1)}.cc-brand-data .text-left{text-align:left}.cc-brand-data .text-center{text-align:center}.cc-brand-data .text-right{text-align:right}.cc-brand-data .mb-6{margin-bottom:20px}.cc-brand-data .mb-8{margin-bottom:24px}.cc-brand-data .mb-12{margin-bottom:40px}.brand-alphabet-filter{display:flex;flex-direction:column;width:fit-content;max-width:100%;margin-inline:auto;padding:4px;border-radius:8px;overflow:hidden;position:sticky;top:var(--brand-sticky-top, 0px);z-index:20}.brand-alphabet-filter.sticky-active{background:var(--color-background, #ffffff);box-shadow:0 6px 18px #02020214}.brand-alphabet-wrapper{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.brand-alphabet-wrapper::-webkit-scrollbar{display:none}.brand-alphabet-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--vf-blue, #1548b1);border-radius:15%;background:transparent;color:var(--vf-blue, #1548b1);font-family:var(--sk-font-heading);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.brand-alphabet-btn:hover{background:var(--vf-frost, #f1faff)}.brand-alphabet-btn:disabled{border-color:var(--vf-border, #e0e0e0);background:transparent;color:var(--vf-black, #020202);opacity:.35;cursor:not-allowed}.brand-alphabet-btn.active{border-color:var(--vf-blue, #1548b1);background:var(--vf-blue, #1548b1);color:#fff}.brand-scroll-track-container{position:relative;display:none;width:100%;margin:6px 2px 4px;overflow:hidden}.brand-scroll-track{position:relative;width:100%;height:4px;border-radius:10px;background:var(--vf-border, #e0e0e0);overflow:hidden}.brand-scroll-bar{position:absolute;left:0;top:0;width:120px;height:100%;border-radius:10px;background:var(--vf-blue, #1548b1);transition:left .3s ease}.brands-container{min-height:400px}.brands-grid{width:100%}.brand-letter-heading-container{display:flex;align-items:center;width:100%}.brand-letter-heading{flex-shrink:0;margin:0;padding-right:4px;font-family:var(--sk-font-heading);font-size:1.375rem;font-weight:600;line-height:1;color:var(--vf-blue, #1548b1);transition:color .2s ease}.brand-letter-heading--active{color:var(--vf-blue, #1548b1)}.brand-letter-heading--disabled{color:var(--vf-black, #020202);opacity:.3}.brand-letter-line{flex:1;height:1px;margin-left:12px;background:var(--vf-border, #e0e0e0)}.brand-no-brands{grid-column:1 / -1}.brand-letter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;align-content:flex-start;align-items:flex-start}.brand-card{padding:0;border:0;background:transparent;text-align:center}.brand-card__link{display:flex;flex-direction:column;align-items:center;gap:0;height:100%;color:inherit;text-decoration:none}.brand-card__link:hover{text-decoration:none}.brand-card__media{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:6px;border:0;border-radius:0;background:transparent;transition:opacity .15s ease}.brand-card__link:hover .brand-card__media{opacity:.85}.brand-card__logo{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.brand-card__no-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6px;background:var(--vf-near-white, #fafafa);color:var(--sk-muted, #7d7d7d);font-size:.75rem;text-align:center}.brand-card__title{margin:0;font-family:var(--sk-font-heading);font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--vf-black, #020202)}@media screen and (min-width:750px){.brand-data__heading{font-size:2rem}.brand-alphabet-wrapper{gap:10px}.brand-alphabet-btn{width:34px;height:34px;font-size:1rem}.brand-letter-heading{font-size:1.5rem}.brand-letter-grid{gap:28px 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card__link{gap:8px}.brand-card__media{padding:8px}.brand-card__title{font-size:.875rem}}@media screen and (min-width:990px){.brand-letter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-alphabet-filter.sticky-active .brand-alphabet-wrapper{justify-content:center}}@media screen and (max-width:989px){.brand-scroll-track-container{display:block}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/brand-data.css.map */