.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}}.lg-pills--grid{display:block}.lg-pills--grid .lg-pills__title{text-align:center;margin:0 0 2rem}.lg-pills--grid .collection-list{--collection-list-items-per-row: var(--lg-grid-mobile, 2);--collection-list-gap: calc(.625rem * var(--lg-grid-h-factor, 1));flex-wrap:wrap;column-gap:var(--collection-list-gap);row-gap:calc(1.5rem * var(--lg-grid-v-factor, 1))}@media screen and (min-width:700px){.lg-pills--grid .collection-list{--collection-list-items-per-row: var(--lg-grid-desktop, 5);--collection-list-gap: calc(1rem * var(--lg-grid-h-factor, 1));row-gap:calc(2rem * var(--lg-grid-v-factor, 1))}}.lg-pills--grid .lg-pills__scroller-wrap{position:relative}.lg-pills--grid .lg-pills__scroller{scroll-behavior:smooth}@media screen and (min-width:700px){.lg-pills--grid.lg-pills--slide-desktop .lg-pills__scroller{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.lg-pills--grid.lg-pills--slide-desktop .lg-pills__scroller::-webkit-scrollbar{display:none}.lg-pills--grid.lg-pills--slide-desktop .lg-pills__scroller>*{flex-shrink:0;scroll-snap-align:start}}@media screen and (max-width:699px){.lg-pills--grid.lg-pills--slide-mobile .lg-pills__scroller{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.lg-pills--grid.lg-pills--slide-mobile .lg-pills__scroller::-webkit-scrollbar{display:none}.lg-pills--grid.lg-pills--slide-mobile .lg-pills__scroller>*{flex-shrink:0;scroll-snap-align:start}}@media screen and (max-width:699px){.lg-pills--grid:not(.lg-pills--slide-mobile) .lg-pills__scroller{flex-wrap:wrap;overflow:visible}}@media screen and (min-width:700px){.lg-pills--grid:not(.lg-pills--slide-desktop) .lg-pills__scroller{flex-wrap:wrap;overflow:visible}}.lg-pills--grid .lg-pills__arrow{position:absolute;top:50%;z-index:2;width:40px;height:40px;padding: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;display:inline-flex;align-items:center;justify-content:center}.lg-pills--grid .lg-pills__arrow svg{width:16px;height:16px;mix-blend-mode:difference;color:#fff}.lg-pills--grid .lg-pills__arrow--prev{left:8px}.lg-pills--grid .lg-pills__arrow--next{right:8px}.lg-pills--grid .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--grid .lg-pills__scroller-wrap.has-overflow:not(.is-at-start) .lg-pills__arrow--prev,.lg-pills--grid .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--grid .lg-pills__arrow{display:none!important}}.lg-pills__grid-item{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden}.lg-pills__grid-item:hover,.lg-pills__grid-item:visited,.lg-pills__grid-item:focus{text-decoration:none;color:inherit}.lg-pills__grid-item-media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:color-mix(in srgb,currentColor 8%,transparent)}.lg-pills__grid-item-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.lg-pills__grid-item:hover .lg-pills__grid-item-image{transform:scale(1.04)}.lg-pills__grid-item-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;text-transform:uppercase;color:color-mix(in srgb,currentColor 40%,transparent);background:color-mix(in srgb,currentColor 8%,transparent)}.lg-pills__grid-item--overlay .lg-pills__grid-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.45) 100%);pointer-events:none}.lg-pills__grid-item-caption--overlay{position:absolute;inset-block-end:1.25rem;inset-inline-start:1.25rem;inset-inline-end:1.25rem;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;color:#fff}.lg-pills__grid-item-caption--overlay .lg-pills__grid-item-title{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500;line-height:1.2}.lg-pills__grid-item-caption--overlay .lg-pills__grid-item-count{font-size:.875rem;opacity:.8}.lg-pills__grid-item-caption--below{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding-block-start:.875rem;color:inherit}.lg-pills__grid-item-caption--below .lg-pills__grid-item-title{font-size:1rem;font-weight:500;line-height:1.3}.lg-pills__grid-item-caption--below .lg-pills__grid-item-count{font-size:.875rem;opacity:.6}@media(max-width:699px){.lg-pills__grid-item-caption--overlay{inset-block-end:.875rem;inset-inline-start:.875rem;inset-inline-end:.875rem}.lg-pills__grid-item-caption--overlay .lg-pills__grid-item-title{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/lg-category-pills.css.map */