.collection-filter{margin-bottom:2rem}.collection-filter__inner{background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--border-radius, .5rem);padding:1.5rem}.collection-filter__heading{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground))}.collection-filter__icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.collection-filter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.collection-filter--horizontal .collection-filter__list{flex-direction:row;flex-wrap:wrap;gap:.75rem}.collection-filter__item{margin:0}.collection-filter__link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;text-decoration:none;color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.03);border:1px solid transparent;transition:all .2s ease;font-size:.95rem}.collection-filter--horizontal .collection-filter__link{padding:.5rem 1rem;white-space:nowrap}.collection-filter__link:hover{background-color:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.15);transform:translate(2px)}.collection-filter--horizontal .collection-filter__link:hover{transform:translateY(-2px)}.collection-filter__link--active{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));font-weight:600}.collection-filter__link--active:hover{background-color:rgba(var(--color-button),.9);transform:translate(0)}.collection-filter--horizontal .collection-filter__link--active:hover{transform:translateY(0)}.collection-filter__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:1rem;background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.collection-filter__link--active .collection-filter__count{background-color:rgba(var(--color-button-text),.2);color:rgb(var(--color-button-text))}@media screen and (max-width: 749px){.collection-filter--horizontal .collection-filter__list{flex-direction:column}.collection-filter--horizontal .collection-filter__link{width:100%;justify-content:space-between}.collection-filter__inner{padding:1rem}}.collection-filter--vertical{position:sticky;top:2rem}.collection-filter--vertical .collection-filter__list{max-height:60vh;overflow-y:auto}.collection-filter--vertical .collection-filter__list::-webkit-scrollbar{width:.375rem}.collection-filter--vertical .collection-filter__list::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05);border-radius:.375rem}.collection-filter--vertical .collection-filter__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:.375rem}.collection-filter--vertical .collection-filter__list::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-filter.css.map */