.collection-filter-pills{padding-block:var(--collection-filter-pills-padding-top-mobile, 24px) var(--collection-filter-pills-padding-bottom-mobile, 12px)}.collection-filter-pills__scroller{position:relative}.collection-filter-pills__viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-filter-pills__viewport::-webkit-scrollbar{display:none}.collection-filter-pills__list{margin:0;padding:0;display:flex;gap:12px;flex-wrap:nowrap;align-items:center}.collection-filter-pills__pill{display:inline-flex;align-items:center;justify-content:center;padding-inline:20px;border-radius:9999px;white-space:nowrap;border:1px solid transparent;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.collection-filter-pills--custom-colors .collection-filter-pills__pill{color:var(--collection-filter-pills-text-color);background-color:var(--collection-filter-pills-background-color);border-color:var(--collection-filter-pills-border-color)}.collection-filter-pills--custom-colors .collection-filter-pills__pill:hover,.collection-filter-pills--custom-colors .collection-filter-pills__pill:focus-visible{color:var(--collection-filter-pills-text-hover-color);background-color:var(--collection-filter-pills-background-hover-color);border-color:var(--collection-filter-pills-background-hover-color, var(--collection-filter-pills-border-color))}.collection-filter-pills__pill.btn-secondary{background-color:rgba(var(--color-btn-bg-rgb),.04);border-color:rgba(var(--color-btn-bg-rgb),.16)}.collection-filter-pills__pill.btn-secondary:hover,.collection-filter-pills__pill.btn-secondary:focus-visible{border-color:rgba(var(--color-btn-bg-rgb),.32)}.collection-filter-pills__pill.btn-primary{border-color:transparent}.collection-filter-pills__nav{position:absolute;inset-block:0;right:0;z-index:1;border:0;background:none;padding-inline:12px;min-width:48px;display:none;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:color .2s ease,opacity .2s ease}.collection-filter-pills__nav:hover{opacity:.72}.collection-filter-pills__nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--color-page-bg-rgb, 255, 255, 255),0) 0%,var(--color-page-bg, #fff) 70%);pointer-events:none}.collection-filter-pills__nav svg{position:relative;width:20px;height:20px}.collection-filter-pills__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.collection-filter-pills--has-more .collection-filter-pills__nav{display:flex}.collection-filter-pills--has-more .collection-filter-pills__viewport{padding-inline-end:48px}.collection-filter-pills--static .collection-filter-pills__viewport{overflow:visible;padding-inline-end:0}.collection-filter-pills--static .collection-filter-pills__list{flex-wrap:wrap}.collection-filter-pills--static .collection-filter-pills__nav{display:none}@media (min-width: 768px){.collection-filter-pills{padding-block:var(--collection-filter-pills-padding-top-desktop, 32px) var(--collection-filter-pills-padding-bottom-desktop, 16px)}.collection-filter-pills__list{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-collection-filter-pills.css.map */