.mobile-filter-bar[data-v-77d13656]{position:sticky;top:4rem;z-index:20;margin-inline:-1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}@media(min-width:640px){.mobile-filter-bar[data-v-77d13656]{margin-inline:-1.5rem;padding-inline:1.5rem}}.search-inline[data-v-77d13656]{display:flex;align-items:center;gap:.5rem;height:2.375rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);padding:0 1rem;transition:border-color .15s}.search-inline[data-v-77d13656]:focus-within{border-color:var(--color-ruang)}.sort-toggle-group[data-v-77d13656]{display:flex;align-items:center;gap:.25rem;overflow-x:auto;scrollbar-width:none;min-width:0}.sort-toggle-group[data-v-77d13656]::-webkit-scrollbar{display:none}.sort-toggle-btn[data-v-77d13656]{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;height:2rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);padding:0 .625rem;font-size:.6875rem;font-weight:600;color:var(--color-ink-muted);transition:all .15s;flex-shrink:0}.sort-toggle-btn[data-v-77d13656]:hover{border-color:var(--color-ruang);color:var(--color-ink-soft)}.sort-toggle-active[data-v-77d13656]{border-color:var(--color-ruang);background:var(--color-ruang-soft);color:var(--color-ruang)}.filter-btn[data-v-77d13656]{display:inline-flex;align-items:center;gap:.375rem;height:2rem;border-radius:9999px;border:1px solid var(--color-border);padding:0 .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.filter-btn-default[data-v-77d13656]{background:var(--color-surface);color:var(--color-ink-soft)}.filter-btn-default[data-v-77d13656]:hover{border-color:var(--color-ruang)}.filter-btn-active[data-v-77d13656]{border-color:var(--color-ruang);background:var(--color-ruang);color:#fff}.filter-count[data-v-77d13656]{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;border-radius:9999px;background:#ffffff40;font-size:.625rem;font-weight:700}.filter-drawer-btn[data-v-77d13656]{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;height:2.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .15s}.filter-drawer-btn-outline[data-v-77d13656]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-soft)}.filter-drawer-btn-primary[data-v-77d13656]{border:1px solid var(--color-ruang);background:var(--color-ruang);color:#fff}.sidebar-sticky[data-v-77d13656]{position:sticky;top:5.5rem;padding:1.25rem;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-surface);max-height:calc(100vh - 7rem);overflow-y:auto}.filter-group[data-v-77d13656]{border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:.75rem}.filter-group-header[data-v-77d13656]{display:flex;width:100%;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);cursor:pointer;padding:0;border:none;background:none;transition:color .12s}.filter-group-header[data-v-77d13656]:hover{color:var(--color-ink)}.filter-group-count[data-v-77d13656]{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;border-radius:9999px;background:var(--color-ruang);color:#fff;font-size:.5625rem;font-weight:700}.filter-group-body[data-v-77d13656]{margin-top:.5rem}.filter-group-scroll[data-v-77d13656]{max-height:13rem;overflow-y:auto}.check-dot[data-v-77d13656]{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:9999px;border:2px solid var(--color-border);background:transparent;flex-shrink:0;transition:all .15s}.check-dot-active[data-v-77d13656]{border-color:var(--color-ruang);background:var(--color-ruang);box-shadow:inset 0 0 0 2.5px var(--color-surface)}.filter-check-item[data-v-77d13656]{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;color:var(--color-ink-soft);transition:all .12s;cursor:pointer}.filter-check-item[data-v-77d13656]:hover{background:var(--color-surface-hover);color:var(--color-ink)}.filter-check-item:hover .check-dot[data-v-77d13656]:not(.check-dot-active){border-color:var(--color-ruang)}.sidebar-filter-item[data-v-77d13656]{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;color:var(--color-ink-soft);transition:all .12s}.sidebar-filter-item[data-v-77d13656]:hover{background:var(--color-surface-hover);color:var(--color-ink)}.sidebar-filter-active[data-v-77d13656]{background:var(--color-ruang-soft);color:var(--color-ruang);font-weight:600}.sidebar-filter-active[data-v-77d13656]:hover{background:var(--color-ruang-soft);color:var(--color-ruang)}.sidebar-count[data-v-77d13656]{margin-left:auto;font-size:.6875rem;font-weight:600;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.reset-link[data-v-77d13656]{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--color-ink-muted);transition:color .15s}.reset-link[data-v-77d13656]:hover{color:var(--color-ruang)}.filter-chip[data-v-77d13656]{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;border:1px solid var(--color-ruang);background:var(--color-ruang-soft);padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-ruang);transition:all .15s}.filter-chip[data-v-77d13656]:hover{background:var(--color-ruang);color:#fff}