.sa-collection-category-nav{--sa-col-content-max: var(--page-width, 1440px);--sa-col-gutter-m: 16px;--sa-col-text: var(--color-black, #000);--sa-col-text-secondary: var(--color-label-secondary, #7A7A7A);--sa-col-nav-scroll-active: var(--color-accent, #39FF14);--sa-category-active-bg: var(--color-bg-tertiary, #F7F7F7);--sa-category-item-size-m: 88px;--sa-category-item-size-pc: 120px;--sa-category-iconbox-size-m: 80px;--sa-category-iconbox-size-pc: 120px;--sa-category-image-size-m: 53.333px;--sa-category-image-size-pc: 80px;--sa-category-gap-m: 16px;--sa-category-gap-pc: 24px;--sa-category-label-size-m: var(--text-body-sm, 12px);--sa-category-label-size-pc: var(--text-body-lg, 16px);--sa-category-radius-m: 3.333px;--sa-category-radius-pc: var(--sa-col-radius-sm, 5px);--sa-category-item-size: var(--sa-category-item-size-m);--sa-category-iconbox-size: var(--sa-category-iconbox-size-m);--sa-category-image-size: var(--sa-category-image-size-m);--sa-category-gap: var(--sa-category-gap-m);--sa-category-label-size: var(--sa-category-label-size-m);--sa-category-radius: var(--sa-category-radius-m);color:var(--sa-col-text)}@media(min-width:768px){.sa-collection-category-nav{--sa-category-item-size: var(--sa-category-item-size-pc);--sa-category-iconbox-size: var(--sa-category-iconbox-size-pc);--sa-category-image-size: var(--sa-category-image-size-pc);--sa-category-gap: var(--sa-category-gap-pc);--sa-category-label-size: var(--sa-category-label-size-pc);--sa-category-radius: var(--sa-category-radius-pc)}}.sa-collection-main__category-nav{margin:0;width:100%;max-width:100%;overflow:hidden}.sa-collection-category-nav .sa-collection-main__category-nav-viewport{position:relative;max-inline-size:100%;overflow:hidden}.sa-collection-main__category-nav-track{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.sa-collection-main__category-nav-track::-webkit-scrollbar{display:none}.sa-collection-main__category-nav-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.sa-collection-main__category-nav-track.is-dragging .sa-collection-main__category-item{pointer-events:none}body.sa-category-nav-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.sa-collection-main__category-nav-list{display:flex;align-items:flex-start;gap:var(--sa-category-gap);min-width:100%;width:max-content;margin-inline:auto}.sa-collection-category-nav .sa-collection-main__category-nav-fade{position:absolute;top:0;right:0;bottom:0;z-index:1;width:64px;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to right,#fff0,#fff)}.sa-collection-category-nav .sa-collection-main__category-nav.is-scrollable:not(.is-scroll-end) .sa-collection-main__category-nav-fade{opacity:1}.sa-collection-main__category-nav-indicator{display:none;align-items:center;gap:10px;inline-size:min(100%,13.125rem);max-inline-size:100%;min-block-size:1.25rem;margin:12px 0 0 auto;margin-inline-start:auto}.sa-collection-main__category-nav.is-scrollable .sa-collection-main__category-nav-indicator{display:flex}@media(max-width:1024px){.sa-collection-main__category-nav:has(.sa-collection-main__category-item:nth-child(3)) .sa-collection-main__category-nav-indicator,.sa-collection-main__category-nav.has-category-indicator .sa-collection-main__category-nav-indicator{display:flex;visibility:visible}}.sa-collection-main__category-nav-indicator-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--sa-col-text, #000);cursor:pointer;appearance:none;-webkit-appearance:none}.sa-collection-main__category-nav-indicator-btn svg{display:block}.sa-collection-main__category-nav.is-nav-start .sa-collection-main__category-nav-indicator-btn--prev,.sa-collection-main__category-nav.is-nav-end .sa-collection-main__category-nav-indicator-btn--next{opacity:.35;cursor:default;pointer-events:none}.sa-collection-main__category-nav-indicator-track{flex:1 1 auto;position:relative;min-width:0;height:2px;border-radius:999px;background:var(--color-border, var(--sa-col-text-secondary, #7A7A7A));overflow:hidden}.sa-collection-main__category-nav-indicator-thumb{display:block;height:100%;width:var(--sa-nav-progress, 100%);margin-left:0;border-radius:inherit;background:var(--sa-col-nav-scroll-active, #39FF14);transition:width .05s linear}@media(min-width:1025px){.sa-collection-main__category-nav-fade,.sa-collection-main__category-nav-indicator{display:none!important}}.sa-collection-main__category-item{flex:0 0 var(--sa-category-item-size);inline-size:var(--sa-category-item-size);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit;scroll-snap-align:start;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.sa-collection-main__category-icon-box{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--sa-category-iconbox-size);aspect-ratio:1 / 1;border-radius:var(--sa-category-radius);overflow:hidden;background:transparent}.sa-collection-main__category-item.is-active .sa-collection-main__category-icon-box{background:var(--sa-category-active-bg)}.sa-collection-main__category-icon-img{display:block;inline-size:var(--sa-category-image-size);block-size:var(--sa-category-image-size);object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.sa-collection-main__category-label{inline-size:var(--sa-category-item-size);font-size:var(--sa-category-label-size);font-weight:400;line-height:1.2;color:var(--sa-col-text);text-align:center;white-space:normal;overflow-wrap:normal}@media(max-width:1024px){.shopify-section:has(>[data-sa-category-nav-section]),.shopify-section.sa-category-nav-wrapper{display:contents}[data-sa-category-nav-section]{position:sticky;top:var(--sa-collection-category-nav-top, 0px);z-index:var(--sa-col-sticky-z, 9);background:var(--gradient-background, var(--color-background, #fff));background-color:var(--color-background, #fff);isolation:isolate;padding-top:24px!important;box-sizing:border-box;transform:translateY(0);transition:transform .2s ease;will-change:transform}[data-sa-category-nav-section].is-sticky-active:before{content:"";position:absolute;top:calc(-1 * var(--space-2, 8px));right:0;left:0;height:var(--space-2, 8px);background-color:var(--color-background, #fff);pointer-events:none}[data-sa-category-nav-section].is-sticky-active{padding-top:0!important}[data-sa-category-nav-section].is-hidden{pointer-events:none;transform:translateY(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/sa-collection-category-nav.css.map */