.filter-bar{--fd-green:#22a052;--fd-pill-bg:#f5f0e8;--fd-text-dark:#2d2d2d;--fd-text-muted:#888;--fd-shadow:0 8px 32px rgba(0, 0, 0, 0.18);--fd-radius-pill:999px;--fd-radius-dropdown:18px}.filter-pill .fd-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:var(--fd-radius-dropdown);box-shadow:var(--fd-shadow);padding:8px 0;z-index:100;pointer-events:none;opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:opacity 0.22s cubic-bezier(.4,0,.2,1),transform 0.22s cubic-bezier(.4,0,.2,1)}.filter-pill .fd-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.filter-pill .fd-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background 0.14s;user-select:none}.filter-pill .fd-dropdown-item:hover{background:#f7f7f7}.filter-pill .fd-item-check{width:18px;height:18px;border-radius:5px;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s,border-color 0.15s}.filter-pill .fd-dropdown-item.selected .fd-item-check{background:var(--fd-green);border-color:var(--fd-green)}.filter-pill .fd-item-check svg{width:10px;height:10px;stroke:#fff;stroke-width:2.5;opacity:0;transform:scale(.6);transition:opacity 0.15s,transform 0.15s}.filter-pill .fd-dropdown-item.selected .fd-item-check svg{opacity:1;transform:scale(1)}.filter-pill .fd-item-label{font-size:14px;color:var(--fd-text-dark);font-weight:400;flex:1}.filter-pill .fd-item-count{font-size:12px;color:var(--fd-text-muted)}.filter-pill .fd-dropdown-divider{height:1px;background:#f0f0f0;margin:6px 0}.filter-pill .fd-dropdown-clear{display:block;width:calc(100% - 32px);margin:6px 16px 4px;padding:8px;background:none;border:1.5px solid #e0e0e0;border-radius:10px;font-family:"DM Sans",sans-serif;font-size:13px;color:var(--fd-text-muted);cursor:pointer;transition:border-color 0.15s,color 0.15s}.filter-pill .fd-dropdown-search{padding:8px 10px 4px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #f0f0f0;margin-bottom:4px}.filter-pill .fd-dropdown-search input{width:100%;box-sizing:border-box;border:1.5px solid #e8e8e8;border-radius:8px;padding:7px 10px 7px 30px;font-size:13px;font-family:"DM Sans",sans-serif;color:var(--fd-text-dark);outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:9px center;transition:border-color 0.15s}.filter-pill .fd-dropdown-search input:focus{border-color:var(--fd-green)}.filter-pill .fd-dropdown-items{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc #fff0}.filter-pill .fd-dropdown-items::-webkit-scrollbar{width:4px}.filter-pill .fd-dropdown-items::-webkit-scrollbar-thumb{background:#ccc;border-radius:99px}.filter-pill .fd-dropdown.fd-has-search .fd-dropdown-items{max-height:min(240px, 50vh)}.filter-pill .fd-search-empty{padding:10px 16px;font-size:13px;color:var(--fd-text-muted);text-align:center}@media (min-width:640px){.filter-pill .fd-dropdown-clear{}}