.input-with-icon.svelte-1mrrsv1{position:relative;width:100%}.input-with-icon.svelte-1mrrsv1 input:where(.svelte-1mrrsv1){border:1px solid #ccc;padding:.75rem .75rem .75rem 2.5rem;width:100%;border-radius:1.5rem}.input-with-icon.svelte-1mrrsv1 input:where(.svelte-1mrrsv1):focus-visible{outline:0;border-color:#000;box-shadow:0 0 0 1px #000}.input-with-icon.svelte-1mrrsv1 .search-holder:where(.svelte-1mrrsv1) svg{opacity:.5;width:1.5rem;height:1.5rem;position:absolute;left:.75rem;top:.65rem}@media (prefers-color-scheme: dark){.input-with-icon.svelte-1mrrsv1 .search-holder:where(.svelte-1mrrsv1) svg *{stroke:#fff}}.input-with-icon.svelte-1mrrsv1 .clear:where(.svelte-1mrrsv1){position:absolute;right:.75rem;top:.5rem;padding:.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer}@media (prefers-color-scheme: dark){.input-with-icon.svelte-1mrrsv1 .clear:where(.svelte-1mrrsv1) svg *{stroke:#fff}}.input-with-icon.svelte-1mrrsv1 .clear:where(.svelte-1mrrsv1) svg{width:1.5rem;height:1.5rem}.input-with-icon.svelte-1mrrsv1:has(input:focus) svg{opacity:1}@media (prefers-color-scheme: dark){.input-with-icon.svelte-1mrrsv1 svg .oi-fill{fill:#fff;stroke:none}.input-with-icon.svelte-1mrrsv1 input:where(.svelte-1mrrsv1):focus-visible{border-color:#fff;box-shadow:0 0 0 1px #fff}.responds-to-dark .input-with-icon.svelte-1mrrsv1 input:where(.svelte-1mrrsv1){background:#222;border:1px solid #777;color:#fff}}.toast.svelte-947xg0{position:fixed;bottom:12px;left:50%;z-index:3000;transform:translate(-50%);display:flex;justify-content:center;align-items:center;padding:12px 24px;border-radius:4px;color:#fff;background:#000000d9;pointer-events:none}.icon.svelte-16wepx8{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:15px;background:none;padding:1.5rem}.icon.svelte-16wepx8:hover{background:#0000001a}@media (prefers-color-scheme: dark){.icon.svelte-16wepx8:hover{background:#ffffff1a}}.icon.svelte-16wepx8 svg{width:100%;height:100%}.icon-name.svelte-16wepx8{display:block;font-size:80%;color:gray}.icon-item.svelte-16wepx8{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;padding:1rem;text-align:center;border-radius:15px}@media (prefers-color-scheme: dark){.icon-item.svelte-16wepx8{border-color:#555;color:#fff}.icon-item.svelte-16wepx8 svg .oi-fill{fill:#fff;stroke:none}.icon-item.svelte-16wepx8 svg *{stroke:#fff}}input[type=range].svelte-1fn36gj{accent-color:#000}@media (prefers-color-scheme: dark){input[type=range].svelte-1fn36gj{accent-color:#fff}}.controls.svelte-1fn36gj{position:sticky;padding:1rem;background:#fff;z-index:1;top:0;border-bottom:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme: dark){.controls.svelte-1fn36gj{background:#222;border-bottom:1px solid rgba(255,255,255,.2)}}@media (max-width: 960px){.controls.svelte-1fn36gj{margin:0}}@media (min-width: 960px){.controls.svelte-1fn36gj{display:flex;gap:24px;justify-content:center}}label.svelte-1fn36gj{font-weight:600}@media (prefers-color-scheme: dark){label.svelte-1fn36gj,.count.svelte-1fn36gj{color:#fff}}.inner-controls.svelte-1fn36gj{margin:1.5rem 0 0;display:flex;gap:1.5rem;justify-content:center}@media (max-width: 960px){.inner-controls.svelte-1fn36gj{flex-wrap:wrap}.control-group.svelte-1fn36gj{flex:1 0 40%}}input[type=color].svelte-1fn36gj{min-width:20px}@media (max-width: 960px){.inner-controls.svelte-1fn36gj input[type=range]:where(.svelte-1fn36gj){width:100%}}@media (min-width: 960px){.inner-controls.svelte-1fn36gj{margin:0}}.control-group.svelte-1fn36gj{width:100%;display:flex;align-items:center;gap:10px}.control-group.svelte-1fn36gj label:where(.svelte-1fn36gj){white-space:nowrap}.stroke-weight.svelte-1fn36gj{width:30px}.icon-grid.svelte-1fn36gj{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.no-results.svelte-1fn36gj{grid-column:-1 / 1;padding:4rem}@media (prefers-color-scheme: dark){.no-results.svelte-1fn36gj{color:#fff}}.hero.svelte-1fn36gj{gap:1rem;display:flex;flex-direction:column;align-items:center}.hero.svelte-1fn36gj h2:where(.svelte-1fn36gj){margin:0}