.gem-collection,.gem-collection-drawer{--gem-filter-ink: #1a1a1a;--gem-filter-accent: #0b56a4;--gem-filter-border: #dce1e6;--gem-filter-tint: #edf4fb}.gem-collection .gem-collection-toolbar,.gem-collection-drawer{color:var(--gem-filter-ink)}.gem-collection .gem-filter-pill{min-height:44px;padding:10px 16px;gap:8px;border:1px solid var(--gem-filter-border);border-radius:999px;background:#fff;color:var(--gem-filter-ink);opacity:1;line-height:1.4;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.gem-collection .facets-horizontal>.gem-filter-pill{opacity:1}.gem-collection .gem-filter-pill:is(.is-active,[aria-expanded=true]){border-color:var(--gem-filter-accent);background:var(--gem-filter-tint);color:var(--gem-filter-accent)}.gem-collection .gem-filter-count{display:inline-grid;place-items:center;min-width:22px;min-height:22px;padding-inline:5px;border-radius:999px;background:var(--gem-filter-accent);color:#fff;font-size:12px;font-weight:700;line-height:1}.gem-collection .availability-facet>label,.gem-collection-drawer .accordion__toggle>label{display:flex;align-items:center;min-height:44px;cursor:pointer}.gem-collection .availability-facet .switch,.gem-collection-drawer .switch{flex:0 0 44px;width:44px;height:44px;padding:3px;border-block:10px solid transparent;border-radius:999px;background-color:#d5dbe1;background-clip:padding-box;cursor:pointer}.gem-collection .availability-facet .switch:after,.gem-collection-drawer .switch:after{width:18px;height:18px;background:#fff}.gem-collection .availability-facet .switch:checked,.gem-collection-drawer .switch:checked{background-color:var(--gem-filter-accent)}.gem-collection .availability-facet .switch:checked:after,.gem-collection-drawer .switch:checked:after{transform:translate(calc(var(--transform-logical-flip) * 20px))}.gem-collection .gem-facet-options,.gem-collection-drawer .checkbox-list{gap:4px}.gem-collection .gem-facet-options .checkbox-container,.gem-collection-drawer .checkbox-container{align-items:center;min-height:44px}.gem-collection .gem-facet-options .checkbox,.gem-collection-drawer .checkbox{--accent: 11 86 164;top:0;width:18px;height:18px}.gem-collection .gem-facet-options .checkbox~label,.gem-collection-drawer .checkbox~label{display:flex;flex:1;align-items:center;min-width:0;min-height:44px;padding-block:8px;opacity:1;cursor:pointer;overflow-wrap:anywhere}.gem-collection .gem-facet-options .checkbox:disabled~label,.gem-collection-drawer .checkbox:disabled~label{color:#717780;cursor:default}.gem-collection .active-facets,.gem-collection-drawer .active-facets{gap:8px;margin-block:0}.gem-collection .removable-facet,.gem-collection-drawer .removable-facet{align-items:center;gap:4px;min-height:44px;max-width:100%;padding:0 4px 0 12px;border:1px solid #c8daee;border-radius:999px;background:var(--gem-filter-tint);color:var(--gem-filter-accent)}.gem-collection .removable-facet .tap-area,.gem-collection-drawer .removable-facet .tap-area{display:grid;flex-shrink:0;place-items:center;min-width:44px;min-height:44px}.gem-collection .facet-clear-all,.gem-collection-drawer .facet-clear-all{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:4px;color:var(--gem-filter-ink)}.gem-collection .gem-collection-count{margin:0;color:#59616a;font-size:14px;white-space:nowrap}.gem-collection .gem-collection-toolbar :is(button,a,input):focus-visible,.gem-collection .gem-mobile-filters :is(button,a,input):focus-visible,.gem-collection-drawer :is(button,a,input):focus-visible{outline:2px solid var(--gem-filter-accent);outline-offset:3px}.gem-collection .facet-dialog .input-prefix:focus-within,.gem-collection-drawer .input-prefix:focus-within{border-color:var(--gem-filter-accent);box-shadow:inset 0 0 0 1px var(--gem-filter-accent)}.gem-collection .facet-dialog .input-prefix,.gem-collection-drawer .input-prefix{min-height:44px;border-radius:10px;background:#fff}.gem-collection-drawer::part(header){display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--gem-filter-border);text-align:start}.gem-collection-drawer::part(close-button){display:grid;place-items:center;width:44px;height:44px}.gem-collection-drawer::part(close-button):focus-visible{outline:2px solid var(--gem-filter-accent);outline-offset:2px}.gem-collection-drawer::part(outside-close-button){display:none}.gem-collection-drawer::part(content){max-height:85vh;max-height:85dvh;border-radius:18px;background:#fff}.gem-collection-drawer::part(body){min-height:0;padding:0 20px;overscroll-behavior-y:contain}.gem-collection-drawer .accordion__toggle{min-height:52px;gap:12px}.gem-collection-drawer .accordion__content{padding-bottom:16px}.gem-collection-drawer .facets-drawer__floating-apply{z-index:2;margin-inline:-4px;padding:16px 4px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--gem-filter-border);background:#fff}.gem-collection-drawer .facets-drawer__floating-apply .button{min-height:48px}.gem-collection-drawer input:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px}.gem-collection .gem-mobile-filters{gap:12px}.gem-collection .gem-mobile-filters .button{min-height:44px}@media screen and (min-width:1000px){.gem-collection .gem-collection-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 16px;border:1px solid var(--gem-filter-border);border-radius:18px;background:#fff}.gem-collection .gem-collection-toolbar .facets-summary{align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0}.gem-collection .gem-collection-toolbar .availability-facet{flex:0 0 auto;gap:10px;min-width:0}.gem-collection .gem-collection-toolbar .facets-horizontal{flex:1 1 auto;justify-content:flex-start;gap:8px;min-width:0}.gem-collection .gem-collection-toolbar .sort-by-facet{flex:0 1 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 8px;min-width:0;margin-inline-start:auto}.gem-collection .sort-by-facet>button{min-height:44px}.gem-collection .sort-by-facet .popover-listbox__option{min-height:44px;color:var(--gem-filter-ink)}.gem-collection .sort-by-facet .popover-listbox__option[aria-selected=true]{background:var(--gem-filter-tint);color:var(--gem-filter-accent)}.gem-collection .gem-collection-toolbar .facets-horizontal>.facet-dialog{inset-inline-start:0;inset-inline-end:auto;top:calc(100% + 10px);z-index:5;min-width:280px;max-width:min(520px,calc(100vw - 64px));max-height:min(560px,65vh);padding:16px;overflow-y:auto;border:1px solid var(--gem-filter-border);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1a1a1a17}.gem-collection .facet-dialog .price-range--inline{width:320px;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 12px;padding:0}.gem-collection .facet-dialog .price-range--inline .range-group{grid-column:1 / -1;grid-row:2;margin-inline:4px}}@media screen and (max-width:999px){.gem-collection .gem-collection-toolbar{display:none}.gem-collection .gem-mobile-filters>.h-stack{justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.gem-collection-drawer::part(content){height:85vh;height:85dvh}}@media(hover:hover){.gem-collection .gem-filter-pill:hover{border-color:var(--gem-filter-accent);background:var(--gem-filter-tint)}}@media(prefers-reduced-motion:reduce){.gem-collection .gem-filter-pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/gem-collection-filters.css.map */