.category-navigation{width:100%;padding:.5rem 0;background-color:rgb(var(--color-background))}.category-navigation__container{max-width:120rem;margin:0 auto;padding:0 .8rem}.category-navigation__items{display:flex;align-items:flex-start;gap:.5rem;padding:.3rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-navigation__items::-webkit-scrollbar{display:none}.category-navigation__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s ease;cursor:pointer;flex:1 1 0;min-width:0}.category-navigation__item:hover{transform:translateY(-.3rem)}.category-navigation__image-wrapper{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ffd6e0,#ffafc5 40%,#ff85a1,#ff6b9d);padding:2px;box-shadow:0 2px 8px #0000001f;transition:box-shadow .2s ease,opacity .2s ease}.category-navigation__image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgb(var(--color-background))}.category-navigation__item:hover .category-navigation__image-wrapper{opacity:.85;box-shadow:0 4px 16px #dc274359}.category-navigation__label{margin-top:.4rem;font-size:1.1rem;color:rgb(var(--color-foreground));text-align:center;font-weight:500;transition:color .2s ease;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-navigation__item:hover .category-navigation__label{color:rgba(var(--color-foreground),.8)}.category-navigation__item--sale .category-navigation__badge{width:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #00000026;transition:box-shadow .2s ease,transform .2s ease}.category-navigation__item--sale:hover .category-navigation__badge{box-shadow:0 4px 16px #ffa50066}.category-navigation__badge-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem}.category-navigation__badge-text{font-size:1.8rem;font-weight:700;color:#000;line-height:1;text-transform:uppercase;letter-spacing:.05em}.category-navigation__badge-discount{font-size:1.2rem;font-weight:600;color:#000;margin-top:.2rem;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-category-navigation.css.map */