:root:has(.hq-iconlib){--sl-content-width:76rem}.hq-iconlib{--_top:calc(var(--sl-nav-height,4rem) + var(--hq-space-3));margin-block:var(--hq-space-4);gap:var(--hq-space-4);grid-template-columns:15rem minmax(0,1fr);align-items:start;display:grid}.hq-iconlib .visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hq-iconlib .panel{max-block-size:calc(100vh - var(--_top) - var(--hq-space-3));overscroll-behavior:contain;gap:var(--hq-space-3);padding:var(--hq-space-2);background:var(--hq-surface-alt);border-radius:var(--hq-radius-md);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--_top);overflow-y:auto}.hq-iconlib .panel__search{position:relative}.hq-iconlib .panel__search .hq-input{padding-inline-start:calc(var(--hq-space-2) * 2 + 16px)}.hq-iconlib .panel__search-icon{block-size:16px;inline-size:16px;color:var(--hq-text-secondary);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--hq-space-2);translate:0 -50%}.hq-iconlib .panel__toggle{display:none}.hq-iconlib .panel__body{gap:var(--hq-space-3);flex-direction:column;display:flex}.hq-iconlib .group{border:0;flex-direction:column;gap:2px;min-inline-size:0;margin:0;padding:0;display:flex}.hq-iconlib .group>legend{padding:0 0 var(--hq-space-1);font-size:var(--hq-type-caption-font-size);color:var(--hq-text-secondary);font-weight:600}.hq-iconlib .color{align-items:center;gap:var(--hq-space-1);padding:6px var(--hq-space-1);border-radius:var(--hq-radius-sm);cursor:pointer;font-size:var(--hq-type-body-compact-font-size);color:var(--hq-text);border:1px solid #0000;line-height:1.4;display:flex}.hq-iconlib .color:hover{background:var(--hq-surface)}.hq-iconlib .color:has(input:checked){background:var(--hq-surface);border-color:var(--hq-accent);color:var(--hq-ink);font-weight:600}.hq-iconlib .color:has(input:focus-visible){outline:2px solid var(--hq-focus);outline-offset:1px}.hq-iconlib .color__text small{font-size:var(--hq-type-caption-font-size);color:var(--hq-text-secondary);font-weight:400;display:block}.hq-iconlib .chip{border-radius:var(--hq-radius-sm);border:1px solid var(--hq-border);flex:none;place-items:center;block-size:28px;inline-size:28px;display:inline-grid}.hq-iconlib .seg{background:var(--hq-surface);border:1px solid var(--hq-border);border-radius:var(--hq-radius-sm);grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.hq-iconlib .seg label{cursor:pointer}.hq-iconlib .seg span{block-size:var(--hq-size-control-sm);border-radius:calc(var(--hq-radius-sm) - 2px);font-size:var(--hq-type-body-compact-font-size);color:var(--hq-text);place-items:center;display:grid}.hq-iconlib .seg label:hover span{background:var(--hq-surface-alt)}.hq-iconlib .seg input:checked+span{background:var(--hq-accent);color:var(--hq-on-accent);font-weight:600}.hq-iconlib .seg input:focus-visible+span{outline:2px solid var(--hq-focus);outline-offset:1px}.hq-iconlib .cat{justify-content:space-between;align-items:center;gap:var(--hq-space-1);padding:6px var(--hq-space-1);border-radius:var(--hq-radius-sm);cursor:pointer;font-size:var(--hq-type-body-compact-font-size);color:var(--hq-text);line-height:1.4;display:flex}.hq-iconlib .cat:hover{background:var(--hq-surface)}.hq-iconlib .cat:has(input:checked){background:var(--hq-accent-subtle);color:var(--hq-accent);font-weight:600}.hq-iconlib .cat:has(input:focus-visible){outline:2px solid var(--hq-focus);outline-offset:-2px}.hq-iconlib .cat.is-empty{color:var(--hq-text-muted)}.hq-iconlib .cat--sub{padding-inline-start:var(--hq-space-3)}.hq-iconlib .n{font-size:var(--hq-type-caption-font-size);color:var(--hq-text-secondary);font-weight:400}.hq-iconlib .cat:has(input:checked) .n{color:var(--hq-accent)}.hq-iconlib .subs{flex-direction:column;gap:2px;display:none}.hq-iconlib .cat-group:has(input:checked) .subs{display:flex}.hq-iconlib .results{min-inline-size:0;scroll-margin-block-start:var(--_top)}.hq-iconlib .count{margin:0 0 var(--hq-space-2);color:var(--hq-text-secondary);font-size:var(--hq-type-body-compact-font-size)}.hq-iconlib .grid{background:var(--hq-border);border:1px solid var(--hq-border);border-radius:var(--hq-radius-sm);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.hq-iconlib .grid>li{margin:0}.hq-iconlib .cell{justify-content:center;align-items:center;gap:var(--hq-space-2);block-size:100%;min-block-size:7rem;inline-size:100%;padding:var(--hq-space-2) var(--hq-space-1);background:var(--iconlib-bg);color:var(--iconlib-fg);cursor:pointer;border:0;flex-direction:column;display:flex}.hq-iconlib .cell:focus-visible{outline:2px solid var(--hq-focus);outline-offset:-3px}.hq-iconlib[data-ground=brand] .cell:focus-visible{outline-color:var(--hq-brand)}.hq-iconlib .name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font:400 11px/1.4 var(--hq-font-sans);color:var(--hq-text-secondary);overflow:hidden}.hq-iconlib:is([data-ground=accent],[data-ground=black]) .name{color:var(--hq-gray-60)}.hq-iconlib[data-ground=brand] .name{color:var(--hq-gray-30)}.hq-iconlib .cell:hover .name{color:var(--iconlib-fg)}.hq-iconlib .glyph{block-size:32px;inline-size:32px;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor}.hq-iconlib .sentinel{block-size:1px}.hq-iconlib .detail{inline-size:min(32rem,100vw - 2rem);padding:var(--hq-space-4);border-radius:var(--hq-radius-md);background:var(--hq-surface);color:var(--hq-text);border:0}.hq-iconlib .detail::backdrop{background:color-mix(in srgb, var(--hq-cyan-100) 60%, transparent)}.hq-iconlib .detail__head{justify-content:space-between;align-items:center;gap:var(--hq-space-2);display:flex}.hq-iconlib .detail h2{font:700 var(--hq-type-h3-font-size) / 1.3 var(--hq-font-serif);color:var(--hq-ink);margin:0}.hq-iconlib .detail__preview{margin-block:var(--hq-space-3);border-radius:var(--hq-radius-sm);background:var(--iconlib-bg);block-size:10rem;color:var(--iconlib-fg);border:1px solid var(--hq-border);place-items:center;display:grid}.hq-iconlib .glyph--lg{block-size:96px;inline-size:96px}.hq-iconlib .detail__meta{gap:var(--hq-space-1) var(--hq-space-3);font-size:var(--hq-type-body-compact-font-size);grid-template-columns:max-content 1fr;margin:0;display:grid}.hq-iconlib .detail__meta dt{color:var(--hq-text-secondary)}.hq-iconlib .detail__meta dd{color:var(--hq-ink);overflow-wrap:anywhere;text-align:start;margin:0}.hq-iconlib .detail__meta dd[dir=ltr]{text-align:end;font-family:var(--hq-font-sans)}.hq-iconlib .detail__actions{gap:var(--hq-space-2);flex-wrap:wrap;margin-block-start:var(--hq-space-4);display:flex}.hq-iconlib .detail__status{min-block-size:1.5em;margin:var(--hq-space-2) 0 0;font-size:var(--hq-type-body-compact-font-size);color:var(--hq-positive)}@media (width<=50rem){.hq-iconlib{gap:var(--hq-space-3);grid-template-columns:minmax(0,1fr)}.hq-iconlib .panel{z-index:2;max-block-size:calc(100vh - var(--_top));box-shadow:0 0 0 1px var(--hq-border)}.hq-iconlib .panel__toggle{display:flex}.hq-iconlib .panel__toggle[aria-expanded=false]+.panel__body{display:none}.hq-iconlib .grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.hq-iconlib .cell{min-block-size:6rem}}