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