.brands-page-root{padding:0 20px 60px;max-width:1200px;margin:0 auto}.brands-page__title{font-size:var(--h2-font-size-mobile);font-weight:700;color:rgb(var(--colors-heading));margin:0 0 28px;padding-top:32px;line-height:1.2;text-align:center}@media(min-width:768px){.brands-page__title{font-size:var(--h2-font-size);padding-top:48px;margin-bottom:36px}}.brands-featured{margin-bottom:36px}.brands-featured__inner{display:flex;align-items:center;gap:8px}.brands-carousel__arrow{display:none;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgb(var(--colors-background));border:1px solid rgba(var(--colors-line-and-border),1);color:rgb(var(--colors-text));cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:opacity .2s,box-shadow .2s;padding:0;flex-shrink:0}@media(min-width:768px){.brands-carousel__arrow{display:flex}}.brands-carousel__arrow:hover{box-shadow:0 4px 14px #00000024}.brands-carousel__arrow:disabled{opacity:0;pointer-events:none}.brands-featured__track{flex:1;min-width:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding-bottom:4px}.brands-featured__track::-webkit-scrollbar{display:none}.brands-featured__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.brands-featured__item{flex:0 0 auto;width:150px;text-decoration:none;color:inherit;scroll-snap-align:start}@media(min-width:768px){.brands-featured__item{width:175px}}.brands-featured__img{width:100%;aspect-ratio:1 / 1;border:1px solid rgba(var(--colors-line-and-border),1);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--colors-background));transition:box-shadow .2s ease,border-color .2s ease}.brands-featured__item:hover .brands-featured__img{box-shadow:0 4px 18px #00000026;border-color:rgba(var(--colors-line-and-border),.6)}.brands-featured__photo{width:100%;height:100%;object-fit:cover}.brands-featured__initial{font-size:44px;font-weight:700;color:#2f627d;line-height:1}.brands-featured__name{margin:8px 0 0;font-size:12px;font-weight:600;text-align:center;color:rgb(var(--colors-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brands-search{margin-bottom:20px}.brands-search__wrap{position:relative}.brands-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.brands-search__input{width:100%;height:44px;padding:0 16px 0 42px;border:1px solid rgba(var(--colors-line-and-border),1);border-radius:6px;font-size:14px;font-family:inherit;background:rgba(var(--colors-background));color:rgb(var(--colors-text));transition:border-color .2s;box-sizing:border-box;-webkit-appearance:none}.brands-search__input:focus{outline:none;border-color:#2f627d}.brands-search__input::placeholder{color:rgba(var(--colors-text),.4)}.brands-nav{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(var(--colors-line-and-border),1)}.brands-nav__link{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 4px;border-radius:4px;font-size:13px;font-weight:600;color:rgb(var(--colors-text));text-decoration:none;transition:background .15s,color .15s}.brands-nav__link:hover{background:#2f627d1a;color:#2f627d}.brands-nav__link.is-active{background:#2f627d;color:#fff}.brands-nav__link.is-empty{color:#ccc;pointer-events:none}.brands-directory{columns:2;column-gap:32px}@media(min-width:640px){.brands-directory{columns:3;column-gap:40px}}.brands-directory.is-searching{columns:1}.brands-group{break-inside:avoid;padding:16px 0;border-bottom:1px solid rgba(var(--colors-line-and-border),1)}.brands-group__heading{font-size:20px;font-weight:700;color:#2f627d;margin:0 0 10px;line-height:1}.brands-group__list{list-style:none;margin:0;padding:0}.brands-group__list li{margin-bottom:0}.brands-group__list a{display:block;padding:4px 0;font-size:14px;color:rgb(var(--colors-text));text-decoration:none;border-bottom:none!important;transition:color .15s}.brands-group__list a:hover{color:#2f627d}.brand-item--featured a{color:#2f627d;font-weight:600}.brand-item--featured a:before{content:"\25cf";font-size:5px;color:#f48b22;margin-right:6px;vertical-align:middle;display:inline-block}.brands-no-results{display:none;padding:48px 0;text-align:center;color:#888;font-size:15px;column-span:all}
/*# sourceMappingURL=/cdn/shop/t/19/assets/brands-page.css.map */