.brands-directory__header{text-align:center;margin:clamp(30px,5vw,60px) 0 clamp(25px,4vw,45px)}.brands-directory__eyebrow{display:block;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--color-accent, #545454);opacity:.6;margin-bottom:14px}.brands-directory__heading{margin:0 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.1}.brands-directory__count{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #545454);opacity:.65}.brands-directory__search{position:relative;max-width:420px;margin:0 auto clamp(30px,4vw,50px)}.brands-directory__search-icon{position:absolute;left:2px;top:50%;transform:translateY(-50%);color:var(--color-accent, #545454);opacity:.55;pointer-events:none;transition:opacity .25s ease}.brands-directory__search:focus-within .brands-directory__search-icon{opacity:1}.brands-directory__search input[type=search]{width:100%;border:0;border-bottom:1px solid var(--color-form-border, #e5e5e5);border-radius:0;background:transparent;color:var(--color-body, #151515);padding:12px 8px 12px 28px;font-size:13px;letter-spacing:.06em;transition:border-color .3s ease}.brands-directory__search input[type=search]:focus{outline:none;border-bottom-color:var(--color-body, #151515)}.brands-directory__search input[type=search]::placeholder{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--color-accent, #545454);opacity:.6}.brands-directory__search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.brands-alphabet{position:sticky;top:var(--header-height, 0px);z-index:5;background:var(--bg-body, #fff);border-top:1px solid var(--color-border, #e5e5e5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.brands-alphabet::-webkit-scrollbar{display:none}.brands-alphabet__track{display:flex;justify-content:center;gap:clamp(2px,.9vw,10px);width:max-content;min-width:100%;padding:13px 15px}.brands-alphabet__letter{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;font-size:12px;letter-spacing:.05em;text-decoration:none;color:var(--color-accent, #545454);position:relative;transition:color .25s ease,opacity .25s ease}a.brands-alphabet__letter:after{content:"";position:absolute;left:50%;bottom:-2px;width:12px;height:1px;background:currentColor;transform:translate(-50%) scaleX(0);transition:transform .25s ease}a.brands-alphabet__letter:hover,a.brands-alphabet__letter.is-active{color:var(--color-body, #111)}a.brands-alphabet__letter:hover:after,a.brands-alphabet__letter.is-active:after{transform:translate(-50%) scaleX(1)}.brands-alphabet__letter.is-disabled{opacity:.22;pointer-events:none}a.brands-alphabet__letter.is-filtered,.brands-alphabet.is-searching .brands-alphabet__letter.is-disabled{display:none}.brands-group{display:grid;grid-template-columns:minmax(90px,150px) 1fr;gap:clamp(20px,4vw,60px);border-bottom:1px solid var(--color-border, #e5e5e5);padding:clamp(28px,4.5vw,55px) 0}.brands-group[hidden]{display:none}.brands-group__letter{font-size:clamp(46px,7vw,92px);line-height:.85;position:sticky;top:calc(var(--header-height, 0px) + 70px);align-self:start;-webkit-user-select:none;user-select:none}.brands-group__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);column-gap:30px;row-gap:16px;align-content:start}.brands-group__link{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent, #545454);text-decoration:none;transition:color .25s ease}.brands-group__name{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .35s cubic-bezier(.25,.46,.45,.94)}.brands-group__link:hover{color:var(--color-body, #111)}.brands-group__link:hover .brands-group__name{background-size:100% 1px}.brands-group__count{font-size:9px;letter-spacing:0;margin-left:4px;color:var(--color-accent, #545454);opacity:.55}.brands-directory__no-results{padding:40px 0}@media(prefers-reduced-motion:no-preference){.brands-group{animation:brands-group-reveal .7s cubic-bezier(.25,.46,.45,.94) both}.brands-group:nth-child(1){animation-delay:.05s}.brands-group:nth-child(2){animation-delay:.12s}.brands-group:nth-child(3){animation-delay:.19s}.brands-group:nth-child(4){animation-delay:.26s}.brands-group:nth-child(5){animation-delay:.33s}.brands-group:nth-child(n+6){animation-delay:.4s}@keyframes brands-group-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media only screen and (max-width:1023px){.brands-group__list{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:767px){.brands-group{grid-template-columns:1fr;gap:18px}.brands-group__letter{position:static;font-size:40px}.brands-group__list{grid-template-columns:repeat(2,1fr)}.brands-alphabet{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.brands-alphabet__track{justify-content:flex-start;gap:8px;padding:12px 24px}}@media only screen and (max-width:479px){.brands-group__list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/brands-page.css.map */