@layer m3-components{.m3-filter-host{width:100%;min-width:0;container:m3-filter/inline-size}.m3-filter-bar{--_fh:var(--md-sys-size-chip);--_fs:14px;--_lh:20px;--_icon:18px;gap:var(--md-sys-space-2) var(--md-sys-space-3)}.m3-filter-bar,.m3-filter-bar__chips{flex-wrap:wrap;align-items:center;min-width:0;display:flex}.m3-filter-bar__chips{gap:var(--md-sys-space-2)}.m3-filter-bar__end{align-items:center;gap:var(--md-sys-space-3);min-height:var(--_fh);margin-inline-start:auto;display:flex}.m3-filter-bar__count{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.m3-filter-bar__sep{display:none}.m3-filter-bar .m3-btn.m3-filter-bar__clear{--_h:var(--_fh);--_fs:inherit;--_lh:inherit;margin-inline-start:calc(-1 * var(--md-sys-space-1))}.m3-filter-bar .m3-filter-bar__end :is(.m3-btn,.m3-ibtn){--_h:var(--_fh)}.m3-filter-bar__search[data-pill]{align-items:center;gap:var(--md-sys-space-2);min-width:0;max-width:280px;height:var(--_fh);border-radius:calc(var(--_fh) / 2);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:text;transition:background-color var(--md-sys-motion-t-fx-small);flex:200px;padding-inline:12px 4px;display:flex;position:relative}@media (hover:hover){.m3-filter-bar__search[data-pill]:hover{background:var(--md-sys-color-surface-container-highest)}}.m3-filter-bar__search[data-pill]:focus-within{outline:var(--md-sys-focus-width) solid var(--md-sys-focus-color);outline-offset:var(--md-sys-focus-offset)}.m3-filter-bar__search[data-pill]:after{content:"";inset:min(0px,-.5 * (var(--md-sys-size-touch) - var(--_fh))) 0;pointer-events:none;position:absolute}.m3-filter-bar__search-icon{--m3-icon-size:var(--_icon);pointer-events:none;flex:none}.m3-filter-bar__input{min-width:0;height:100%;color:var(--md-sys-color-on-surface);font:inherit;font-family:var(--md-ref-typeface-brand);font-size:var(--_fs);line-height:var(--_lh);letter-spacing:.1px;appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1 1 0;margin:0;padding:0}.m3-filter-bar__input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.m3-filter-bar__input:focus-visible{outline:none}.m3-filter-bar__input::-webkit-search-cancel-button{appearance:none;display:none}.m3-filter-bar__input::-webkit-search-decoration{appearance:none;display:none}.m3-filter-bar__search-clear{width:calc(-8px + var(--_fh));height:calc(-8px + var(--_fh));color:inherit;cursor:pointer;--m3-icon-size:var(--_icon);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.m3-filter-bar__search-clear:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-t-state);background:currentColor;position:absolute;inset:0}@media (hover:hover){.m3-filter-bar__search-clear:hover:before{opacity:var(--md-sys-state-hover-opacity)}}.m3-filter-bar__search-clear:focus-visible:before{opacity:var(--md-sys-state-focus-opacity)}.m3-filter-bar__search-clear:active:before{opacity:var(--md-sys-state-pressed-opacity);transition-duration:0s}.m3-filter-bar__search-clear .m3-icon{position:relative}.m3-filter-bar[data-layout=stacked] .m3-filter-bar__search{flex:100%;max-width:none}.m3-filter-bar[data-layout=stacked] .m3-filter-bar__chips{flex:1 1 0}.m3-filter-bar[data-layout=stacked] .m3-filter-bar__end{flex:none}.m3-filter-bar[data-layout=toolbar]{--_fh:var(--md-sys-size-btn-s);--_r:calc(var(--md-sys-size-field) / 2);--_p:calc(.5 * (var(--md-sys-size-field) - var(--_fh)));gap:var(--md-sys-space-2);min-height:var(--md-sys-size-field);padding:var(--_p);border-radius:var(--_r);background:var(--md-sys-color-surface-container);box-sizing:border-box;flex-wrap:wrap}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__search[data-pill]{border-radius:var(--m3-ir,calc(var(--_fh) / 2));background:0 0;flex:200px;max-width:none;padding-inline-start:14px}@media (hover:hover){.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__search[data-pill]:hover{background:color-mix(in srgb,currentColor calc(var(--md-sys-state-hover-opacity) * 100%),transparent)}}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__search-clear{border-radius:var(--m3-ir,50%)}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__sep{width:var(--md-sys-border-thin);height:calc(var(--_fh) * .6);background:var(--md-sys-color-outline-variant);flex:none;align-self:center;display:block}.m3-filter-bar[data-layout=toolbar] .m3-btn.m3-filter-bar__clear,.m3-filter-bar[data-layout=toolbar] .m3-chip{--_r-rest:var(--m3-ir,calc(var(--_h) / 2));--_r-sel:var(--m3-ir,calc(var(--_h) / 2))}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__end{padding-inline-end:var(--md-sys-space-3)}@container m3-filter (width<=520px){.m3-filter-bar__chips{overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--md-sys-space-1);margin-block:calc(-1 * var(--md-sys-space-1));flex-wrap:nowrap;flex:100%;overflow:auto hidden}.m3-filter-bar__chips::-webkit-scrollbar{display:none}.m3-filter-bar__chips>*{flex:none}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__search[data-pill],.m3-filter-bar__search,.m3-filter-bar__search[data-pill]{flex-basis:100%;max-width:none}.m3-filter-bar[data-layout=stacked] .m3-filter-bar__end,.m3-filter-bar__end{flex:100%;justify-content:space-between;margin-inline-start:0}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__sep{display:none}.m3-filter-bar[data-layout=toolbar] .m3-filter-bar__chips{flex:100%}}}@layer m3-density{:root[data-density=compact] .m3-filter-bar{--_fs:13px;--_lh:18px;--_icon:16px}:root[data-density=compact] .m3-filter-bar .m3-btn.m3-filter-bar__clear{--_fs:13px;--_lh:18px}:root[data-density=compact] .m3-filter-bar__search[data-pill]{padding-inline-start:10px}:root[data-density=compact] .m3-filter-bar[data-layout=toolbar] .m3-filter-bar__search[data-pill]{padding-inline-start:12px}}