.vv-brands-directory{width:100%;padding:var(--vvbd-pad-top-desktop, 64px) 24px var(--vvbd-pad-bottom-desktop, 64px);overflow:hidden;background:var(--vvbd-bg, #fff);color:var(--vvbd-text, #171717)}.vv-brands-directory,.vv-brands-directory *{box-sizing:border-box}.vv-brands-directory__inner{width:min(100%,var(--vvbd-max-width, 1500px));margin-inline:auto}.vv-brands-directory__intro{text-align:center}.vv-brands-directory__title{margin:0;color:var(--vvbd-text);font-family:var(--font-body-family, Arial, sans-serif);font-size:var(--vvbd-title-desktop, 36px);font-weight:400;line-height:1.2}.vv-brands-directory__title strong{font-weight:700}.vv-brands-directory__description{max-width:1450px;margin:14px auto 0;color:var(--vvbd-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:var(--vvbd-copy-desktop, 15px);line-height:1.55}.vv-brands-directory__description p{margin:0}.vv-brands-directory__marquee{width:100%;margin:42px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.vv-brands-directory__marquee-track{display:flex;align-items:center;width:max-content;animation:vv-brands-directory-marquee var(--vvbd-marquee-speed, 55s) linear infinite;will-change:transform}.vv-brands-directory__marquee:hover .vv-brands-directory__marquee-track{animation-play-state:paused}.vv-brands-directory__wordmark{flex:0 0 auto;padding:0 22px;color:var(--vvbd-muted);font-family:var(--font-heading-family, var(--font-body-family, Arial, sans-serif));font-size:clamp(16px,1.55vw,25px);font-weight:500;letter-spacing:.035em;line-height:1.2;white-space:nowrap;opacity:.76}.vv-brands-directory__marquee-dot{flex:0 0 auto;color:var(--vvbd-accent);font-size:12px;opacity:.65}@keyframes vv-brands-directory-marquee{to{transform:translate(-50%)}}.vv-brands-directory__alphabet{margin:36px 0 24px}.vv-brands-directory__alphabet-track{display:flex;gap:10px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vv-brands-directory__alphabet-track::-webkit-scrollbar{display:none}.vv-brands-directory__letter-button{flex:0 0 58px;height:54px;border:1px solid #d8d5d6;border-radius:12px;background:#fff;color:var(--vvbd-text);font:500 14px/1 var(--font-body-family, Arial, sans-serif);text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.vv-brands-directory__letter-button:hover,.vv-brands-directory__letter-button:focus-visible,.vv-brands-directory__letter-button.is-active{border-color:var(--vvbd-accent);color:var(--vvbd-accent)}.vv-brands-directory__letter-button.is-active{background:#fff8fa}.vv-brands-directory__scroll-controls{display:flex;align-items:center;gap:9px;margin:3px 0 0}.vv-brands-directory__scroll-button{display:grid;width:14px;height:24px;flex:0 0 14px;place-items:center;padding:0;border:0;background:transparent;color:var(--vvbd-accent);cursor:pointer}.vv-brands-directory__scroll-button svg{width:9px;height:14px}.vv-brands-directory__scroll-button:disabled{opacity:.35;cursor:default}.vv-brands-directory__scroll-track{height:10px;position:relative;flex:1 1 auto;border-radius:20px;background:color-mix(in srgb,var(--vvbd-accent) 18%,white);overflow:hidden}.vv-brands-directory__scroll-track span{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--vvbd-accent);transition:width .12s ease-out,left .12s ease-out}.vv-brands-directory__letter-button:disabled{color:#aaa5a8;cursor:default}.vv-brands-directory__letter-button:disabled:hover{border-color:#d8d5d6}.vv-brands-directory__groups{width:min(100%,1400px);margin:0 auto;scroll-margin-top:150px}.vv-brands-directory__group{padding:34px 0 58px;border-bottom:1px solid #d8d5d6;scroll-margin-top:150px}.vv-brands-directory__group:last-of-type{border-bottom:0}.vv-brands-directory__desktop-group{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:start}.vv-brands-directory__group-letter{margin:-7px 0 0;color:#090909;font-family:var(--font-heading-family, var(--font-body-family, Arial, sans-serif));font-size:42px;font-weight:700;line-height:1}.vv-brands-directory__desktop-links .vv-brands-directory__brand-list{columns:var(--vvbd-columns, 6);column-gap:clamp(18px,3.4vw,72px)}.vv-brands-directory__brand-list{margin:0;padding:0;list-style:none}.vv-brands-directory__brand-list li{break-inside:avoid;margin:0 0 5px;color:var(--vvbd-text);font-family:var(--font-body-family, Arial, sans-serif);font-size:var(--vvbd-link-size-desktop, 16px);line-height:1.35}.vv-brands-directory__brand-list a{color:inherit;text-decoration:none;text-underline-offset:3px}.vv-brands-directory__brand-list a:hover,.vv-brands-directory__brand-list a:focus-visible{color:var(--vvbd-accent);text-decoration:underline}.vv-brands-directory__mobile-group{display:none}.vv-brands-directory__empty{margin:24px 0;color:var(--vvbd-muted);text-align:center}.vv-brands-directory [hidden]{display:none!important}@media screen and (max-width:749px){.vv-brands-directory{padding:var(--vvbd-pad-top-mobile, 28px) 0 var(--vvbd-pad-bottom-mobile, 32px)}.vv-brands-directory__inner{width:100%}.vv-brands-directory__intro{padding:0 20px}.vv-brands-directory__title{font-size:var(--vvbd-title-mobile, 30px)}.vv-brands-directory__description{margin-top:10px;font-size:var(--vvbd-copy-mobile, 13px);line-height:1.5}.vv-brands-directory__marquee{margin:25px 0 0}.vv-brands-directory__wordmark{padding-inline:16px;font-size:17px}.vv-brands-directory__alphabet{margin:24px 0 18px}.vv-brands-directory__alphabet-track{gap:7px;padding:0 20px 8px;scrollbar-width:none}.vv-brands-directory__alphabet-track::-webkit-scrollbar{display:none}.vv-brands-directory__letter-button{flex-basis:50px;height:48px;border-radius:11px;font-size:13px}.vv-brands-directory__letter-button.is-active{box-shadow:inset 0 -3px 0 var(--vvbd-accent)}.vv-brands-directory__scroll-track,.vv-brands-directory__scroll-controls{display:none}.vv-brands-directory__groups{display:grid;gap:8px;padding:0 20px;scroll-margin-top:120px}.vv-brands-directory__group{padding:0;border:0;scroll-margin-top:120px}.vv-brands-directory__desktop-group{display:none}.vv-brands-directory__mobile-group{display:block;overflow:hidden;border-radius:12px;background:var(--vvbd-accordion-bg, #f1f0f0)}.vv-brands-directory__mobile-group summary{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;color:var(--vvbd-text);font-family:var(--font-body-family, Arial, sans-serif);font-size:15px;font-weight:600;line-height:1.2;list-style:none;cursor:pointer}.vv-brands-directory__mobile-group summary::-webkit-details-marker{display:none}.vv-brands-directory__mobile-group summary svg{width:18px;height:18px;flex:0 0 auto;color:#888286;transition:transform .18s ease}.vv-brands-directory__mobile-group[open] summary svg{transform:rotate(180deg)}.vv-brands-directory__mobile-links{padding:8px 18px 16px;background:var(--vvbd-bg, #fff)}.vv-brands-directory__mobile-links .vv-brands-directory__brand-list li{margin:0;padding:9px 0;font-size:var(--vvbd-link-size-mobile, 14px)}.vv-brands-directory__empty{margin:12px 0}}@media(prefers-reduced-motion:reduce){.vv-brands-directory__marquee-track{animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vv-brands-directory.css.map */