.collection-category-nav{background:#fff;color:#1c1c1c;padding-block:20px}.collection-category-nav--left .collection-category-nav__frame{--container-max-width: 1200px}.collection-category-nav__scroller{overflow-x:auto;scrollbar-width:none}.collection-category-nav__scroller::-webkit-scrollbar{display:none}.collection-category-nav--center .collection-category-nav__scroller{padding-inline:var(--container-gutter)}.collection-category-nav__list{display:flex;align-items:flex-start;gap:20px;width:max-content;min-width:100%;margin:0;padding:0;list-style:none}.collection-category-nav--center .collection-category-nav__list{justify-content:safe center}.collection-category-nav--left .collection-category-nav__list{justify-content:flex-start}.collection-category-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;color:#1c1c1c;text-decoration:none}.collection-category-nav__item:hover{color:#1c1c1c;text-decoration:none}.collection-category-nav__item:focus-visible{outline:2px solid var(--category-nav-active-color, #1c1c1c);outline-offset:4px}.collection-category-nav__thumb{position:relative;display:block;width:100px;height:100px;flex:0 0 100px;border-radius:100px;overflow:hidden;background:#f3f3f3}.collection-category-nav__image{display:block;width:100%;height:100%;object-fit:cover}.collection-category-nav__item[aria-current=page] .collection-category-nav__thumb:after,.collection-category-nav__item:hover .collection-category-nav__thumb:after,.collection-category-nav__item:focus-visible .collection-category-nav__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--category-nav-active-color, #1c1c1c);pointer-events:none}.collection-category-nav__clear{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1c1c1c73;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.collection-category-nav__item[aria-current=page]:hover .collection-category-nav__clear,.collection-category-nav__item[aria-current=page]:focus-visible .collection-category-nav__clear{opacity:1}.collection-category-nav__clear-icon{width:14px;height:14px}.collection-category-nav__label{margin:0;color:#1c1c1c;font-family:var(--text-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap}.collection-category-nav__item[aria-current=page] .collection-category-nav__label,.collection-category-nav__item:hover .collection-category-nav__label,.collection-category-nav__item:focus-visible .collection-category-nav__label{font-weight:700}@media screen and (max-width:699px){.collection-category-nav__thumb{width:80px;height:80px;flex-basis:80px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-collection-category-nav.css.map */