.agf{--agf-fg: #0c0c0c;--agf-bg: #ffffff;--agf-soft: #f4f4f2;--agf-muted: rgba(12, 12, 12, .6);--agf-line: rgba(0, 0, 0, .14);--agf-accent: #c8102e;color:var(--agf-fg)}.agf__inner{display:flex;flex-direction:column}.agf__form{order:2}.agf__chips{order:3}.agf__foot{order:4}.agf summary{list-style:none}.agf summary::-webkit-details-marker{display:none}.agf__pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--agf-line);border-radius:2px;background:var(--agf-bg);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.agf__pill:hover,.agf__group[open]>.agf__pill{border-color:var(--agf-fg)}.agf__pill.is-active{background:var(--agf-fg);border-color:var(--agf-fg);color:#fff}.agf__chev{display:inline-flex;width:12px;height:12px;transition:transform .2s ease}.agf__chev svg{width:12px;height:12px}.agf__group[open]>.agf__pill .agf__chev{transform:rotate(180deg)}.agf__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--agf-accent);color:#fff;font-size:12px;letter-spacing:0}.agf__values{display:flex;flex-wrap:wrap;gap:6px}.agf__opt{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--agf-line);border-radius:2px;background:var(--agf-bg);font-size:14px;line-height:1.2;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.agf__opt:hover{border-color:var(--agf-fg)}.agf__opt input,.agf__toggle input,.agf__sort-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.agf__opt:focus-within,.agf__toggle:focus-within,.agf__sort-opt:focus-within{outline:2px solid var(--agf-accent);outline-offset:2px}.agf__opt.is-on{background:var(--agf-fg);border-color:var(--agf-fg);color:#fff}.agf__opt.is-dead{opacity:.35;cursor:not-allowed}.agf__count{color:var(--agf-muted);font-size:12px}.agf__opt.is-on .agf__count{color:#ffffffb3}.agf__dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:#ccc center / cover no-repeat}.agf__opt.is-on .agf__dot{border-color:#fff}.agf__dot[data-colour=black]{background-color:#111}.agf__dot[data-colour=white]{background-color:#fff}.agf__dot[data-colour=grey],.agf__dot[data-colour=gray]{background-color:#8a8a8a}.agf__dot[data-colour=red]{background-color:#c8102e}.agf__dot[data-colour=blue]{background-color:#1f4fbf}.agf__dot[data-colour=navy]{background-color:#1b2a4a}.agf__dot[data-colour=green]{background-color:#2e8b3d}.agf__dot[data-colour=yellow]{background-color:#f2c80f}.agf__dot[data-colour=orange]{background-color:#f07a1a}.agf__dot[data-colour=pink]{background-color:#ec6fa8}.agf__dot[data-colour=purple]{background-color:#6c3fb5}.agf__dot[data-colour=brown]{background-color:#6b4423}.agf__dot[data-colour=beige],.agf__dot[data-colour=tan]{background-color:#d8c3a0}.agf .agf__clear{display:inline-block;margin-top:12px;padding:0;background:none;border:0;font-size:13px;color:var(--agf-muted);text-decoration:underline}.agf .agf__clear:hover{color:var(--agf-fg);background:none}.agf__toggle{position:relative;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid var(--agf-line);border-radius:2px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.agf__switch{position:relative;width:32px;height:18px;border-radius:9px;background:#0003;transition:background-color .15s ease}.agf__switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.agf__toggle.is-on{border-color:var(--agf-fg)}.agf__toggle.is-on .agf__switch{background:var(--agf-accent)}.agf__toggle.is-on .agf__switch:after{transform:translate(14px)}.agf__sort{display:flex;flex-direction:column}.agf__sort-opt{position:relative;display:block;padding:9px 12px;font-size:14px;cursor:pointer;border-radius:2px}.agf__sort-opt:hover{background:var(--agf-soft)}.agf__sort-opt.is-on{font-weight:700;box-shadow:inset 3px 0 0 var(--agf-accent)}.agf__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.agf__chip-x{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:17px;background:var(--agf-soft);border:1px solid var(--agf-line);font-size:13px;color:var(--agf-fg);text-decoration:none}.agf__chip-x svg{width:10px;height:10px}.agf__chip-x:hover{border-color:var(--agf-fg);color:var(--agf-fg)}.agf__clear-all{font-size:13px;color:var(--agf-fg);text-decoration:underline;margin-left:4px}.agf__total{color:var(--agf-muted);font-size:14px;white-space:nowrap}@media(min-width:1000px){.filter-container--top{display:block}.filter-container--top .filters.agf{position:relative;z-index:20;visibility:visible;width:auto;height:auto;overflow:visible;opacity:1;padding:0;transform:none;background:transparent}.filter-container--top .agf__head,.filter-container--top .agf__foot{display:none}.agf__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--agf-line)}.agf__group{position:relative}.agf__panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max-content;min-width:260px;max-width:440px;max-height:60vh;overflow:auto;padding:16px;background:var(--agf-bg);border:1px solid var(--agf-fg);border-radius:2px;box-shadow:0 12px 32px #00000024,inset 0 3px 0 var(--agf-accent)}.agf__panel .cc-price-range{width:300px}.agf__group--sort{margin-left:auto}.agf__panel--right{left:auto;right:0;min-width:220px}.agf__total{order:99}.agf__group--sort+.agf__total{order:0}.agf__chips{padding:12px 0 0}.agf__chips:empty{display:none}.filter-container--top .collection-listing{padding-top:24px}.utility-bar--agf{display:none}}@media(max-width:999.98px){.filter-container--top .filters.agf{display:flex;flex-direction:column;padding-bottom:0}.agf__inner{min-height:100%}.agf__chips{order:1;padding:0 0 14px}.agf__bar{display:flex;flex-direction:column}.agf__group{border-bottom:1px solid var(--agf-line)}.agf__pill{display:flex;width:100%;height:54px;padding:0;border:0;background:transparent;font-size:17px}.agf__pill.is-active{background:transparent;color:var(--agf-fg)}.agf__pill .agf__chev{margin-left:auto}.agf__panel{padding:0 0 16px}.agf__toggle{order:-1;width:100%;justify-content:space-between;margin-bottom:8px;font-size:17px}.agf__toggle .agf__switch{order:2}.agf__total{display:none}.agf__foot{position:sticky;bottom:0;z-index:2;margin:auto -20px 0;display:flex;gap:10px;align-items:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--agf-bg);border-top:1px solid var(--agf-line)}.agf__foot-clear{flex:0 0 auto;font-size:14px;color:var(--agf-fg);text-decoration:underline}.agf__foot-show{flex:1 1 auto;height:48px;border:0;border-radius:2px;cursor:pointer;background:var(--agf-fg);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/ag-filter-bar.css.map */