.tf-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tf-space-3);min-width:0;padding-bottom:var(--tf-space-5);margin-bottom:var(--tf-space-6);border-bottom:var(--tf-border-width) solid var(--tf-border-subtle)}.tf-filterbar>*{min-width:0}.tf-filterbar__label{flex:none;color:var(--tf-text-muted);font-family:var(--tf-font-text);font-size:var(--tf-fs-sm);font-weight:var(--tf-weight-semibold)}.tf-filterbar__range{display:inline-flex;align-items:center;gap:var(--tf-space-2);min-width:0}.tf-filterbar__range input{width:100%;min-width:0;min-height:var(--tf-chip-height);padding:var(--tf-space-1) var(--tf-space-3);border:var(--tf-border-width) solid var(--tf-border);border-radius:var(--tf-radius-sm);background:var(--tf-surface);color:var(--tf-text);font-family:var(--tf-font-text);font-size:var(--tf-fs-sm);outline:var(--tf-border-width-strong) solid #fff0;outline-offset:calc(-1 * var(--tf-border-width-strong))}.tf-filterbar__range input:focus-visible{border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-focus)}.tf-filterbar__range span{color:var(--tf-text-muted);font-family:var(--tf-font-text);font-size:var(--tf-fs-xs);white-space:nowrap}.tf-filterbar__actions{display:flex;flex-wrap:wrap;gap:var(--tf-space-2);margin-left:auto}.tf-filterbar__toggle{display:none}@media (max-width:768px){.tf-filterbar__toggle{display:inline-flex}.tf-filterbar__panel{position:fixed;inset:0;z-index:var(--tf-z-drawer);display:flex;flex-direction:column;gap:var(--tf-space-5);padding:var(--tf-space-5) var(--tf-gutter);background:var(--tf-bg);overflow-y:auto}.tf-filterbar__panel[data-open="false"]{display:none}}