.collection-subnav{background:#ede3d6;border-bottom:1px solid #d9ccbb}@media screen and (max-width:989px){.collection-subnav{display:none}}.collection-subnav__inner{display:flex;align-items:center;justify-content:center;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem;box-sizing:border-box}.collection-subnav__label{flex:none;display:flex;align-items:center;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.16rem;line-height:1;text-transform:uppercase;color:#551f2b}.collection-subnav__label:after{content:"";width:1px;height:2.4rem;margin:0 1.2rem 0 1.6rem;background:#c9b8a4}.collection-subnav__list{position:relative;display:flex;align-items:center;gap:.4rem;min-width:0;margin:0;padding:.6rem .4rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.collection-subnav__list>li{flex:none}@media(hover:none){.collection-subnav__list{scrollbar-width:none}.collection-subnav__list::-webkit-scrollbar{display:none}}.collection-subnav__list.is-faded-end{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 3.2rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 3.2rem),transparent)}.collection-subnav__list.is-faded-start{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 3.2rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 3.2rem),transparent)}.collection-subnav__list.is-faded-start.is-faded-end{-webkit-mask-image:linear-gradient(to right,transparent,#000 3.2rem,#000 calc(100% - 3.2rem),transparent);mask-image:linear-gradient(to right,transparent,#000 3.2rem,#000 calc(100% - 3.2rem),transparent)}.collection-subnav__pill{display:inline-flex;align-items:center;position:relative;min-height:3.2rem;padding:.6rem 1.4rem;box-sizing:border-box;border-radius:999px;font-family:var(--font-body-family);font-size:1.2rem;line-height:1.2;color:#121212;text-decoration:none;white-space:nowrap}.collection-subnav__pill:after{content:"";position:absolute;top:-.6rem;right:0;bottom:-.6rem;left:0}.collection-subnav__pill:hover{text-decoration:underline;text-underline-offset:.3rem}.collection-subnav__pill:focus-visible{outline:2px solid #551f2b;outline-offset:2px;box-shadow:none}.collection-subnav__pill--active{background:#551f2b;color:#f5f0e8;font-weight:600}.collection-subnav__pill--active:hover{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-collection-subnav.css.map */