@layer components{.collection-filters{background:var(--color-background);color:var(--color-foreground);display:flex;flex-direction:column;min-height:0;padding:1.25rem 1rem}.collection-filters__scroll{flex:1;min-height:0}sheet-content.collection-sheet .collection-filters{flex:1;min-height:0;padding-block-end:0}.collection-filters__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.collection-filters__title{color:var(--color-foreground);font-size:var(--paragraph-size-mobile);font-weight:600;letter-spacing:.06em;line-height:var(--paragraph-line-height);margin:0;text-transform:uppercase}.collection-filters__clear{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);text-decoration:none;white-space:nowrap}.collection-filters__clear:hover{color:var(--color-foreground);text-decoration:underline}.collection-filters__active{margin-bottom:1.25rem}.collection-filters__active-title{color:var(--color-foreground-secondary);font-size:var(--overline-size-mobile);line-height:var(--overline-line-height);margin:0 0 .5rem}.collection-filters__active-scroller{margin-inline:-.25rem;overflow-x:auto;padding-block:.125rem;padding-inline:.25rem;scrollbar-width:thin}.collection-filters__active-list{display:flex;flex-wrap:nowrap;gap:.5rem;list-style:none;margin:0;padding:0}.collection-filters__active-list>li{flex-shrink:0}.collection-filters__active-item{align-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2rem;color:var(--color-foreground);display:inline-flex;font-size:var(--paragraph-size-mobile);gap:.35rem;line-height:var(--paragraph-line-height);padding:.35rem .75rem;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.collection-filters__active-item:hover{background:color-mix(in srgb,currentColor 6%,transparent);border-color:color-mix(in srgb,currentColor 28%,transparent)}.collection-filters__active-label{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-filters__active-remove{flex-shrink:0;height:.875rem;width:.875rem}.collection-filters__active-remove svg{display:block;height:100%;width:100%}.collection-filters__groups{display:grid;gap:0}.collection-filters__group{border-block-end:1px solid var(--color-border);padding-block:.875rem}.collection-filters__group:last-child{border-block-end:none}.collection-filters__summary{align-items:center;color:var(--color-foreground);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;line-height:var(--subheading-line-height);list-style:none;padding-block:.25rem}.collection-filters__summary::-webkit-details-marker{display:none}.collection-filters__summary-label{color:var(--color-foreground);font-size:var(--subheading-size-mobile);line-height:var(--subheading-line-height);margin:0}.collection-filters__summary-end{align-items:center;color:var(--color-foreground-secondary);display:inline-flex;flex-shrink:0;gap:.5rem}.collection-filters__count{align-items:center;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;color:var(--color-foreground);display:inline-flex;font-size:var(--paragraph-size-mobile);justify-content:center;line-height:1;min-width:1.25rem;padding:.2rem .45rem}.collection-filters__summary-icon{height:1rem;transition:transform .2s ease;width:1rem}.collection-filters__summary-icon svg{display:block;height:100%;width:100%}.collection-filters__group[open] .collection-filters__summary-icon{transform:rotate(180deg)}.collection-filters__body{margin-top:.875rem}.collection-filters__meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.collection-filters__meta-count,.collection-filters__meta-reset{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height)}.collection-filters__meta-reset{text-decoration:underline}.collection-filters__options{list-style:none;margin:0;padding:0}.collection-filters__options--checkbox{display:flex;flex-direction:column;gap:.125rem}.collection-filters__row{align-items:center;border-radius:.35rem;cursor:pointer;display:grid;gap:.625rem;grid-template-columns:auto 1fr auto;padding:.5rem .35rem;position:relative;transition:background-color .15s ease}.collection-filters__row .collection-filters__input{top:0;right:0;bottom:0;left:0;position:absolute}.collection-filters__row:hover{background:color-mix(in srgb,currentColor 5%,transparent)}.collection-filters__row:has(.collection-filters__input:disabled){cursor:not-allowed;opacity:.45}.collection-filters__check{border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:.25rem;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.125rem;position:relative;width:1.125rem}.collection-filters__row:has(.collection-filters__input:checked) .collection-filters__check{background:var(--color-foreground);border-color:var(--color-foreground)}.collection-filters__row:has(.collection-filters__input:checked) .collection-filters__check:after{border:solid var(--color-background);border-width:0 0 2px 2px;content:"";height:.3rem;inset-inline-start:50%;position:absolute;top:42%;transform:translate(-50%,-50%) rotate(-45deg);width:.55rem}.collection-filters__row-label{color:var(--color-foreground);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height)}.collection-filters__option-count{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);min-width:1.5rem;text-align:end}.collection-filters__options--pill{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr))}.collection-filters__pill{align-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2rem;cursor:pointer;display:flex;justify-content:center;min-height:2.5rem;padding:.35rem .5rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.collection-filters__pill:hover{border-color:color-mix(in srgb,currentColor 32%,transparent)}.collection-filters__pill:has(.collection-filters__input:checked){background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.collection-filters__pill:has(.collection-filters__input:disabled){cursor:not-allowed;opacity:.4}.collection-filters__pill:has(:focus-visible){outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset, 2px)}.collection-filters__pill-label{color:inherit;font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);text-align:center}.collection-filters__options--swatch{display:flex;flex-wrap:wrap;gap:.625rem}.collection-filters__swatch-option{cursor:pointer;display:inline-flex;position:relative}.collection-filters__swatch-option:has(.collection-filters__input:disabled){cursor:not-allowed;opacity:.4}.collection-filters__swatch-option:has(:focus-visible){border-radius:999px;outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset, 2px)}.collection-filters__swatch{background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-position:center;background-size:cover;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;display:block;height:2rem;transition:box-shadow .15s ease,border-color .15s ease;width:2rem}.collection-filters__swatch-option:has(.collection-filters__input:checked) .collection-filters__swatch{border-color:var(--color-foreground);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground)}.collection-filters__filter-image{border-radius:999px;height:2rem;object-fit:cover;width:2rem}.collection-filters__swatch-option:has(.collection-filters__input:checked) .collection-filters__filter-image{box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground)}.collection-filters__input:focus-visible+.collection-filters__check,.collection-filters__input:focus-visible+.collection-filters__pill-label,.collection-filters__input:focus-visible+.collection-filters__swatch,.collection-filters__input:focus-visible+.collection-filters__filter-image{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset, 2px)}.collection-filters__input:focus-visible+.collection-filters__pill-label{border-radius:2rem}.collection-filters__footer{display:none;flex-shrink:0;margin-top:auto;padding-block-start:1rem}.collection-filters__footer-button{width:100%}sheet-content.collection-sheet .collection-filters__footer{border-block-start:1px solid var(--color-border);display:block;margin-inline:-1rem;padding:1rem}.collection__sidebar .collection-filters{border-inline-end:1px solid var(--color-border);padding-inline-end:1.25rem}@media(max-width:639px){.collection-filters__header{align-items:flex-start;flex-direction:column;gap:.5rem}.collection-filters__meta{align-items:flex-start;flex-direction:column;gap:.35rem}}@media(min-width:640px)and (max-width:879px){.collection-filters__title,.collection-filters__clear,.collection-filters__active-title,.collection-filters__active-item,.collection-filters__summary-label,.collection-filters__count,.collection-filters__meta-count,.collection-filters__meta-reset,.collection-filters__row-label,.collection-filters__option-count,.collection-filters__pill-label{font-size:var(--paragraph-size-tablet)}.collection-filters__summary-label{font-size:var(--subheading-size-tablet)}.collection-filters__active-title{font-size:var(--overline-size-tablet)}}@media(min-width:880px){.collection-filters__title,.collection-filters__clear,.collection-filters__active-title,.collection-filters__active-item,.collection-filters__summary-label,.collection-filters__count,.collection-filters__meta-count,.collection-filters__meta-reset,.collection-filters__row-label,.collection-filters__option-count,.collection-filters__pill-label{font-size:var(--paragraph-size-desktop)}.collection-filters__summary-label{font-size:var(--subheading-size-desktop)}.collection-filters__active-title{font-size:var(--overline-size-desktop)}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/snippet-collection-filters-styles.css.map */