.icon-browser{flex-direction:column;gap:16px;display:flex}.icon-browser-header{z-index:2;background:var(--md-sys-color-background);flex-direction:column;gap:12px;padding-block:12px;display:flex;position:sticky;top:0}.icon-browser-controls{flex-direction:column;gap:12px;display:flex}.icon-browser-chip-groups{flex-wrap:wrap;gap:20px;display:flex}.icon-browser-chip-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-browser-chip-label{color:var(--md-sys-color-on-surface-variant);margin-inline-end:4px}.icon-browser-count{color:var(--md-sys-color-on-surface-variant)}.icon-browser-detail-sheet{align-items:center;gap:24px;padding:0 24px 32px;position:relative}.icon-browser-detail-close{top:8px;z-index:1;position:absolute;inset-inline-end:12px}.icon-browser-detail-header{align-items:center;gap:16px;width:100%;max-width:592px;display:flex}.icon-browser-variants{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:24px;display:flex}.icon-browser-variant-col{flex-direction:column;align-items:center;gap:8px;display:flex}.icon-browser-variant-swatches{gap:8px;display:flex}.icon-browser-variant{border-radius:var(--md-sys-shape-corner-large,16px);background:var(--md-sys-color-surface-container-lowest);width:72px;height:72px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;border:none;place-items:center;padding:0;display:grid}.icon-browser-variant svg{width:48px;height:48px}.icon-browser-variant:hover{color:var(--md-sys-color-on-surface)}.icon-browser-variant[data-active]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.icon-browser-variant:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:1px}.icon-browser-variant-label{color:var(--md-sys-color-on-surface-variant)}.icon-browser-detail-text{flex-direction:column;flex:1;min-width:0;display:flex}.icon-browser-detail-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.icon-browser-detail-path{color:var(--md-sys-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-browser-detail-actions{flex-shrink:0}.icon-grid{width:100%;transition:opacity .12s linear;position:relative}.icon-grid[data-pending]{opacity:.5}.icon-grid-row{top:0;align-content:start;gap:4px;width:100%;display:grid;position:absolute;inset-inline-start:0}.icon-cell{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium,12px);color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:relative}.icon-cell svg{pointer-events:none;width:32px;height:32px}.icon-cell:before{content:"";border-radius:inherit;opacity:0;background:currentColor;transition:opacity 90ms linear;position:absolute;inset:0}.icon-cell:hover:before{opacity:.08}.icon-cell:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.icon-cell.is-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.icon-browser-empty{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:48px 0}.icon-browser-loading{place-items:center;min-height:240px;display:grid}.icon-search-mirror{width:0;height:0;position:absolute;overflow:hidden}.icon-search-mirror span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}