.sfp-wrap{--sfp-background:#fff;--sfp-text:#222;--sfp-border:#ddd;--sfp-radius:4px;--sfp-field-height:52px;--sfp-accent:#111;--sfp-gap:24px;--sfp-min-width:240px;--sfp-label-color:#222;--sfp-placeholder:#777;--sfp-dropdown-max:300px;--sfp-chip-background:#f6f7f8;--sfp-chip-text:#222;color:var(--sfp-text)}.sfp-fields{display:grid;gap:var(--sfp-gap)}.sfp-layout-grid .sfp-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--sfp-min-width)),1fr))}.sfp-layout-stack .sfp-fields{grid-template-columns:1fr}.sfp-field{position:relative;min-width:0}.sfp-filter-label{display:block;margin:0 0 10px;font-weight:500;color:var(--sfp-label-color)}.sfp-control{min-height:var(--sfp-field-height);border:1px solid var(--sfp-border);border-radius:var(--sfp-radius);background:var(--sfp-background);color:var(--sfp-text);display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:pointer}.sfp-control:focus{outline:2px solid color-mix(in srgb,var(--sfp-accent) 35%,transparent);outline-offset:1px}.sfp-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sfp-chip{background:var(--sfp-chip-background);color:var(--sfp-chip-text);border-radius:999px;padding:5px 8px}.sfp-chip b{font-weight:400;margin-left:7px;cursor:pointer}.sfp-placeholder{color:var(--sfp-placeholder)}.sfp-arrow{margin-left:10px}.sfp-menu{display:none;position:absolute;z-index:9999;top:calc(100% + 5px);left:0;right:0;max-height:var(--sfp-dropdown-max);overflow:auto;background:var(--sfp-background);border:1px solid var(--sfp-border);border-radius:var(--sfp-radius);box-shadow:0 5px 18px rgb(0 0 0 / .1)}.sfp-field.is-open .sfp-menu{display:block}.sfp-search{width:calc(100% - 20px);margin:10px;padding:10px;border:1px solid var(--sfp-border);border-radius:var(--sfp-radius);background:var(--sfp-background);color:var(--sfp-text)}.sfp-option{display:block;width:100%;border:0;background:var(--sfp-background);color:var(--sfp-text);text-align:left;padding:11px 12px;cursor:pointer}.sfp-option:hover,.sfp-option.is-selected{background:var(--sfp-accent);color:#fff}.sfp-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.sfp-clear{margin-top:0;border:0;background:none;color:var(--sfp-text);padding:0;text-decoration:underline;cursor:pointer}.sfp-count{margin-left:auto;text-align:right}.sfp-count.is-loading{opacity:.5}@media(max-width:767px){.sfp-layout-grid .sfp-fields{grid-template-columns:1fr}}