.dn-filter-test{--dn-filter-test-border: rgba(36, 52, 42, .14);--dn-filter-test-ink: #26342b;--dn-filter-test-muted: #66746b;--dn-filter-test-sage: #8fb69a;--dn-filter-test-cream: #fbf8f0;color:var(--dn-filter-test-ink);margin-bottom:clamp(24px,4vw,56px);margin-top:clamp(18px,3vw,32px);position:relative;z-index:2}.dn-filter-test__layout{display:grid;gap:24px}@media(min-width:992px){.dn-filter-test__layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}}.dn-filter-test__panel{background:#fffdf8;border:1px solid var(--dn-filter-test-border);border-radius:8px;padding:16px}.dn-filter-test__drawer-backdrop{display:none}@media(min-width:992px){.dn-filter-test__panel{max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:96px}}.dn-filter-test__header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.dn-filter-test__heading{font-size:1rem;line-height:1.25;margin:0}.dn-filter-test__drawer-close{background:#fff;border:1px solid var(--dn-filter-test-border);border-radius:8px;color:var(--dn-filter-test-ink);cursor:pointer;display:inline-flex;font:inherit;font-size:.92rem;min-height:38px;padding:7px 12px}@media(min-width:750px){.dn-filter-test__drawer-close{display:none}}.dn-filter-test__selected{display:grid;gap:8px;margin-bottom:14px}.dn-filter-test__selected[hidden]{display:none}.dn-filter-test__selected--results{background:#fffdf8;border:1px solid var(--dn-filter-test-border);border-radius:8px;padding:12px;text-align:left}.dn-filter-test__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.dn-filter-test__chip{align-items:center;background:var(--dn-filter-test-cream);border:1px solid var(--dn-filter-test-border);border-radius:999px;color:var(--dn-filter-test-ink);cursor:pointer;display:inline-flex;font:inherit;gap:6px;min-height:32px;padding:5px 10px}.dn-filter-test__chip-x{color:var(--dn-filter-test-muted);font-weight:700;line-height:1}.dn-filter-test__clear{background:#fff;border:1px solid var(--dn-filter-test-border);border-radius:8px;color:var(--dn-filter-test-ink);cursor:pointer;font:inherit;justify-self:start;min-height:34px;padding:6px 10px}.dn-filter-test__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:14px}.dn-filter-test__loading-status{color:var(--dn-filter-test-muted);font-size:.86rem;margin-right:auto}.dn-filter-test__sort-label{color:var(--dn-filter-test-muted);font-size:.92rem;font-weight:600;margin:0}.dn-filter-test__sort{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid var(--dn-filter-test-border);border-radius:8px;color:var(--dn-filter-test-ink);font:inherit;min-height:38px;min-width:180px;padding:7px 10px}.dn-filter-test__form{display:grid;gap:10px}.dn-filter-test__group{border:0;border-top:1px solid var(--dn-filter-test-border);margin:0;padding:0}.dn-filter-test__legend{margin:0;padding:0;width:100%}.dn-filter-test__group-toggle{align-items:center;background:transparent;border:0;color:var(--dn-filter-test-ink);cursor:pointer;display:flex;font-family:inherit;font-size:.98rem;font-weight:700;justify-content:space-between;min-height:38px;padding:8px 0;text-align:left;width:100%}.dn-filter-test__group-toggle:after{color:var(--dn-filter-test-muted);content:"+";font-size:1.1rem;line-height:1;margin-left:10px}.dn-filter-test__group.is-open .dn-filter-test__group-toggle:after{content:"-"}.dn-filter-test__group-meta{background:var(--dn-filter-test-cream);border:1px solid var(--dn-filter-test-border);border-radius:999px;color:var(--dn-filter-test-muted);font-size:.78rem;font-weight:600;line-height:1;margin-left:auto;padding:4px 7px}.dn-filter-test__group-meta:empty{display:none}.dn-filter-test__group-body{padding-bottom:8px}.dn-filter-test__search-label{display:block;margin-bottom:8px}.dn-filter-test__search{background:#fff;border:1px solid var(--dn-filter-test-border);border-radius:8px;color:var(--dn-filter-test-ink);font:inherit;min-height:36px;padding:7px 10px;width:100%}.dn-filter-test__values{display:grid;gap:3px;overflow-y:visible;padding-right:4px}.dn-filter-test__group.is-scrollable .dn-filter-test__values{max-height:400px;overflow-y:auto}.dn-filter-test__values--swatches{grid-template-columns:1fr}.dn-filter-test__option{align-items:center;color:var(--dn-filter-test-muted);cursor:pointer;display:flex;gap:6px;min-height:25px;text-align:left}.dn-filter-test__input{accent-color:var(--dn-filter-test-sage);flex:0 0 auto}.dn-filter-test__label{flex:1 1 auto;line-height:1.25;text-align:left}.dn-filter-test__count{color:var(--dn-filter-test-muted);flex:0 0 auto;font-size:.82rem}.dn-filter-test__group-clear{background:transparent;border:0;color:var(--dn-filter-test-muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;margin-top:6px;padding:0;text-decoration:underline;text-underline-offset:3px}.dn-filter-test__group-clear:hover{color:var(--dn-filter-test-ink)}.dn-filter-test__swatch{border:1px solid var(--dn-filter-test-border);border-radius:999px;display:inline-block;flex:0 0 auto;height:18px;width:18px}.dn-filter-test__swatch[data-dn-swatch=black]{background:#111}.dn-filter-test__swatch[data-dn-swatch=white]{background:#fff}.dn-filter-test__swatch[data-dn-swatch=pink]{background:#f4a7bf}.dn-filter-test__swatch[data-dn-swatch=green]{background:#8fb69a}.dn-filter-test__swatch[data-dn-swatch=blue]{background:#6f9ed6}.dn-filter-test__swatch[data-dn-swatch=purple]{background:#a68ad4}.dn-filter-test__swatch[data-dn-swatch=red]{background:#c94c4c}.dn-filter-test__swatch[data-dn-swatch=yellow]{background:#f0cf62}.dn-filter-test__swatch[data-dn-swatch=brown]{background:#8b5e3c}.dn-filter-test__swatch[data-dn-swatch=gray],.dn-filter-test__swatch[data-dn-swatch=grey]{background:#8a8f93}.dn-filter-test__swatch[data-dn-swatch=sage-green]{background:#9caf88}.dn-filter-test__swatch[data-dn-swatch=multicolor]{background:linear-gradient(135deg,#f4a7bf 0 25%,#8fb69a 25% 50%,#6f9ed6 50% 75%,#f0cf62 75%)}.dn-filter-test__actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.dn-filter-test__apply,.dn-filter-test__reset{border:1px solid var(--dn-filter-test-border);border-radius:8px;cursor:pointer;font:inherit;min-height:40px;padding:8px 14px}.dn-filter-test__apply{background:var(--dn-filter-test-sage);color:#102016}.dn-filter-test[data-apply-mode=instant] .dn-filter-test__apply{display:none}.dn-filter-test__reset{background:#fff;color:var(--dn-filter-test-ink)}.dn-filter-test__meta{color:var(--dn-filter-test-muted);margin:0 0 16px}.dn-filter-test__empty{background:var(--dn-filter-test-cream);border:1px solid var(--dn-filter-test-border);border-radius:8px;margin:16px 0 0;padding:16px}.dn-filter-test__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px;position:relative;text-align:center;z-index:3}.dn-filter-test__load-more{align-items:center;background:var(--dn-filter-test-sage);border:1px solid rgba(16,32,22,.18);border-radius:999px;color:#102016;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;min-width:144px;padding:9px 20px;text-decoration:none}.dn-filter-test__load-more[aria-busy=true]{opacity:.72;pointer-events:none}.dn-filter-test__pager{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dn-filter-test__pager .page,.dn-filter-test__pager .next,.dn-filter-test__pager .prev,.dn-filter-test__pager .deco{align-items:center;border:1px solid var(--dn-filter-test-border);border-radius:999px;color:var(--dn-filter-test-muted);display:inline-flex;min-height:34px;min-width:34px;padding:5px 10px}.dn-filter-test__pager a{color:inherit;text-decoration:none}.dn-filter-test__pager .current{background:var(--dn-filter-test-cream);color:var(--dn-filter-test-ink);font-weight:700}.dn-filter-test__mobile-toggle{align-items:center;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #111111;border-radius:999px;bottom:calc(84px + env(safe-area-inset-bottom));box-shadow:0 8px 24px #10201624;color:#111;cursor:pointer;display:none;font:inherit;font-size:.93rem;font-weight:700;gap:7px;justify-content:center;left:50%;min-height:40px;min-width:124px;padding:8px 14px;position:fixed;transform:translate(-50%);transition:transform .24s ease,opacity .24s ease,background-color .18s ease;z-index:1060}.dn-filter-test__mobile-toggle-icon{fill:none;flex:0 0 auto;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:17px}.dn-filter-test.has-shopify-preview-bar .dn-filter-test__mobile-toggle{bottom:calc(148px + env(safe-area-inset-bottom))}@media(max-width:749px){html.dn-filter-test-scroll-lock,html.dn-filter-test-scroll-lock body{overflow:hidden}.dn-filter-test__panel{border-radius:0 12px 12px 0;box-shadow:16px 0 40px #1020162e;height:100dvh;left:0;max-width:90vw;overflow-y:auto;padding:18px 16px 24px;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:min(88vw,420px);z-index:1070}.dn-filter-test.is-open .dn-filter-test__panel{transform:translate(0)}.dn-filter-test.is-open .dn-filter-test__drawer-backdrop{background:#10201661;border:0;cursor:pointer;display:block;top:0;right:0;bottom:0;left:0;padding:0;position:fixed;z-index:1065}.dn-filter-test__mobile-toggle{display:inline-flex}.dn-filter-test__toolbar{justify-content:space-between}.dn-filter-test__sort{min-width:0;width:min(62vw,220px)}.dn-filter-test__pagination{margin-bottom:16px}.dn-filter-test__pager{display:none}body.dn-mobile-chrome-hidden .dn-filter-test__mobile-toggle{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 18px))}.dn-filter-test.is-open .dn-filter-test__mobile-toggle{display:none}}.dn-filter-test [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/44/assets/dn-filter-test.css.map */