.collection-category-nav{padding:24px 0 8px}.collection-category-nav .page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.6rem}.collection-category-nav__title{margin-bottom:16px;text-align:center}.collection-category-nav__title h5{font-family:var(--font-heading-family);font-size:28px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin:0;color:rgb(var(--color-foreground))}.collection-category-nav__wrapper{position:relative}.collection-category-nav__track{display:flex;justify-content:center;gap:40px;padding-bottom:4px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.collection-category-nav__track::-webkit-scrollbar{display:none}.collection-category-nav__tile{flex:0 0 auto}.collection-category-nav__tile a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));gap:10px}.collection-category-nav__tile a:hover .collection-category-nav__image-wrapper img{transform:scale(1.05)}.collection-category-nav__image-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#e8e0d8;flex-shrink:0}.collection-category-nav__image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-category-nav__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e0d8}.collection-category-nav__placeholder .placeholder-svg{width:50%;height:50%;opacity:.4}.collection-category-nav__label{font-family:var(--font-body-family);font-size:13px;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:6px;white-space:nowrap}.collection-category-nav__label svg{width:8px;height:8px;flex-shrink:0;transition:transform .2s ease}.collection-category-nav__tile a:hover .collection-category-nav__label svg{transform:translate(2px)}@media screen and (max-width:749px){.collection-category-nav__track{justify-content:safe center;gap:20px;padding:0 0 4px}.collection-category-nav__image-wrapper{width:80px;height:80px}.collection-category-nav__label{font-size:11px}.collection-category-nav__title h5{font-size:22px}}@media screen and (min-width:750px){.collection-category-nav .page-width{padding:0 5rem}.collection-category-nav__image-wrapper{width:130px;height:130px}}@media screen and (min-width:990px){.collection-category-nav__image-wrapper{width:160px;height:160px}.collection-category-nav__track{gap:60px}.collection-category-nav__label{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-collection-category-nav.css.map */