.hero.svelte-1plx8u6{place-items:center;width:100%;height:20rem;display:grid;position:relative;overflow:hidden}.hero-content.svelte-1plx8u6{z-index:2;text-align:center;padding:24px}.hero.svelte-1plx8u6 h1:where(.svelte-1plx8u6){color:#fff;letter-spacing:3px;font-size:3rem}.hero-overlay.svelte-1plx8u6{z-index:1;background-color:#0000001a;position:absolute;inset:0}@media screen and (width<=550px){.hero.svelte-1plx8u6{height:12rem}.hero.svelte-1plx8u6 h1:where(.svelte-1plx8u6){letter-spacing:1px;font-size:1.5rem}}.blog-container.svelte-1plx8u6{max-width:var(--max-page-width);margin:2rem auto;padding:0 1rem}.categories.svelte-1plx8u6{flex-direction:column;margin-bottom:2rem;display:flex}.category-buttons.svelte-1plx8u6{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.category-button.svelte-1plx8u6,.rss-link.svelte-1plx8u6{background:var(--background-colour-secondary);color:var(--text-colour);cursor:pointer;border:none;border-radius:.125rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s ease-in-out;display:flex}.category-button.active.svelte-1plx8u6{color:#fff;background:#008060}.rss-container.svelte-1plx8u6{position:relative}.rss-icon.svelte-1plx8u6{width:1rem;height:1rem}.rss-menu.svelte-1plx8u6{z-index:100;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.rss-menu-overlay.svelte-1plx8u6{background:#00000080;position:absolute;inset:0}.rss-menu-content.svelte-1plx8u6{background:var(--background-colour);border-radius:1rem 1rem 0 0;max-height:80vh;padding:1rem;position:relative;overflow-y:auto}.rss-menu-header.svelte-1plx8u6{border-bottom:1px solid var(--background-colour-secondary);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.rss-menu-header.svelte-1plx8u6 h3:where(.svelte-1plx8u6){margin:0;font-size:1.25rem;font-weight:500}.close-button.svelte-1plx8u6{color:var(--text-colour);cursor:pointer;background:0 0;border:none;margin:-.5rem;padding:.5rem;font-size:1.5rem}.rss-menu-body.svelte-1plx8u6{padding:.5rem 0}.rss-url-container.svelte-1plx8u6{gap:.5rem;margin-bottom:1rem;display:flex}.rss-url-input.svelte-1plx8u6{border:1px solid var(--background-colour-secondary);background:var(--background-colour-secondary);color:var(--text-colour);border-radius:.25rem;flex:1;width:100%;padding:.5rem;font-size:.875rem}.copy-button.svelte-1plx8u6{background:var(--background-colour-secondary);color:var(--text-colour);cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s ease-in-out}.copy-button[data-copied=true].svelte-1plx8u6{color:#fff;background:#008060}.rss-readers.svelte-1plx8u6{flex-direction:column;gap:.5rem;display:flex}.reader-link.svelte-1plx8u6{color:var(--text-colour);text-align:center;border-radius:.25rem;padding:.5rem;text-decoration:none;transition:all .2s ease-in-out}.blog-grid.svelte-1plx8u6{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:4rem;display:grid}.empty-state.svelte-1plx8u6{text-align:center;color:var(--text-colour);background:var(--background-colour-secondary);border-radius:.75rem;grid-column:1/-1;padding:4rem 1rem}.empty-state.svelte-1plx8u6 h2:where(.svelte-1plx8u6){margin:0 0 .5rem;font-size:1.5rem;font-weight:500}.empty-state.svelte-1plx8u6 p:where(.svelte-1plx8u6){opacity:.7;margin:0;font-size:1rem}@media (width>=641px){.categories.svelte-1plx8u6{flex-direction:row;justify-content:space-between;align-items:flex-start}.category-buttons.svelte-1plx8u6{margin-bottom:0}.rss-container.svelte-1plx8u6{margin-left:1rem}}@media (pointer:fine){.category-button.svelte-1plx8u6:hover:not(.active),.rss-link.svelte-1plx8u6:hover{background:var(--text-colour);color:var(--background-colour);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.category-button.active.svelte-1plx8u6:hover{background:#008c69;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.copy-button.svelte-1plx8u6:hover:not([data-copied=true]){background:var(--text-colour);color:var(--background-colour)}.reader-link.svelte-1plx8u6:hover{background:var(--background-colour-secondary)}.rss-menu.svelte-1plx8u6{justify-content:flex-start;margin-top:.5rem;position:absolute;inset:100% 0 auto auto}.rss-menu-overlay.svelte-1plx8u6{display:none}.rss-menu-content.svelte-1plx8u6{border:1px solid var(--background-colour-secondary);border-radius:.375rem;width:20rem;max-width:calc(100vw - 2rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}