.filter-tile{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-80);width:auto;background:none;border:none;border-radius:var(--radius-medium);padding:0;cursor:pointer;user-select:none;color:var(--fg-neutral-3-rest);transition:color .1s}.filter-tile:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.filter-tile:disabled,.filter-tile[disabled]{cursor:default;pointer-events:none}.filter-tile-icon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-160);box-sizing:content-box;border-radius:var(--radius-3xlarge);border:2px solid transparent;background:var(--button-background-2-rest);transition:background .1s,border-color .1s}.filter-tile-icon svg{width:var(--size-240);height:var(--size-240);fill:currentColor;flex-shrink:0}.filter-tile .icon-filled,.filter-tile:hover .icon-rest,.filter-tile:active .icon-rest,.filter-tile.selected .icon-rest{display:none}.filter-tile:hover .icon-filled,.filter-tile:active .icon-filled,.filter-tile.selected .icon-filled{display:block}.filter-tile-label{width:100%;text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-caption-1-strong);line-height:var(--line-height-caption-1-strong);font-weight:var(--font-weight-caption-1-strong);color:var(--fg-neutral-3-rest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s}.filter-tile:hover:not(.selected){color:var(--fg-neutral-3-hover)}.filter-tile:hover:not(.selected) .filter-tile-icon{background:var(--button-background-2-hover)}.filter-tile:active:not(.selected){color:var(--fg-neutral-3-pressed)}.filter-tile:active:not(.selected) .filter-tile-icon{background:var(--button-background-2-pressed)}.filter-tile:disabled .filter-tile-icon,.filter-tile[disabled] .filter-tile-icon{background:var(--button-background-2-disabled);border-color:transparent;opacity:.4}.filter-tile:disabled .filter-tile-label,.filter-tile[disabled] .filter-tile-label{color:var(--fg-neutral-disabled-1-rest);opacity:.4}.filter-tile.selected{color:var(--fg-brand-1-rest)}.filter-tile.selected .filter-tile-icon{background:var(--button-background-2-selected);border-color:var(--stroke-brand-1-rest)}.filter-tile.selected .filter-tile-label{color:var(--fg-neutral-1-rest)}.filter-tile.selected:hover{color:var(--fg-brand-1-rest)}.filter-tile.selected:hover .filter-tile-icon{background:var(--bg-brand-2-hover);border-color:var(--stroke-brand-1-rest)}.filter-tile.selected:hover .filter-tile-label{color:var(--fg-neutral-1-hover)}.filter-tile.selected:active{color:var(--fg-brand-1-rest)}.filter-tile.selected:active .filter-tile-icon{background:var(--bg-brand-2-pressed);border-color:var(--stroke-brand-1-rest)}