.collection-showcase{display:block}.collection-showcase__chooser{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.collection-showcase__tabs{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;flex:1;padding:.5rem .25rem}.collection-showcase__tabs::-webkit-scrollbar{display:none}.collection-showcase__tab{scroll-snap-align:start;flex:0 0 auto;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:999px;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;white-space:nowrap;font:inherit;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.collection-showcase__tab:hover{border-color:rgba(var(--color-foreground),.35)}.collection-showcase__tab[aria-selected=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.collection-showcase__tab-image{display:block;width:2rem;height:2rem;border-radius:50%;overflow:hidden;flex-shrink:0}.collection-showcase__tab-image img{width:100%;height:100%;object-fit:cover;display:block}.collection-showcase__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));cursor:pointer}.collection-showcase__arrow--prev svg{transform:rotate(90deg)}.collection-showcase__arrow--next svg{transform:rotate(-90deg)}.collection-showcase__arrow--disabled{opacity:.35;pointer-events:none}.collection-showcase__panel[hidden]{display:none}.collection-showcase__heading{margin:0 0 2rem}.collection-showcase__panel-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:.5rem}.collection-showcase__panel-scroll .loading__spinner{display:flex;justify-content:center;padding:2rem 0 .5rem}.collection-showcase__empty{opacity:.7}@media screen and (max-width:749px){.collection-showcase__arrow{display:none}.collection-showcase__tabs{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none;touch-action:auto}.collection-showcase__tab{scroll-snap-align:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-showcase.css.map */