:root{--fb-teal: #036d74;--fb-teal-dark: #025c62;--fb-teal-light: #e8f5f6;--fb-orange: #ff8712;--fb-orange-dark: #e07510;--fb-red: #d63729;--fb-white: #ffffff;--fb-gray-50: #f8f9fa;--fb-gray-100: #f0f1f1;--fb-gray-300: #d0d3d4;--fb-gray-500: #888;--fb-gray-600: #555;--fb-gray-700: #333;--fb-shadow-sm: 0 2px 8px rgba(0,0,0,.1);--fb-shadow-md: 0 4px 16px rgba(0,0,0,.14);--fb-shadow-stuck: 0 3px 12px rgba(0,0,0,.16);--fb-radius-btn: 20px;--fb-radius-chip: 16px;--fb-radius-dd: 12px;--fb-z-bar: 200;--fb-z-dropdown: 210;--fb-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.filter-bar-wrapper{width:100%;font-family:var(--fb-font);font-size:14px}.filter-bar-sticky{position:sticky;top:0;z-index:var(--fb-z-bar);background:var(--fb-white);border-bottom:1px solid var(--fb-gray-100);transition:box-shadow .2s ease}.filter-bar-sticky.is-stuck{box-shadow:var(--fb-shadow-stuck)}.filter-bar-inner{max-width:1400px;margin:0 auto;padding:0 16px}.filter-bar-main-row{display:flex;align-items:center;gap:6px;padding:10px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-bar-main-row::-webkit-scrollbar{display:none}.filter-bar-group{position:relative;flex-shrink:0}.filter-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--fb-white);border:1.5px solid var(--fb-gray-300);border-radius:var(--fb-radius-btn);color:var(--fb-gray-700);font-family:var(--fb-font);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;min-height:36px;line-height:1;outline:none}.filter-bar-btn:hover{border-color:var(--fb-teal)}.filter-bar-btn:focus-visible{outline:2px solid var(--fb-teal);outline-offset:2px}.filter-bar-btn[aria-expanded=true],.filter-bar-btn--active{background:var(--fb-teal);border-color:var(--fb-teal);color:var(--fb-white)}.filter-bar-btn[aria-expanded=true]:hover,.filter-bar-btn--active:hover{background:var(--fb-teal-dark);border-color:var(--fb-teal-dark)}.filter-bar-chevron{transition:transform .2s ease;flex-shrink:0}.filter-bar-btn[aria-expanded=true] .filter-bar-chevron{transform:rotate(180deg)}.filter-bar-clear{margin-left:auto;flex-shrink:0;padding:8px 14px;background:transparent;border:none;color:var(--fb-gray-600);font-family:var(--fb-font);font-size:13px;font-weight:400;cursor:pointer;text-decoration:underline;min-height:36px;white-space:nowrap}.filter-bar-clear:hover{color:var(--fb-red)}.filter-bar-clear[hidden]{display:none}.filter-bar-dropdown{position:fixed;top:0;left:0;min-width:210px;max-height:min(400px,60vh);overflow-y:auto;background:var(--fb-white);border-radius:var(--fb-radius-dd);box-shadow:var(--fb-shadow-md);border:1px solid var(--fb-gray-100);z-index:var(--fb-z-dropdown);padding:6px 0;scrollbar-width:thin;scrollbar-color:var(--fb-gray-300) transparent}.filter-bar-dropdown::-webkit-scrollbar{width:4px}.filter-bar-dropdown::-webkit-scrollbar-thumb{background:var(--fb-gray-300);border-radius:4px}.filter-bar-dropdown[hidden]{display:none}.filter-bar-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 16px;border:none;background:transparent;color:var(--fb-gray-700);font-family:var(--fb-font);font-size:13px;font-weight:400;text-align:left;cursor:pointer;white-space:nowrap;gap:12px;transition:background .1s;outline:none}.filter-bar-option:hover:not(.is-unavailable){background:var(--fb-teal-light);color:var(--fb-teal)}.filter-bar-option:focus-visible{background:var(--fb-teal-light);color:var(--fb-teal);outline:none}.filter-bar-option.is-active{color:var(--fb-teal);font-weight:600;background:var(--fb-teal-light)}.filter-bar-option.is-unavailable{text-decoration:line-through;opacity:.35;cursor:not-allowed;pointer-events:none}.filter-bar-count{font-size:11px;color:var(--fb-gray-500);background:var(--fb-gray-100);border-radius:10px;padding:1px 7px;min-width:26px;text-align:center;flex-shrink:0;font-weight:400}.filter-bar-option.is-active .filter-bar-count{background:#036d7426;color:var(--fb-teal)}.filter-bar-btn-dot{display:inline-block;width:6px;height:6px;background:var(--fb-white);border-radius:50%;flex-shrink:0}.filter-bar-dropdown--theme{min-width:380px;padding:0}.filter-bar-theme-grid{display:grid;grid-template-columns:1fr 1fr}.filter-bar-theme-header{grid-column:1 / -1;padding:8px 16px 5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--fb-gray-500);border-top:1px solid var(--fb-gray-100);display:flex;align-items:center;justify-content:space-between}.filter-bar-theme-header:first-child{border-top:none}.filter-bar-theme-header--clickable{cursor:pointer;color:var(--fb-gray-700);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;padding:9px 16px;transition:background .1s;border:none;background:transparent;width:100%;text-align:left;font-family:var(--fb-font);outline:none}.filter-bar-theme-header--clickable:hover:not(.is-unavailable){background:var(--fb-teal-light);color:var(--fb-teal)}.filter-bar-theme-header--clickable.is-active{background:var(--fb-teal-light);color:var(--fb-teal);font-weight:600}.filter-bar-theme-header--clickable.is-unavailable{text-decoration:line-through;opacity:.35;cursor:not-allowed;pointer-events:none}.filter-bar-sub-row{display:flex;align-items:center;gap:6px;padding:8px 0 10px;border-top:1px dashed var(--fb-gray-300);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.filter-bar-sub-row::-webkit-scrollbar{display:none}.filter-bar-sub-row[hidden]{display:none}.filter-bar-sub-label{font-size:10px;font-weight:700;color:var(--fb-orange);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;flex-shrink:0}.filter-bar-sub-sep{width:1px;height:20px;background:var(--fb-gray-300);flex-shrink:0;margin:0 4px}.filter-bar-sub-chip{display:inline-flex;align-items:center;padding:5px 12px;border:1.5px solid var(--fb-gray-300);border-radius:var(--fb-radius-chip);font-size:12px;font-family:var(--fb-font);font-weight:400;color:var(--fb-gray-700);background:var(--fb-white);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;min-height:30px;outline:none}.filter-bar-sub-chip:hover:not(.is-unavailable){border-color:var(--fb-orange);color:var(--fb-orange)}.filter-bar-sub-chip:focus-visible{outline:2px solid var(--fb-orange);outline-offset:2px}.filter-bar-sub-chip.is-active{background:var(--fb-orange);border-color:var(--fb-orange);color:var(--fb-white)}.filter-bar-sub-chip.is-unavailable{text-decoration:line-through;opacity:.35;cursor:not-allowed;pointer-events:none}.filter-bar-sub-count{display:inline-block;margin-left:5px;font-size:11px;opacity:.65}.filter-bar-pills-row{padding:6px 0 8px;background:var(--fb-white);border-bottom:1px solid var(--fb-gray-100)}.filter-bar-pills-row[hidden]{display:none}.filter-bar-pills{display:flex;flex-wrap:wrap;gap:6px;max-width:1400px;margin:0 auto;padding:0 16px}.filter-bar-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 10px;background:var(--fb-teal-light);color:var(--fb-teal);border-radius:var(--fb-radius-chip);font-size:12px;font-weight:500;white-space:nowrap}.filter-bar-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--fb-teal);color:var(--fb-white);border-radius:50%;font-size:11px;cursor:pointer;border:none;padding:0;line-height:1;flex-shrink:0;transition:background .15s;font-family:var(--fb-font);outline:none}.filter-bar-pill-remove:hover{background:var(--fb-teal-dark)}.filter-bar-pill-remove:focus-visible{outline:2px solid var(--fb-teal-dark);outline-offset:2px}@media(max-width:1024px){.filter-bar-dropdown--theme{min-width:300px}}@media(max-width:767px){.filter-bar-btn{font-size:12px;padding:7px 12px;min-height:34px}.filter-bar-main-row{flex-wrap:wrap;overflow-x:visible;row-gap:6px;padding:8px 0}.filter-bar-dropdown{min-width:180px;max-height:320px}.filter-bar-dropdown--theme{min-width:260px}.filter-bar-theme-grid{grid-template-columns:1fr}.filter-bar-group:nth-last-child(2) .filter-bar-dropdown{left:0;right:auto}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/filter-bar.css.map */