.brand-rail{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.brand-rail__label{font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#004224b3;margin-right:.4rem}.brand-pill{display:inline-flex;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:600;line-height:1;color:#1a1a1a;background-color:#fff;border:.15rem solid rgba(0,66,36,.25);border-radius:.6rem;padding:.9rem 1.4rem;text-decoration:none;white-space:nowrap;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.brand-pill:hover{border-color:var(--brand-bg, #004224);transform:translateY(-.1rem);box-shadow:0 .2rem .6rem #00000014}.brand-pill--active,.brand-pill--active:hover{background-color:var(--brand-bg, #004224);color:var(--brand-text, #ffffff);border-color:transparent;box-shadow:inset 0 -.25rem #ffbf00;transform:none;cursor:default}.brand-pill--all{--brand-bg: #004224;--brand-text: #ffffff}.brand-pill__count{font-size:1.05rem;font-weight:600;opacity:.55;font-variant-numeric:tabular-nums}.brand-pill--active .brand-pill__count{opacity:.75}.brand-rail__viewport{position:relative}.brand-rail__more{display:none}@media screen and (max-width:749px){.brand-rail__viewport:after{content:"";position:absolute;top:0;bottom:0;right:-1.5rem;width:7rem;background:linear-gradient(to right,#fff0,#fff 78%);pointer-events:none;opacity:0;transition:opacity .2s ease}.brand-rail--more:after{opacity:1}.brand-rail--more .brand-rail__more{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:-.9rem;top:50%;width:2.6rem;height:2.6rem;border-radius:50%;background:#004224;color:#fff;font-size:1.6rem;line-height:1;padding-bottom:.2rem;pointer-events:none;z-index:1;box-shadow:0 .2rem .6rem #0003;animation:brand-rail-nudge 1.6s ease-in-out infinite}@keyframes brand-rail-nudge{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(.4rem)}}@media(prefers-reduced-motion:reduce){.brand-rail--more .brand-rail__more{animation:none;transform:translateY(-50%)}}.brand-rail{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.brand-rail::-webkit-scrollbar{display:none}.brand-rail__label{display:none}.brand-pill{flex:0 0 auto;font-size:1.25rem;padding:.8rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-rail.css.map */