.brand-directory{--bd-gap: 12px;--bd-radius: 10px;--bd-card-bg: rgb(var(--bg-color));--bd-border: rgba(var(--text-color) / .14);--bd-muted: rgba(var(--text-color) / .65);--bd-accent-ui: var(--bd-accent, #62339b);--bd-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .06);--bd-shadow-hover: 0 2px 4px rgba(0, 0, 0, .06), 0 10px 24px rgba(0, 0, 0, .1)}html[data-theme=dark] .brand-directory{--bd-card-bg: var(--card-bg-color, #191b1e);--bd-accent-ui: color-mix(in srgb, var(--bd-accent, #62339b) 50%, #fff);--bd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--bd-shadow-hover: 0 8px 24px rgba(0, 0, 0, .45)}@media(min-width:769px){.brand-directory{--bd-gap: 20px}}.brand-directory [hidden]{display:none!important}.brand-directory__inner{margin:0 auto}.brand-directory__empty{padding:48px 0;color:var(--bd-muted)}.brand-directory__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:20px}.brand-directory__heading{margin:0;font-size:30px;line-height:1.15}.brand-directory__subheading{margin:0;font-size:14px;color:var(--bd-muted)}@media(min-width:769px){.brand-directory__header{margin-bottom:24px}.brand-directory__heading{font-size:38px}.brand-directory__subheading{font-size:15px}}.brand-directory__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.brand-directory__label{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.brand-directory__search{position:relative;order:-1;flex:1 1 100%}@media(min-width:769px){.brand-directory__search{order:0;flex:0 1 260px;margin-inline-start:auto}}.brand-directory__search-input{width:100%;height:42px;margin:0;padding-block:0;padding-inline:14px 42px;border:1px solid var(--bd-border);border-radius:8px;background-color:var(--bd-card-bg);color:rgb(var(--text-color));font-size:14px}.brand-directory__search-input::placeholder{color:var(--bd-muted);opacity:1}.brand-directory__search-input:focus{border-color:var(--bd-accent-ui);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--bd-accent-ui) 20%,transparent)}.brand-directory__search-input::-webkit-search-cancel-button{cursor:pointer}.brand-directory__search .icon{position:absolute;top:50%;inset-inline-end:14px;width:16px;height:16px;transform:translateY(-50%);color:var(--bd-muted);pointer-events:none}.brand-directory__item{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:12px;border:1px solid var(--bd-border);border-radius:var(--bd-radius);background-color:var(--bd-card-bg);box-shadow:var(--bd-shadow);color:rgb(var(--text-color));text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}a.brand-directory__item:hover,a.brand-directory__item:focus-visible{border-color:var(--bd-accent-ui);box-shadow:var(--bd-shadow-hover);transform:translateY(-2px)}@media(min-width:769px){.brand-directory__item{padding:18px 16px 16px}}.brand-directory__logo{display:flex;align-items:center;justify-content:center;width:100%;height:var(--bd-logo-height, 70px);padding:6px;border-radius:6px;background-color:var(--bd-logo-bg, #fff);overflow:hidden}.brand-directory__img{width:100%;height:100%;object-fit:contain}.brand-directory__initial{font-size:calc(var(--bd-logo-height, 70px) * .45);font-weight:700;line-height:1;color:#2a2b2a}.brand-directory__caption{display:flex;flex-direction:column;align-items:center;max-width:100%;font-size:14px;line-height:1.35}.brand-directory__name{max-width:100%;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.brand-directory__count{color:var(--bd-muted);white-space:nowrap}.brand-directory__cell{container:bd-cell / inline-size}.brand-directory__top-cell{container:bd-top / inline-size}@container bd-cell (min-width: 250px){.brand-directory__caption{flex-direction:row;justify-content:center}.brand-directory__name{min-width:0}.brand-directory__count{flex-shrink:0;color:inherit}.brand-directory__name+.brand-directory__count:before{content:"\2022";margin-inline:5px}}@container bd-top (min-width: 170px){.brand-directory__caption{flex-direction:row;justify-content:center}.brand-directory__name{min-width:0}.brand-directory__count{flex-shrink:0;color:inherit}.brand-directory__name+.brand-directory__count:before{content:"\2022";margin-inline:5px}}.brand-directory__cta{display:inline-flex;align-items:center;gap:4px;margin-top:-2px;font-size:14px;font-weight:500;color:var(--bd-accent-ui)}.brand-directory__cta .icon{width:16px;height:16px;transition:transform .2s ease}a.brand-directory__item:hover .brand-directory__cta .icon{transform:translate(3px)}[dir=rtl] a.brand-directory__item:hover .brand-directory__cta .icon{transform:scaleX(-1) translate(3px)}.brand-directory__item--top{padding-inline:10px}.brand-directory__item--top .brand-directory__caption{font-size:13px}.brand-directory__top{display:flex;gap:var(--bd-gap);margin:0 0 8px;padding:4px 0 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.brand-directory__top::-webkit-scrollbar{display:none}.brand-directory__top-cell{flex:0 0 44%;min-width:0;scroll-snap-align:start}@media(min-width:769px){.brand-directory__top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}@media(min-width:1024px){.brand-directory__top{grid-template-columns:repeat(6,minmax(0,1fr))}}.brand-directory__nav{margin:16px 0 24px}.brand-directory__letters{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}.brand-directory__letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:50%;font-size:16px;font-weight:500;line-height:1;color:rgb(var(--text-color));text-decoration:none;transition:background-color .2s ease,border-color .2s ease}a.brand-directory__letter:hover,a.brand-directory__letter:focus-visible{background-color:rgba(var(--text-color) / .07)}a.brand-directory__letter[aria-current=true]{border-color:rgba(var(--text-color) / .7);background-color:rgba(var(--text-color) / .06)}.brand-directory__letter.is-disabled{opacity:.3}@media(max-width:768.98px){.brand-directory__letters{gap:2px}.brand-directory__letter{width:30px;height:30px;font-size:14px}}.brand-directory__group{margin-bottom:36px;scroll-margin-top:calc(var(--header-height, 0px) + 24px)}.brand-directory__group:last-of-type{margin-bottom:0}.brand-directory__group:focus{outline:none}.brand-directory__group-title{margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgb(var(--heading-color));font-size:28px;font-weight:400;line-height:1.2}@media(min-width:769px){.brand-directory__group{margin-bottom:48px}.brand-directory__group-title{margin-bottom:20px;font-size:34px}}.brand-directory__grid{display:grid;gap:var(--bd-gap);margin:0;padding:0;list-style:none}.brand-directory__cell{min-width:0}@media(prefers-reduced-motion:reduce){.brand-directory__item,.brand-directory__letter,.brand-directory__cta .icon{transition:none}a.brand-directory__item:hover,a.brand-directory__item:focus-visible,a.brand-directory__item:hover .brand-directory__cta .icon{transform:none}[dir=rtl] a.brand-directory__item:hover .brand-directory__cta .icon{transform:scaleX(-1)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/brand-directory.css.map */