main.svelte-3pl5kw{margin:0;translate:0 0;width:100%;padding:0;position:relative;background-color:var(--black);z-index:700}section.svelte-3pl5kw{border:1px solid var(--border-1)}#blog-intro.svelte-3pl5kw{padding:120px 40px 24px;display:flex;flex-direction:column;gap:80px;background-color:var(--black)}.intro-filters.svelte-3pl5kw{display:flex;justify-content:space-between;align-items:flex-end}.filters.svelte-3pl5kw{display:flex;gap:20px}.filters.svelte-3pl5kw a:where(.svelte-3pl5kw){padding:12px 20px;display:flex;text-decoration:none;background-color:transparent;font-weight:400;font-size:16px;color:var(--text-2);border:1px solid var(--border-1);transform-origin:bottom;transition:.5s var(--bzr)}.filters.svelte-3pl5kw a.active:where(.svelte-3pl5kw){background-color:var(--text-1);color:var(--black);font-weight:500}.filters.svelte-3pl5kw a:where(.svelte-3pl5kw):not(.active):hover{border:1px solid var(--border-1);background-color:var(--black-2);color:var(--text-1)}.filters.svelte-3pl5kw a:where(.svelte-3pl5kw):not(.active):active{opacity:.8;transform:scale(.95)}#blog-list.svelte-3pl5kw{width:100%;display:flex;flex-direction:column;gap:20px;padding:40px 20px 120px}article.svelte-3pl5kw{padding:20px;width:100%;display:flex;gap:24px;align-items:center;border:1px solid transparent;transition:.5s var(--bzr)}article.svelte-3pl5kw:hover{border:1px solid var(--border-1);background-color:var(--black-2)}.poster.svelte-3pl5kw{padding:8px;border:1px solid var(--border-1);background-color:var(--black-2);width:40%;overflow:hidden}.poster.svelte-3pl5kw img:where(.svelte-3pl5kw){object-fit:cover;border:1px solid var(--border-1);width:100%;filter:grayscale(100%);transition:1.1s var(--bzr)}article.svelte-3pl5kw:hover img:where(.svelte-3pl5kw){opacity:.8;transform:scale(1.1);filter:grayscale(0%)}article.svelte-3pl5kw:active img:where(.svelte-3pl5kw){border:1px solid var(--purple);transform:scale(1);filter:grayscale(50%)}.meta.svelte-3pl5kw{padding-inline:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;line-height:18px}.date.svelte-3pl5kw,.tags.svelte-3pl5kw{color:var(--text-3)}.tags.svelte-3pl5kw a:where(.svelte-3pl5kw){color:var(--text-2);text-decoration:underline;line-height:24px;white-space:nowrap;transition:.5s var(--bzr)}.tags.svelte-3pl5kw a:where(.svelte-3pl5kw):hover{color:var(--w0)}.reading.svelte-3pl5kw{color:var(--text-3)}.title.svelte-3pl5kw{padding-inline:20px}.title.svelte-3pl5kw a:where(.svelte-3pl5kw){font-size:32px;line-height:44px;font-weight:700;text-wrap:balance;text-decoration:none;transition:.5s var(--bzr)}.title.svelte-3pl5kw a:where(.svelte-3pl5kw):hover{color:var(--purple);text-decoration:underline}.title.svelte-3pl5kw a:where(.svelte-3pl5kw):active{color:var(--purple)}@media (width < 920px){#blog-intro.svelte-3pl5kw{display:none}}@media (width < 720px){.intro-filters.svelte-3pl5kw{display:none}article.svelte-3pl5kw{flex-direction:column;padding:0;border:none;gap:20px}.title.svelte-3pl5kw,.poster.svelte-3pl5kw{width:100%}.meta.svelte-3pl5kw{width:100%;flex-direction:row;gap:20px;padding-inline:12px;justify-content:flex-start;align-items:flex-start}.tags.svelte-3pl5kw{display:none}.title.svelte-3pl5kw{padding-left:12px;padding-bottom:20px}.title.svelte-3pl5kw a:where(.svelte-3pl5kw){font-size:28px;text-align:left}}