.icons-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--layout-spacing)/4);padding:1rem;margin-bottom:1rem;user-select:none;user-select:none;user-select:none;user-select:none}.icons-toolbar-separator{width:1px;height:1.2em;background-color:var(--draw-color-primary);margin:0 .25rem}.icons-toolbar-spacer{flex:1}.icons-search-container{display:flex;align-items:center;gap:.5rem;background:var(--background-color-surface);border:1px solid var(--draw-color-primary);border-radius:4px;padding:4px 8px}.icons-search-container .icon{width:1rem;height:1rem;opacity:.6}.icons-search{border:none;background:0 0;color:var(--text-color-surface);font-size:.875rem;width:150px;outline:none}.icons-search::placeholder{color:var(--text-color-surface);opacity:.5}.icons-search-clear{display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:2px;cursor:pointer;opacity:.6;transition:opacity 150ms ease}.icons-search-clear:hover{opacity:1}.icons-search-clear .icon{width:1rem;height:1rem}.icons-count{font-size:.75rem;color:var(--text-color-surface);opacity:.7}.icons-size-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:var(--text-color-surface);background-color:color-mix(in srgb,var(--background-color-surface) 80%,transparent);border:1px solid var(--draw-color-primary);border-radius:4px;cursor:pointer;transition:background-color 150ms ease,color 150ms ease}.icons-size-toggle .icon{width:1.25rem;height:1.25rem;pointer-events:none}.icons-size-toggle:hover,.icons-size-toggle.active{background-color:var(--background-color-surface);border-color:var(--draw-color-primary);color:var(--text-color-primary)}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:1rem}.icons-grid.size-small{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.icons-grid.size-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.icon-card{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:4px;cursor:pointer;transition:transform 150ms ease,border-color 150ms ease}.icon-card:hover{transform:translateY(-2px);border-color:var(--draw-color-primary)}.icon-card.hidden{display:none}.size-small .icon-card{padding:.5rem;aspect-ratio:1;justify-content:center}.icon-preview{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.icon-preview .icon{width:32px;height:32px}.size-small .icon-preview .icon{width:24px;height:24px}.size-large .icon-preview .icon{width:48px;height:48px}.icon-info{display:flex;flex-direction:column;align-items:center;gap:.125rem;margin-top:.5rem}.size-small .icon-info{display:none}.icon-name{font-size:.625rem;color:var(--text-color-surface);text-align:center;word-break:break-all;line-height:1.2}.icon-variant{font-size:.5rem;color:var(--text-color-surface);opacity:.6;background:var(--background-color-surface);padding:1px 4px;border-radius:2px}.icon-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:2rem}.icon-modal.active{display:flex}.icon-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}.icon-modal-content{position:relative;display:flex;flex-direction:column;max-width:500px;width:100%;background:var(--background-color-surface);border-radius:8px;overflow:hidden}.icon-modal-preview{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--background-color-surface)}.icon-modal-preview .icon-modal-icon{width:96px;height:96px}.icon-modal-details{padding:1.5rem}.icon-modal-name{margin:0 0 .5rem;padding-top:1rem;border-top:1px solid var(--draw-color-primary);font-size:1.25rem;font-weight:600;color:var(--text-color-primary);font-family:monospace}.icon-modal-meta{display:flex;gap:.5rem;margin-bottom:1rem}.icon-modal-origin,.icon-modal-source{display:inline-block;padding:2px 8px;font-size:.625rem;text-transform:uppercase;border-radius:3px;background:var(--background-color-surface);color:var(--text-color-surface);border:1px solid var(--draw-color-surface)}.icon-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.icon-modal-copy{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--background-color-surface);border:1px solid var(--draw-color-primary);border-radius:4px;color:var(--text-color-surface);font-size:.75rem;cursor:pointer;transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease}.icon-modal-copy .icon{width:1rem;height:1rem}.icon-modal-copy:hover{background:var(--background-color-surface);border-color:var(--draw-color-primary);color:var(--text-color-primary)}.icon-modal-copy.copied{background:var(--background-color-surface);border-color:var(--draw-color-success);color:var(--text-color-primary)}.icon-modal-code{margin-bottom:.75rem}.icon-modal-code-label{font-size:.625rem;text-transform:uppercase;color:var(--text-color-surface);opacity:.6;margin-bottom:.25rem}.icon-modal-path,.icon-modal-html,.icon-modal-hugo{display:block;padding:.5rem;background:var(--background-color-surface);border-radius:4px;font-size:.75rem;font-family:monospace;color:var(--text-color-surface);word-break:break-all;cursor:pointer;transition:background-color 150ms ease}.icon-modal-path:hover,.icon-modal-html:hover,.icon-modal-hugo:hover{background:var(--background-color-surface)}.icon-modal-sizes{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--draw-color-primary)}.icon-modal-size-label{font-size:.75rem;color:var(--text-color-surface);opacity:.6}.icon-modal-size-preview{display:flex;align-items:flex-end;gap:1rem}.icon-modal-size-preview .icon-size-16{width:16px;height:16px}.icon-modal-size-preview .icon-size-24{width:24px;height:24px}.icon-modal-size-preview .icon-size-32{width:32px;height:32px}.icon-modal-size-preview .icon-size-48{width:48px;height:48px}.icon-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%)translateY(100px);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--background-color-surface);border:1px solid var(--draw-color-success);color:var(--text-color-primary);border-radius:4px;font-size:.875rem;opacity:0;transition:transform 300ms ease,opacity 300ms ease;z-index:10000}.icon-toast.show{transform:translateX(-50%)translateY(0);opacity:1}.icon-toast .icon{width:1.25rem;height:1.25rem}.icons-footer{padding:1rem;text-align:right;font-size:.625rem;color:var(--text-color-surface);opacity:.6}