.category-pills{overflow:hidden;position:relative}.category-pills__container{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0;gap:1.5rem;-webkit-overflow-scrolling:touch}.category-pills__container::-webkit-scrollbar{display:none}.category-pill{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s ease,opacity .3s ease;cursor:pointer;max-width:140px}.category-pill:hover{transform:translateY(-5px)}.category-pill__image-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:1rem;background:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));transition:border-color .3s ease,box-shadow .3s ease;position:relative}.category-pill:hover .category-pill__image-wrapper{border-color:rgb(var(--color-foreground));box-shadow:0 10px 20px rgba(var(--color-shadow),.1)}.category-pill__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-pill:hover .category-pill__image{transform:scale(1.1)}.category-pill__label{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));text-align:center;line-height:1.2;margin:0;transition:opacity .3s ease}.category-pill{opacity:.7}.category-pill:hover,.category-pill.is-active{opacity:1}.category-pills__container:hover .category-pill:not(:hover):not(.is-active){opacity:.5}.category-pill.is-active .category-pill__image-wrapper{border-color:rgb(var(--color-foreground));border-width:calc(var(--variant-pills-border-width) + 1px)}.category-pill.is-active .category-pill__label{font-weight:700}.category-pill:not(:has(.category-pill__image-wrapper)){border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));border-radius:var(--variant-pills-radius);padding:1rem 2rem;transition:all var(--duration-short) ease}.category-pill.is-active:not(:has(.category-pill__image-wrapper)){border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.section-heading-wrapper{margin-bottom:3rem}.section-heading-wrapper.center{text-align:center}.category-pills__heading{margin:0}.category-pills--centered .category-pills__container{justify-content:center}@media screen and (max-width:749px){.category-pills__container{padding-left:1.5rem;padding-right:1.5rem;justify-content:flex-start}.category-pill__image-wrapper{width:70px;height:70px}.category-pill__label{font-size:1.2rem}}.category-pills.has-scroll-left:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,rgb(var(--color-background)),transparent);z-index:2;pointer-events:none}.category-pills.has-scroll-right:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,rgb(var(--color-background)),transparent);z-index:2;pointer-events:none}.category-pills--centered{-webkit-mask-image:none;mask-image:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-category-pills.css.map */