.dev-badge.svelte-vgvate{font-family:var(--font-sans);font-weight:600;background-color:tomato;color:#fff;border-radius:1rem;display:inline-flex;padding:0rem .75rem;text-transform:uppercase}.card-overlay.svelte-vgvate{transform:scale(.5);transition:transform .5s ease,opacity .5s ease;opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;color:tomato;z-index:1;font-size:4rem;font-family:var(--font-sans)}.card-overlay.svelte-vgvate:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-app-bg);z-index:-1;opacity:.5}.card.svelte-vgvate{display:block;color:inherit;position:relative}.card.svelte-vgvate :where(.svelte-vgvate):not(.title){text-decoration:none}.card.svelte-vgvate .title:where(.svelte-vgvate),.card.svelte-vgvate .text-reveal-part>span{text-decoration:underline;text-underline-offset:-4px;text-decoration-thickness:6px;text-decoration-color:transparent;will-change:text-underline-offset,text-decoration-thickness,text-decoration-color;transition:text-underline-offset .3s var(--ease-in-out-5),text-decoration-color .2s .1s ease}.card.svelte-vgvate:hover .title:where(.svelte-vgvate),.card.svelte-vgvate:hover .text-reveal-part>span{text-decoration-color:var(--color-theme-1);text-underline-offset:6px;transition:text-underline-offset .4s var(--ease-out-5),text-decoration-color .1s ease}.card.svelte-vgvate:hover .backdrop:where(.svelte-vgvate){opacity:1}.title.svelte-vgvate,p.svelte-vgvate{margin:0;margin-bottom:.5rem}.title.svelte-vgvate{line-height:1.2;line-height:var(--line-height-7);font-size:var(--font-size-6);font-weight:700}.content.svelte-vgvate{display:flex;gap:2rem;padding-left:1rem}.content.svelte-vgvate .identifier{padding:0;flex-direction:column;width:30%}.content.svelte-vgvate .identifier ul{flex:initial}.content.svelte-vgvate .identifier .label{font-size:.65em}.content.has-identifier.svelte-vgvate{margin:.65rem 0}.content.has-identifier.svelte-vgvate p:where(.svelte-vgvate){flex-shrink:10}.date.svelte-vgvate{margin:0;position:absolute;transform:rotate(90deg);left:0;transform-origin:-.5rem 0rem;top:0}.backdrop.svelte-vgvate{position:absolute;top:-1rem;left:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);border-radius:var(--app-frame-border-radius);background-size:cover;background-position:center;z-index:-1;mix-blend-mode:difference;opacity:0;transition:opacity .3s ease;will-change:opacity}.blog-posts.svelte-hhuerv{padding-top:8rem;display:flex;flex-direction:column;gap:4rem;padding-bottom:8rem}.blog-posts.svelte-hhuerv .card{max-width:var(--max-width-reading-base);margin:0 auto}.blog-posts.svelte-hhuerv .card a{color:var(--color-app-text)}.blog-posts.svelte-hhuerv .card .tag{color:var(--color-theme-2)}.blog-posts.svelte-hhuerv .card-wrapper:where(.svelte-hhuerv){max-width:var(--max-width-reading-wide);margin:0 auto}.blog-posts.svelte-hhuerv .tags:where(.svelte-hhuerv){max-width:var(--max-width-reading-wide);margin-left:auto;margin-right:auto;width:90vw}.article-image-wrapper.svelte-hhuerv{--offset: 4vw;--rotate: 0deg;--scale: 1.1;filter:var(--filter);grid-row:1;grid-column:1;height:100vh;width:100%;width:calc((100vw - 700px)/2 - 4rem);position:fixed;top:0;overflow:hidden;transform:translate(var(--offset));transition:transform .5s ease,opacity .5s ease;opacity:0;pointer-events:none;mix-blend-mode:multiply}[data-theme=dark] .article-image-wrapper.svelte-hhuerv{mix-blend-mode:lighten}.article-image-wrapper.right.svelte-hhuerv{--offset: 4vw;--rotate: 1deg;right:0}.article-image-wrapper.right.svelte-hhuerv .article-image:where(.svelte-hhuerv){left:0}.article-image-wrapper.left.svelte-hhuerv{--offset: -4vw;--rotate: -1deg;left:0}.article-image-wrapper.left.svelte-hhuerv .article-image:where(.svelte-hhuerv){right:0}.article-image-wrapper.svelte-hhuerv .article-image:where(.svelte-hhuerv){position:absolute;width:calc(100% + 4rem);height:100%;top:0;background-repeat:no-repeat;background-size:cover;background-position:center;transform:translate(var(--offset)) rotate(var(--rotate)) scale(var(--scale));transition:transform 1s ease}.article-image-wrapper.svelte-hhuerv .article-image:where(.svelte-hhuerv) .video-container,.article-image-wrapper.svelte-hhuerv .article-image:where(.svelte-hhuerv) video{position:absolute;width:100%;height:100%;object-fit:cover}.article-image-wrapper.is-active.svelte-hhuerv{transform:translate(0);opacity:1;transition:transform 1s var(--ease-out-5),opacity 1s ease}.article-image-wrapper.is-active.right.svelte-hhuerv{--rotate: -2deg}.article-image-wrapper.is-active.right.svelte-hhuerv .article-image:where(.svelte-hhuerv){transform:translate(-2rem) rotate(var(--rotate)) scale(var(--scale))}.article-image-wrapper.is-active.left.svelte-hhuerv{--rotate: 2deg}.article-image-wrapper.is-active.left.svelte-hhuerv .article-image:where(.svelte-hhuerv){transform:translate(2rem) rotate(var(--rotate)) scale(var(--scale))}.article-image-wrapper.is-active.svelte-hhuerv .article-image:where(.svelte-hhuerv){transition:transform 1.5s var(--ease-out-5)}