.collection-pills{--pills-ink: 0, 20, 48;--pills-muted: #505050;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.8rem}.collection-pills__nav{min-width:0}.collection-pills__list{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem .2rem;scrollbar-width:none}.collection-pills__list::-webkit-scrollbar{display:none}.collection-pills__pill{display:inline-flex;align-items:center;min-height:4rem;padding:0 1.6rem;border:.15rem solid rgb(var(--pills-ink));border-radius:99.9rem;background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--pills-ink));font-size:1.2rem;font-weight:600;letter-spacing:.08em;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.collection-pills__pill:hover{background-color:rgba(var(--pills-ink),.08)}.collection-pills__pill[aria-current=page]{background-color:rgb(var(--pills-ink));color:#fff}.collection-pills__pill:focus-visible,.collection-pills__sort-button:focus-visible,.collection-pills__sort-option:focus-visible{outline:.2rem solid rgb(var(--pills-ink));outline-offset:.2rem;box-shadow:none}.collection-pills__meta{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.collection-pills__count{margin:0;color:var(--pills-muted);font-size:1.4rem;line-height:1}.collection-pills__sort-button{display:flex;align-items:center;gap:.8rem;min-height:4rem;padding:0 1.2rem 0 1.4rem;border:.15rem solid rgba(var(--pills-ink),.55);border-radius:.8rem;color:rgb(var(--pills-ink));font-size:1.4rem;font-weight:500;line-height:1;white-space:nowrap}.collection-pills__sort-icon{display:flex}.collection-pills__sort-button .icon-caret{position:static;width:1.6rem;height:1.6rem;transition:transform .2s ease}.collection-pills__sort[open] .icon-caret{transform:rotate(180deg)}.collection-pills__sort-list{position:absolute;top:calc(100% + .8rem);right:0;min-width:22rem;padding:.8rem 0;border:.1rem solid rgba(var(--pills-ink),.12);border-radius:.8rem;background-color:rgb(var(--color-background, 255, 255, 255));box-shadow:0 1.2rem 3.2rem rgba(var(--pills-ink),.14)}.collection-pills__sort-option{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:4.4rem;padding:0 1.6rem;color:rgb(var(--pills-ink));font-size:1.4rem;text-decoration:none}.collection-pills__sort-option:hover{background-color:rgba(var(--pills-ink),.06)}.collection-pills__sort-option[aria-current=true]{font-weight:600}.collection-pills__sort-option[aria-current=true]:after{content:"";width:.5rem;height:1rem;margin-right:.3rem;border:solid currentColor;border-width:0 .2rem .2rem 0;transform:rotate(45deg)}@media screen and (min-width:750px){.collection-pills{flex-direction:row;align-items:center;gap:2.4rem;margin-bottom:4.8rem;padding-bottom:2rem;border-bottom:.1rem solid rgba(var(--pills-ink),.12)}.collection-pills__list{flex-wrap:wrap;gap:1rem;overflow:visible}.collection-pills__meta{flex:1 0 auto;justify-content:flex-end;gap:2.4rem}}@media(prefers-reduced-motion:reduce){.collection-pills__pill,.collection-pills__sort-button .icon-caret{transition:none}}@media(forced-colors:active){.collection-pills__pill[aria-current=page]{border-width:.3rem;text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/component-collection-pills.css.map */