.resource-filter-bar{display:grid;gap:8px;margin-bottom:12px;min-width:0}
.resource-filter-bar fieldset{border:0;padding:0;margin:0;min-width:0}
.resource-filter-bar .resource-filter-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ds-sketch-case-popover .resource-filter-bar,
.design-inspiration-dialog .resource-filter-bar,
.vp-picker .resource-filter-bar{gap:16px}
.ds-sketch-case-popover .resource-filter-bar .resource-filter-label,
.design-inspiration-dialog .resource-filter-bar .resource-filter-label,
.vp-picker .resource-filter-bar .resource-filter-label{position:static;display:block;width:auto;height:auto;padding:0;margin-bottom:8px;overflow:visible;clip-path:none;white-space:normal;font-size:10px;font-weight:400;line-height:1.5;color:var(--iw-muted,#62695f)}
.resource-filter-options{display:flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:9px;background:#f0f1ed}
.resource-filter-bar .resource-filter-options button{flex:1 0 auto;min-height:30px;min-width:0;padding:6px 8px;font-size:10px;font-weight:400;line-height:1.5;white-space:nowrap;border:0;border-radius:7px;background:transparent;color:#62695f;box-shadow:none;transition:transform 160ms ease,background-color 160ms ease}
.resource-filter-bar .resource-filter-options button[aria-pressed=true]{background:#fff;color:#1d231d;box-shadow:0 1px 4px #1d231d0e}
.resource-filter-bar .resource-filter-options button[aria-pressed=true]:hover:not(:disabled){background:#fff}
.resource-filter-bar .resource-filter-options button:hover:not(:disabled){transform:none}
/* Keep selected filters opaque, including inside workbench dialogs. */
.iw-template-dialog .resource-filter-bar .resource-filter-options button[aria-pressed=true]{background:#fff}
@media(hover:hover) and (pointer:fine){.resource-filter-bar .resource-filter-options button:hover:not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]){background:var(--ui-option-hover-bg)}}
.resource-filter-bar .resource-filter-options button:active:not(:disabled){transform:scale(.97)}
.resource-filter-bar .resource-filter-options button:focus-visible{outline:2px solid #62695f;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.resource-filter-bar .resource-filter-options button{transition:none}.resource-filter-bar .resource-filter-options button:active:not(:disabled){transform:none}}