.collection-category-nav__band{background:var(--ccn-bg, transparent);padding:var(--ccn-pad-y, 1.4rem) 0}.collection-category-nav{width:100%}.collection-category-nav--underline{border-bottom:1px solid rgba(var(--color-foreground),.1)}.collection-category-nav__inner{display:flex;flex-wrap:nowrap;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding-left:0;padding-right:2.4rem}.collection-category-nav--center .collection-category-nav__inner{justify-content:safe center;padding-right:0}.collection-category-nav__inner::-webkit-scrollbar{display:none}.collection-category-nav--pills .collection-category-nav__inner{gap:var(--ccn-gap, 8px)}.collection-category-nav__pill{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;flex-shrink:0;text-decoration:none;color:rgb(var(--color-foreground));cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:var(--ccn-ls, .06em);transition:opacity .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.collection-category-nav--upper .collection-category-nav__pill{text-transform:uppercase;font-size:1.1rem;letter-spacing:var(--ccn-ls, .09em)}.collection-category-nav--underline .collection-category-nav__pill{padding:1rem 1.6rem;border-bottom:2px solid transparent;opacity:.55}.collection-category-nav--underline .collection-category-nav__pill:hover{opacity:.85}.collection-category-nav--underline .collection-category-nav__pill--active{opacity:1;font-weight:600;border-bottom-color:currentColor}.collection-category-nav--pills .collection-category-nav__pill{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--ccn-radius, 2px);padding:.8rem 1.4rem;line-height:1}.collection-category-nav--pills .collection-category-nav__pill:hover{border-color:rgba(var(--color-foreground),.45)}.collection-category-nav--pills .collection-category-nav__pill--active{background:var(--ccn-active-bg, #111111);border-color:var(--ccn-active-bg, #111111);color:var(--ccn-active-text, #ffffff);font-weight:600}.collection-category-nav__count{font-size:.95rem;font-weight:400;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:.02em}.collection-category-nav--pills .collection-category-nav__pill--active .collection-category-nav__count{opacity:.7}@media screen and (max-width:749px){.collection-category-nav-section .collection-category-nav{margin-left:calc(-1 * var(--page-width-margin, 1.5rem));margin-right:calc(-1 * var(--page-width-margin, 1.5rem));width:calc(100% + 2 * var(--page-width-margin, 1.5rem))}.collection-category-nav__inner{padding-left:var(--page-width-margin, 1.5rem);padding-right:var(--page-width-margin, 1.5rem)}.collection-category-nav--center .collection-category-nav__inner{justify-content:flex-start}.collection-category-nav--underline .collection-category-nav__pill{font-size:1.1rem;padding:.9rem 1.2rem}.collection-category-nav--pills .collection-category-nav__pill{padding:.7rem 1.2rem}}.ccn-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:var(--ccn-sw-h, 42px);margin-bottom:1.2rem;padding:3px;border:1px solid var(--ccn-sw-edge, #e3e0db);border-radius:var(--ccn-sw-r, 3px);background:var(--ccn-sw-track, #f5f5f5);isolation:isolate}.ccn-switch__thumb{position:absolute;z-index:0;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:calc(var(--ccn-sw-r, 3px) - 1px);background:var(--ccn-active-bg, #111111);transition:transform .34s cubic-bezier(.16,1,.3,1);will-change:transform}.ccn-switch[data-mode=brand] .ccn-switch__thumb{transform:translate(100%)}.ccn-switch__seg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:calc(var(--ccn-sw-r, 3px) - 1px);background:none;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;letter-spacing:var(--ccn-ls, .09em);color:rgba(var(--color-foreground),.62);transition:color .24s cubic-bezier(.16,1,.3,1)}.ccn-switch--upper .ccn-switch__seg{text-transform:uppercase}.ccn-switch__seg[aria-selected=true]{color:var(--ccn-active-text, #ffffff)}.ccn-switch__seg:active{transform:scale(.985)}.ccn-switch__seg:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width:749px){.ccn-switch{margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){.ccn-switch__thumb,.ccn-switch__seg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/snippet-collection-category-nav.css.map */