.qb-fbar{--qb-fbar-accent: #557f54;position:sticky;top:calc(var(--header-height) * var(--use-sticky-header, 0));z-index:3;background:var(--background);box-shadow:0 1px var(--border-color),0 -1px var(--border-color)}.qb-fbar__inner{position:relative}.qb-fbar__row{display:flex;gap:8px;padding:10px 0;overflow-x:auto;scrollbar-width:none}.qb-fbar__row::-webkit-scrollbar{display:none}.qb-fbar__pill{display:inline-flex;flex:none;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--border-color);background:var(--background);white-space:nowrap;cursor:pointer;transition:border-color .2s ease-in-out}html #main .qb-fbar .qb-fbar__pill{font-size:16px;letter-spacing:.1em}html #main #collection-sort-popover .Popover__Value{font-size:14px;letter-spacing:.1em}@media screen and (min-width:1008px){#collection-sort-popover.qb-fbar-sort--left:before{right:auto;left:var(--qb-fbar-arrow, 30px)}#collection-sort-popover.qb-fbar-sort--left .Popover__Value{text-align:left}}.qb-fbar__pill:hover,.qb-fbar__pill[aria-expanded=true],.qb-fbar__pill.is-active{border-color:var(--heading-color)}.qb-fbar__pill .Icon--select-arrow{width:9px;height:6px;pointer-events:none;transition:transform .2s ease-in-out}.qb-fbar__pill[aria-expanded=true] .Icon--select-arrow{transform:rotate(180deg)}.qb-fbar__badge{display:inline-block;min-width:18px;padding:2px 5px;border-radius:9px;background:var(--qb-fbar-accent);color:#fff;font-size:10px;line-height:14px;letter-spacing:0;text-align:center}.qb-fbar__badge[hidden]{display:none}.qb-fbar__panel{position:absolute;top:100%;left:0;z-index:1;width:100%;max-height:60vh;margin-top:-4px;padding:16px 18px;overflow-y:auto;border:1px solid var(--border-color);background:var(--background);box-shadow:0 8px 24px rgba(var(--text-color-rgb),.12)}.qb-fbar__panel[hidden]{display:none}@media screen and (min-width:641px){.qb-fbar__panel{width:auto;min-width:260px;max-width:min(640px,100%);max-height:420px}}.qb-fbar__values{display:grid;grid-template-columns:1fr;gap:2px 24px;margin:0;padding:0;list-style:none}@media screen and (min-width:641px){.qb-fbar__values{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));width:600px;max-width:100%}}.qb-fbar__value{display:flex;align-items:center;gap:10px;width:100%;padding:7px 0;color:var(--text-color);text-align:left;cursor:pointer}.qb-fbar__value:hover .qb-fbar__label{text-decoration:underline;text-underline-position:under}@media screen and (max-width:640px){.qb-fbar__value{min-height:40px}}.qb-fbar__value.is-empty,.qb-fbar__value.is-empty .qb-fbar__count{color:#6b6b6b}.qb-fbar__value.is-empty .qb-fbar__tick{border-color:var(--border-color)}.qb-fbar__tick{position:relative;flex:none;width:16px;height:16px;border:1px solid var(--text-color-light);background:var(--background)}.qb-fbar__value.is-active .qb-fbar__tick{border-color:var(--qb-fbar-accent);background:var(--qb-fbar-accent)}.qb-fbar__value.is-active .qb-fbar__tick:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.qb-fbar__dot{flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(var(--text-color-rgb),.2);background-size:cover}.qb-fbar__count{color:#6b6b6b}.qb-fbar__price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.qb-fbar__field{display:flex;flex-direction:column;gap:6px}.qb-fbar__field-label{color:var(--text-color-light);font-size:12px}.qb-fbar__field-input{display:flex;align-items:center;gap:4px;padding:0 10px;border:1px solid var(--border-color)}.qb-fbar__field-input input{width:72px;padding:9px 0;border:0;background:transparent;color:var(--text-color);-moz-appearance:textfield}.qb-fbar__field-input input::-webkit-outer-spin-button,.qb-fbar__field-input input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.qb-fbar__apply{flex:1 0 auto}.qb-fbar__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 0 12px}.qb-fbar__chips[hidden]{display:none}.qb-fbar__chip-list{display:flex;flex-wrap:wrap;gap:8px}.qb-fbar__chip{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:14px;background:rgba(var(--text-color-rgb),.07);color:var(--text-color);font-size:13px;cursor:pointer}.qb-fbar__chip span{font-size:15px;line-height:1}.qb-fbar__chip:hover{background:rgba(var(--text-color-rgb),.14)}.qb-fbar__clear{color:var(--text-color);font-size:13px;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/58/assets/qb-filter-bar.css.map */