.collection-filter-pills{padding-top:var(--section-padding-top, 20px);padding-bottom:var(--section-padding-bottom, 20px)}.collection-filter-pills__heading{margin-bottom:16px;font-size:1.25rem;font-weight:500}.collection-filter-pills__heading.text-left{text-align:left}.collection-filter-pills__heading.text-center{text-align:center}.collection-filter-pills__heading.text-right{text-align:right}.collection-filter-pills__wrapper{position:relative;width:100%}.collection-filter-pills__list{display:flex;align-items:center;gap:var(--pill-gap, 8px);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#000 #f1f1f1}.collection-filter-pills__list::-webkit-scrollbar{height:4px}.collection-filter-pills__list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.collection-filter-pills__list::-webkit-scrollbar-thumb{background-color:#000;border-radius:2px}.collection-filter-pills__list::-webkit-scrollbar-thumb:hover{background-color:#333}.collection-filter-pills__slider .collection-filter-pills__list{scrollbar-width:none;-ms-overflow-style:none}.collection-filter-pills__slider .collection-filter-pills__list::-webkit-scrollbar{display:none}.collection-filter-pills__item{flex:0 0 auto}.collection-filter-pills__pill{display:flex;align-items:center;gap:12px;padding:var(--pill-padding-y, 0) var(--pill-padding-x, 20px) var(--pill-padding-y, 0) 0;background:var(--pill-bg, #F2F2F2);border:1px solid var(--pill-border, #F2F2F2);border-radius:var(--pill-border-radius, 50px);text-decoration:none;color:var(--pill-text, #000);font-size:var(--font-size, 12px);font-weight:400;line-height:1.5;letter-spacing:-.1px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.collection-filter-pills__pill:hover{background:var(--pill-bg-hover, #E8E8E1);text-decoration:none;color:var(--pill-text, #000)}.collection-filter-pills__pill.is-active,.collection-filter-pills__pill:active{background:var(--pill-bg-active, #E8E8E1);color:var(--pill-text-active, #000)}.collection-filter-pills__image-wrapper{display:flex;align-items:center;justify-content:center;width:var(--image-size, 48px);height:var(--image-size, 48px);flex:0 0 var(--image-size, 48px);border-radius:50%;overflow:hidden;background:#f1f1f1}.collection-filter-pills__image{width:100%;height:100%;object-fit:cover}.collection-filter-pills__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e5e5e5}.collection-filter-pills__placeholder svg{width:60%;height:60%;opacity:.5}.collection-filter-pills__swatch{display:block;width:var(--image-size, 48px);height:var(--image-size, 48px);flex:0 0 var(--image-size, 48px);border-radius:50%;border:1px solid rgba(0,0,0,.1)}.collection-filter-pills__text{display:block}.collection-filter-pills__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.collection-filter-pills__nav:hover{background:#f5f5f5;border-color:#ccc}.collection-filter-pills__nav--prev{left:-16px}.collection-filter-pills__nav--next{right:-16px}.collection-filter-pills__nav svg{width:16px;height:16px}.collection-filter-pills__count{margin-top:12px;font-size:14px;color:#666}@media screen and (max-width:989px){.collection-filter-pills__nav--prev{left:0}.collection-filter-pills__nav--next{right:0}.collection-filter-pills__nav{width:28px;height:28px}}@media screen and (max-width:749px){.collection-filter-pills{padding-left:0;padding-right:0}.collection-filter-pills__list{padding:0 10px;gap:8px}.collection-filter-pills__pill{gap:8px;padding-right:16px;font-size:11px}.collection-filter-pills__nav{display:none!important}.collection-filter-pills__heading,.collection-filter-pills__count{padding:0 16px}}.collection-filter-pills__pill{animation:fadeInUp .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collection-filter-pills__item:nth-child(1) .collection-filter-pills__pill{animation-delay:0ms}.collection-filter-pills__item:nth-child(2) .collection-filter-pills__pill{animation-delay:50ms}.collection-filter-pills__item:nth-child(3) .collection-filter-pills__pill{animation-delay:.1s}.collection-filter-pills__item:nth-child(4) .collection-filter-pills__pill{animation-delay:.15s}.collection-filter-pills__item:nth-child(5) .collection-filter-pills__pill{animation-delay:.2s}.collection-filter-pills__item:nth-child(6) .collection-filter-pills__pill{animation-delay:.25s}.collection-filter-pills__item:nth-child(7) .collection-filter-pills__pill{animation-delay:.3s}.collection-filter-pills__item:nth-child(8) .collection-filter-pills__pill{animation-delay:.35s}.collection-filter-pills__item:nth-child(9) .collection-filter-pills__pill{animation-delay:.4s}.collection-filter-pills__item:nth-child(10) .collection-filter-pills__pill{animation-delay:.45s}.collection-filter-pills__pill:focus-visible{outline:2px solid #000;outline-offset:2px}.collection-filter-pills__nav:focus-visible{outline:2px solid #000;outline-offset:2px}.collection-filter-pills__pill:not(:has(.collection-filter-pills__image-wrapper)):not(:has(.collection-filter-pills__swatch)){padding:12px 20px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/collection-filter-pills.css.map */