.lg-pills{--lg-pill-image-size: 64px;--lg-pill-gap: 8px;--lg-pill-edge-padding: clamp(16px, 4vw, 24px);width:100%;color:inherit}.lg-pills__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:18px;letter-spacing:.04em;margin:0 0 16px;padding-inline:var(--lg-pill-edge-padding);color:inherit}.lg-pills__scroller{display:flex;align-items:center;gap:var(--lg-pill-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--lg-pill-edge-padding);padding:6px var(--lg-pill-edge-padding);margin:0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.lg-pills__scroller::-webkit-scrollbar{display:none}.lg-pills__item{display:inline-flex;align-items:center;flex-shrink:0;scroll-snap-align:start;text-decoration:none;color:inherit;transition:background-color .18s ease,transform .18s ease,opacity .18s ease;cursor:pointer}.lg-pills__item:hover,.lg-pills__item:focus-visible{text-decoration:none;color:inherit}.lg-pills__item:focus-visible{outline:2px solid color-mix(in srgb,currentColor 40%,transparent);outline-offset:2px}.lg-pills__image-wrap{display:inline-flex;align-items:center;justify-content:center;width:var(--lg-pill-image-size);height:var(--lg-pill-image-size);border-radius:50%;overflow:hidden;flex-shrink:0;background:color-mix(in srgb,currentColor 6%,transparent)}.lg-pills__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.lg-pills__image--placeholder{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;opacity:.6;font-family:var(--heading-font-family);font-size:calc(var(--lg-pill-image-size) * .35);font-weight:400;text-transform:uppercase}.lg-pills__label{display:inline-flex;align-items:center;gap:6px;font-family:var(--text-font-family);font-size:14px;line-height:1.2;white-space:nowrap;color:inherit}.lg-pills__count{opacity:.6;font-size:12px;font-variant-numeric:tabular-nums}.lg-pills--capsule .lg-pills__item{background-color:color-mix(in srgb,currentColor 7%,transparent);border-radius:999px;padding:4px 16px 4px 4px;gap:10px}.lg-pills--capsule .lg-pills__item:hover{background-color:color-mix(in srgb,currentColor 12%,transparent)}.lg-pills--capsule .lg-pills__label{font-size:14px;letter-spacing:.01em}.lg-pills--stacked .lg-pills__scroller{align-items:flex-start;gap:16px}.lg-pills--stacked .lg-pills__item{flex-direction:column;align-items:center;gap:8px;padding:4px 2px;background:transparent;min-width:calc(var(--lg-pill-image-size) + 12px);max-width:calc(var(--lg-pill-image-size) + 48px)}.lg-pills--stacked .lg-pills__item:hover{background:transparent;opacity:.85}.lg-pills--stacked .lg-pills__label{font-size:12px;text-align:center;white-space:normal;line-height:1.3;flex-direction:column;gap:2px;letter-spacing:.02em}.lg-pills--stacked .lg-pills__label-text{display:block}.lg-pills--stacked .lg-pills__image-wrap{transition:transform .18s ease}.lg-pills--stacked .lg-pills__item:hover .lg-pills__image-wrap{transform:scale(1.03)}.lg-pills--variant-menu{--lg-pill-image-size: 56px;--lg-pill-edge-padding: 16px;padding-block:16px 8px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-top:8px}.lg-pills--variant-menu .lg-pills__scroller{padding-block:4px}.lg-pills--variant-menu.lg-pills--capsule .lg-pills__item{padding:3px 12px 3px 3px}.lg-pills--variant-menu.lg-pills--stacked .lg-pills__scroller{gap:12px}.lg-pills--variant-menu .lg-pills__label{font-size:12px}.lg-pills--variant-footer{padding-block:8px}.lg-pills--variant-footer.lg-pills--capsule .lg-pills__item{background-color:color-mix(in srgb,currentColor 5%,transparent)}.lg-pills--variant-footer.lg-pills--capsule .lg-pills__item:hover{background-color:color-mix(in srgb,currentColor 9%,transparent)}@media screen and (max-width:740px){.lg-pills{--lg-pill-edge-padding: 16px}.lg-pills--capsule .lg-pills__item{padding:3px 14px 3px 3px}.lg-pills--capsule .lg-pills__label{font-size:13px}}@media(prefers-reduced-motion:reduce){.lg-pills__item,.lg-pills--stacked .lg-pills__image-wrap{transition:none}}@supports not (background: color-mix(in srgb,red,blue)){.lg-pills--capsule .lg-pills__item{background-color:#8080801f}.lg-pills--capsule .lg-pills__item:hover{background-color:#8080802e}.lg-pills__image-wrap{background:#8080801a}}.mega-menu:has(>.mega-menu__pills){flex-wrap:wrap}.mega-menu__pills{flex:1 1 100%;grid-column:1 / -1;width:100%;order:99;margin-top:20px;margin-bottom:-16px;padding-top:14px;padding-bottom:4px;border-top:1px solid color-mix(in srgb,currentColor 8%,transparent)}.mega-menu__pills .lg-pills--variant-menu{border-top:none;margin-top:0;padding-block:0}.mega-menu__pills .lg-pills--stacked .lg-pills__scroller{gap:10px;padding-block:2px}.mega-menu__pills .lg-pills--stacked .lg-pills__item{gap:4px;padding:2px}.mega-menu__pills .lg-pills--stacked .lg-pills__label{font-size:11px;line-height:1.2}.mega-menu__pills .lg-pills--stacked .lg-pills__count{font-size:10px}.lg-pills__scroller-wrap{position:relative}.lg-pills__arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;border:none;border-radius:50%;background:color-mix(in srgb,currentColor 92%,transparent);color:inherit;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.92);box-shadow:0 2px 10px color-mix(in srgb,currentColor 25%,transparent);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background-color .2s ease,box-shadow .2s ease}.lg-pills__arrow:hover{background:color-mix(in srgb,currentColor 100%,transparent);box-shadow:0 3px 14px color-mix(in srgb,currentColor 35%,transparent)}.lg-pills__arrow:focus-visible{outline:2px solid color-mix(in srgb,currentColor 50%,transparent);outline-offset:2px}.lg-pills__arrow svg{width:16px;height:16px;mix-blend-mode:difference;color:#fff}.lg-pills__arrow--prev{left:8px}.lg-pills__arrow--next{right:8px}.lg-pills__scroller-wrap.has-overflow:not(.is-at-start) .lg-pills__arrow--prev,.lg-pills__scroller-wrap.has-overflow:not(.is-at-end) .lg-pills__arrow--next{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}@media(hover:none),(pointer:coarse){.lg-pills__arrow{display:none!important}}@media(min-width:1000px)and (max-width:1399px){.mega-menu:has(>.mega-menu__pills){--mega-menu-gap: 1.5rem;--mega-menu-promo-gap: 1rem;--mega-menu-linklist-gap: 1.75rem}.mega-menu:has(>.mega-menu__pills) .mega-menu__promo>*{flex:1 1 200px;min-width:160px;max-width:280px}}.shopify-section--lg-category-pills .section-spacing{--section-vertical-spacing-override: 2rem}
/*# sourceMappingURL=/cdn/shop/t/120/assets/lg-category-pills.css.map */