.xo-filter-pills{--filter-pill-gap: .8rem;--filter-pill-border: color-mix(in srgb, rgba(var(--color-foreground)) 18%, transparent);--filter-pill-border-hover: color-mix(in srgb, rgba(var(--color-foreground)) 45%, transparent);--filter-pill-surface: color-mix(in srgb, rgba(var(--color-foreground)) 4%, transparent);--filter-pill-clear-space: 2.8rem;display:block;padding-block:1.6rem calc(2.4rem + var(--filter-pill-clear-space));padding-bottom:20px}.xo-filter-pills__fieldset{position:relative;display:flex;align-items:center;margin:0;padding:0;border:0;min-width:0}.xo-filter-pills__list{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:var(--filter-pill-gap);margin:-.4rem 0;padding:.4rem 0;min-width:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.4rem;scrollbar-width:none}.xo-filter-pills__list::-webkit-scrollbar{display:none}.xo-filter-pills__list[data-overflowing]{cursor:grab;-webkit-user-select:none;user-select:none}.xo-filter-pills__list[data-dragging]{cursor:grabbing;scroll-snap-type:none}.xo-filter-pills__list[data-fade-end]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent 100%)}.xo-filter-pills__list[data-fade-start]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 4rem),transparent 100%);mask-image:linear-gradient(to left,#000 calc(100% - 4rem),transparent 100%)}.xo-filter-pills__list[data-fade-start][data-fade-end]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4rem,#000 calc(100% - 4rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 4rem,#000 calc(100% - 4rem),transparent 100%)}.xo-filter-pills__item{flex:0 0 auto;scroll-snap-align:start}.xo-filter-pill{display:inline-flex;white-space:nowrap;align-items:center;gap:.6rem;padding-block:.9rem;padding-inline:1.8rem;border:1px solid var(--filter-pill-border);font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;line-height:1;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);text-align:center;overflow-wrap:break-word;background-color:var(--filter-pill-surface);border-radius:var(--button-radius, 10rem);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.xo-filter-pill:hover{border-color:var(--filter-pill-border-hover)}.xo-filter-pill:has(.xo-filter-pill__input:focus-visible){outline:2px solid rgba(var(--color-foreground));outline-offset:2px}.xo-filter-pill:has(.xo-filter-pill__input:checked){color:rgba(var(--color-button-text));background-color:rgba(var(--color-button));border-color:rgba(var(--color-button))}.xo-filter-pills__clear{position:absolute;inset-inline-start:0;top:calc(100% + 1rem);display:inline-flex;align-items:center;gap:.6rem;padding:0;white-space:nowrap;font-family:inherit;font-size:calc(var(--font-body-scale) * 1.3rem);color:color-mix(in srgb,rgba(var(--color-foreground)) 65%,transparent);text-decoration:underline;text-underline-offset:.3rem;background:none;border:0;cursor:pointer}.xo-filter-pills__clear:hover{color:rgba(var(--color-foreground))}.xo-filter-pills:not(:has(.xo-filter-pill__input:checked)) .xo-filter-pills__clear{display:none}.xo-filter-pills__empty{padding-block-start:2.4rem}xo-product[data-pill-hidden]{display:none}@media(prefers-reduced-motion:reduce){.xo-filter-pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/collection-filter-pills.css.map */