.icons-page.svelte-g0f8dl{margin-top:var(--header-height);flex-direction:column;gap:1rem;max-width:35rem;margin-inline:auto;padding:1rem;display:flex}.icons-page__nav.svelte-g0f8dl{justify-content:space-between;align-items:center;display:flex}.icons-page__nav.svelte-g0f8dl a:where(.svelte-g0f8dl){color:var(--color-info);align-items:center;gap:.5rem;display:flex}.icons-page__header.svelte-g0f8dl{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.icons-page__header-title.svelte-g0f8dl{color:var(--color-info);flex-direction:column;gap:.5rem;font-size:3rem;font-weight:700;line-height:1;display:flex}.icons-page__header-title.svelte-g0f8dl :where(.svelte-g0f8dl):first-child{color:var(--color-accent)}.icons-page__header-subtext.svelte-g0f8dl{color:color-mix(in srgb, var(--color-info) 75%, transparent)}.icons-page__header-subtext.svelte-g0f8dl a:where(.svelte-g0f8dl){color:var(--color-info);font-weight:600}.icons-page__search.svelte-g0f8dl{border:2px solid var(--color-neutral);border-radius:.75rem;align-items:center;width:100%;height:3rem;transition:all .3s ease-out;display:flex;position:relative}.icons-page__search.svelte-g0f8dl:focus-within{border-color:var(--color-info)}.icons-page__search.svelte-g0f8dl:focus-within-icon{opacity:1}.icons-page__search-icon.svelte-g0f8dl{pointer-events:none;color:var(--color-info);opacity:.75;transition:all .3s ease-out;position:absolute;left:1rem}.icons-page__search-input.svelte-g0f8dl{background-color:#0000;outline:none;flex:1;padding-left:2.5rem}.icons-page__grid.svelte-g0f8dl{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}@media (width>=40rem){.icons-page__grid.svelte-g0f8dl{grid-template-columns:repeat(8,1fr)}}.icons-page__grid-button.svelte-g0f8dl{aspect-ratio:1;border-radius:.75rem;place-items:center;transition:background-color .5s ease-out .3s;display:grid}.icons-page__grid-button.svelte-g0f8dl:hover{background-color:color-mix(in srgb, var(--color-neutral) 50%, transparent);transition:background-color .1s ease-out}.icons-page__grid-button.svelte-g0f8dl .icons-page__grid-icon{color:var(--color-info);width:1.25rem;height:1.25rem}.icons-page__footer.svelte-g0f8dl{color:color-mix(in srgb, var(--color-info) 75%, transparent);flex-direction:column;align-items:center;font-size:.75rem;display:flex}.icons-page__footer.svelte-g0f8dl a:where(.svelte-g0f8dl){color:var(--color-info);font-weight:600}