.filter-container[data-v-f5c2b136]{display:inline-block;display:block;position:relative}.filter-trigger-btn[data-v-f5c2b136]{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.filter-trigger-btn[data-v-f5c2b136]:hover{background:#e9e9e9}.filter-overlay[data-v-f5c2b136]{background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:997}.filter-dropdown[data-v-f5c2b136]{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 20px #00000026;min-width:400px;position:absolute;z-index:9999}.filter-dropdown--small[data-v-f5c2b136]{min-width:300px}.filter-dropdown--medium[data-v-f5c2b136]{min-width:400px}.filter-dropdown--large[data-v-f5c2b136]{min-width:700px}.filter-header[data-v-f5c2b136]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.filter-header h3[data-v-f5c2b136]{font-size:16px;font-weight:600;margin:0}.filter-header .close-button[data-v-f5c2b136]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.filter-header .close-button[data-v-f5c2b136]:hover{background:#f5f5f5;border-radius:2px}.filter-body[data-v-f5c2b136]{padding:16px}.filter-body.is-scroll[data-v-f5c2b136]{max-height:400px;overflow-y:auto}.filter-footer[data-v-f5c2b136]{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}