.collection-chips{padding:.8rem 0 0}.collection-chips__list{display:flex;gap:.8rem;margin:0;padding:.4rem 0 .8rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.collection-chips__list::-webkit-scrollbar{display:none}.collection-chips__list>li{flex:none;scroll-snap-align:start}.collection-chips__chip{display:inline-flex;align-items:center;gap:.8rem;color:rgb(var(--color-foreground));text-decoration:none;font-family:var(--font-heading-family);font-size:1.3rem;letter-spacing:.06rem;text-transform:uppercase;white-space:nowrap;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.collection-chips__chip:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.collection-chips--pills .collection-chips__chip{min-height:3.6rem;padding:0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:99rem}.collection-chips--pills .collection-chips__chip:hover{border-color:rgb(var(--color-foreground))}.collection-chips--pills .collection-chips__chip.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.collection-chips--tiles .collection-chips__chip{flex-direction:column;gap:.6rem;width:9.6rem;white-space:normal;text-align:center;line-height:1.2}.collection-chips__media{display:block;width:8rem;height:8rem;border-radius:var(--collection-card-corner-radius, .4rem);overflow:hidden;background:rgba(var(--color-foreground),.06);border:.2rem solid transparent;transition:border-color var(--duration-short) ease}.collection-chips__media img{width:100%;height:100%;object-fit:cover}.collection-chips__media--all{display:grid;place-items:center}.collection-chips__media--all svg{width:2.4rem;height:2.4rem}.collection-chips--tiles .collection-chips__chip:hover .collection-chips__media,.collection-chips--tiles .collection-chips__chip.is-active .collection-chips__media{border-color:rgb(var(--color-foreground))}.collection-chips--tiles .collection-chips__chip.is-active .collection-chips__label{text-decoration:underline;text-underline-offset:.3rem}.collection-chips__editor-note{padding:1rem 0;opacity:.7}@media screen and (min-width:750px){.collection-chips__list{flex-wrap:wrap;overflow:visible}.collection-chips--tiles .collection-chips__chip{width:11.2rem}.collection-chips--tiles .collection-chips__media{width:9.6rem;height:9.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-chips.css.map */