.collection-facet-nav{padding-top:calc(4 * var(--space-unit));padding-bottom:calc(4 * var(--space-unit));border-bottom:1px solid var(--nav-line-color, rgba(var(--text-color)/.15))}.collection-facet-nav__heading{margin-bottom:calc(4 * var(--space-unit));text-align:center}.collection-facet-nav__pills{display:flex;flex-wrap:wrap;justify-content:center;column-gap:calc(3 * var(--space-unit));row-gap:calc(3 * var(--space-unit))}.collection-facet-nav__pills:not(.collection-facet-nav__pills--cards):not(.collection-facet-nav__pills--wrap){flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--gutter-sm, 20px);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter-sm, 20px));padding-inline:var(--gutter-sm, 20px);padding-bottom:4px;--facet-fade-start-out: 0px;--facet-fade-start-in: var(--gutter-sm, 20px);--facet-fade-end-in: calc(100% - 24px) ;--facet-fade-end-out: 100%;mask-image:linear-gradient(to right,transparent var(--facet-fade-start-out),black var(--facet-fade-start-in),black var(--facet-fade-end-in),transparent var(--facet-fade-end-out));-webkit-mask-image:linear-gradient(to right,transparent var(--facet-fade-start-out),black var(--facet-fade-start-in),black var(--facet-fade-end-in),transparent var(--facet-fade-end-out))}.collection-facet-nav__scroller.has-prev .collection-facet-nav__pills:not(.collection-facet-nav__pills--cards):not(.collection-facet-nav__pills--wrap){--facet-fade-start-out: 12px;--facet-fade-start-in: 76px}.collection-facet-nav__scroller.has-next .collection-facet-nav__pills:not(.collection-facet-nav__pills--cards):not(.collection-facet-nav__pills--wrap){--facet-fade-end-in: calc(100% - 76px) ;--facet-fade-end-out: calc(100% - 12px) }.collection-facet-nav__pills:not(.collection-facet-nav__pills--cards):not(.collection-facet-nav__pills--wrap)::-webkit-scrollbar{display:none}.collection-facet-nav__pills:not(.collection-facet-nav__pills--cards):not(.collection-facet-nav__pills--wrap)>li{flex-shrink:0;scroll-snap-align:start}.collection-facet-nav__pill{display:inline-flex;align-items:center;min-height:44px;gap:calc(2 * var(--space-unit));padding:calc(1 * var(--space-unit)) 2px;color:rgb(var(--text-color));font-size:.88em;transition-property:background-color,color;transition-duration:.15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.collection-facet-nav__pill{border-radius:999px;background-color:rgba(var(--text-color)/.05);padding-inline:calc(4.5 * var(--space-unit))}.collection-facet-nav__pill--swatch,.collection-facet-nav__pill--image{padding-inline-start:calc(1 * var(--space-unit))}.collection-facet-nav__pill-label{white-space:nowrap}.collection-facet-nav__pill.is-active{box-shadow:none;background-color:rgb(var(--text-color));color:rgb(var(--bg-color))}@media(hover:hover)and (pointer:fine){.collection-facet-nav__pill:hover{background-color:rgba(var(--text-color)/.12)}.collection-facet-nav__pill.is-active:hover{background-color:rgb(var(--text-color))}}.collection-facet-nav__pill:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.collection-facet-nav__swatch{display:block;flex-shrink:0;width:var(--swatch-card-size, 24px);height:var(--swatch-card-size, 24px);border:1px solid rgb(var(--swatch-border-color-default));border-radius:50%;overflow:hidden}.collection-facet-nav__swatch:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover}.collection-facet-nav__pill-media{display:block;flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden}@media(max-width:768.98px){.collection-facet-nav__pill-media{width:26px;height:26px}}.collection-facet-nav__pill-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.collection-facet-nav__pill--swatch .collection-facet-nav__swatch{width:100%;height:100%}.collection-facet-nav__scroller{display:block;position:relative}.collection-facet-nav__arrow{display:grid;place-items:center;position:absolute;top:calc(50% - 16px);z-index:2;width:32px;height:32px;border:1px solid var(--nav-line-color, rgba(var(--text-color)/.15));border-radius:50%;background-color:rgb(var(--bg-color));color:rgb(var(--text-color));box-shadow:0 2px 8px rgba(var(--text-color)/.12);transition:background-color .15s}.collection-facet-nav__arrow[hidden]{display:none}.collection-facet-nav__arrow:hover{background-color:rgba(var(--text-color)/.1)}.collection-facet-nav__arrow:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.collection-facet-nav__arrow svg{width:14px;height:14px}.collection-facet-nav__arrow--prev{inset-inline-start:0}.collection-facet-nav__arrow--next{inset-inline-end:0}@media(hover:hover)and (pointer:fine){.collection-facet-nav__arrow{top:calc(50% - 20px);width:40px;height:40px}.collection-facet-nav__arrow svg{width:16px;height:16px}.collection-facet-nav__arrow--prev{inset-inline-start:calc(-1 * var(--space-unit) * 4)}.collection-facet-nav__arrow--next{inset-inline-end:calc(-1 * var(--space-unit) * 4)}}.collection-facet-nav__pills--cards{column-gap:calc(4 * var(--space-unit));row-gap:calc(5 * var(--space-unit))}.collection-facet-nav__card{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--space-unit));width:150px;padding:calc(2 * var(--space-unit));border-radius:var(--btn-border-radius, 0);color:rgb(var(--text-color));text-align:center;transition-property:background-color,box-shadow,transform;transition-duration:.15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.collection-facet-nav__card:hover,.collection-facet-nav__card:focus-visible{background-color:rgba(var(--text-color)/.05);box-shadow:0 4px 10px rgba(var(--text-color)/.08),0 1px 3px rgba(var(--text-color)/.06)}.collection-facet-nav__card:hover .collection-facet-nav__card-label,.collection-facet-nav__card:focus-visible .collection-facet-nav__card-label{color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:3px}.collection-facet-nav__card:active{transform:scale(.98)}.collection-facet-nav__card:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:-2px}.collection-facet-nav__card-media{display:block;width:120px;height:120px;border-radius:max(4px,calc(var(--btn-border-radius, 0px) - 1px));overflow:hidden}.collection-facet-nav__card-media img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid rgba(var(--text-color)/.1);outline-offset:-1px;transition:transform .2s ease}.collection-facet-nav__card:hover .collection-facet-nav__card-media img{transform:scale(1.08)}.collection-facet-nav__card--swatch .collection-facet-nav__card-media{width:72px;height:72px}.collection-facet-nav__card--swatch .collection-facet-nav__swatch{width:100%;height:100%}.collection-facet-nav__card--plain .collection-facet-nav__card-label{display:flex;align-items:center;justify-content:center;width:120px;height:120px;padding:calc(2 * var(--space-unit));border-radius:max(4px,calc(var(--btn-border-radius, 0px) - 1px));background-color:rgba(var(--text-color) / .04);border:1px solid var(--nav-line-color, rgba(var(--text-color)/.15));transition:background-color .15s ease,border-color .15s ease}.collection-facet-nav__card--plain:hover .collection-facet-nav__card-label,.collection-facet-nav__card--plain:focus-visible .collection-facet-nav__card-label{background-color:rgba(var(--text-color)/.07);border-color:rgba(var(--text-color)/.45)}.collection-facet-nav__card-label{font-size:.85em;font-weight:600;line-height:1.3;overflow-wrap:break-word;transition:color .15s ease}@media(prefers-reduced-motion:reduce){.collection-facet-nav__card:hover .collection-facet-nav__card-media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/collection-facet-nav.css.map */