h1,img{-webkit-user-drag:none}:root,body.light-theme{--text-color:#333;--bg-color:#fcf9f9;--selection-bg:#000;--selection-color:#fff;--bg-color-rgb:255,255,255;--text-color-rgb:51,51,51;--hover-shadow-color:rgba(0, 0, 0, .1)}.blog-body,body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;overflow-x:hidden}.blog-body,body,html{overflow-x:hidden}*,.blog-container,::after,::before{box-sizing:border-box}.blog-nav-pill,.categories-menu,.post-nav-pill,.topics-menu{left:50%;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.topic-item,.topics-btn span{text-overflow:ellipsis;text-align:left}.categories-menu.active,.search-warning-msg.visible,.topics-menu.active{opacity:1;visibility:visible}img{text-indent:-10000px;max-width:100%;height:auto;display:block}:root{--heading-ratio:1;--base-heading-size:clamp(2.5rem, 5vw + 1rem, 4rem);--space-3xs:clamp(0.25rem, 0.5vw, 0.5rem);--space-2xs:clamp(0.5rem, 1vw, 0.75rem);--space-xs:clamp(0.75rem, 1.5vw, 1rem);--space-s:clamp(1rem, 2vw, 1.25rem);--space-m:clamp(1.5rem, 3vw, 2rem);--space-l:clamp(2rem, 4vw, 3rem);--space-xl:clamp(3rem, 6vw, 4rem);--space-2xl:clamp(4rem, 8vw, 6rem);--space-3xl:clamp(5rem, 10vw, 9rem)}body.dark-theme{--text-color:#fff;--bg-color:#121212;--selection-bg:#fff;--selection-color:#000;--bg-color-rgb:18,18,18;--text-color-rgb:255,255,255;--hover-shadow-color:rgba(255, 255, 255, .1)}@font-face{font-family:ABCGinto;src:url('./fonts/subset--Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:ABCGintoNordUltra;src:url('./fonts/subset-ABCGintoNordCondensed-Ultra.woff2') format('woff2');font-weight:800;font-style:normal;font-display:block}@font-face{font-family:ABCGintoNordMedium;src:url('./fonts/subset-ABCGintoNormal-Black.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:'Helvetica Neue',Arial,sans-serif;line-height:1.6;min-height:100vh;min-height:100dvh;position:relative;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.latest-post .post-title,h1{font-family:ABCGintoNordMedium}.blog-body{font-family:ABCGinto,ABCGintoNordCondensed,sans-serif}.blog-title,.explore-subtitle{font-family:ABCGintoNordUltra}::-moz-selection,::-webkit-selection,::selection{background:var(--selection-bg)!important;color:var(--selection-color)!important;text-shadow:none!important}.post-content ::selection,a::selection,h1::selection,h2::selection,p::selection,span::selection{background:var(--selection-bg)!important;color:var(--selection-color)!important;text-shadow:none!important}h1{font-size:calc(var(--base-heading-size) * var(--heading-ratio));margin-top:var(--space-l);margin-bottom:calc(var(--space-xs) * -1);-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem, 8vw, 4rem);line-height:1.1}h2,h3,h4{-webkit-user-drag:none;-webkit-user-select:none}h2,h3,h4,p{font-family:ABCGinto}h2{font-size:var(--base-heading-size);margin-top:0;margin-bottom:var(--space-xs);font-weight:700;user-select:none;font-size:clamp(1.8rem, 6vw, 3rem)}h3,h4{user-select:none}h3{font-size:clamp(1.5rem, 4vw, 2rem)}h4{font-size:clamp(1.2rem, 3vw, 1.5rem)}p{font-size:clamp(1rem, 2vw, 1.2rem);margin-bottom:var(--space-m);line-height:1.7;max-width:65ch}.highlighted-text{background-color:var(--selection-bg);color:var(--selection-color);box-decoration-break:clone;padding:0 .1em}.latest-post .post-link,.post-card{color:inherit;text-decoration:none}.blog-container{max-width:1400px;margin:0 auto;padding:0 var(--space-l);width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.blog-container{padding:0 var(--space-s)}.categories-btn span{display:none}.latest-post .post-image{min-height:300px}.categories-menu{position:fixed!important;bottom:90%!important}}.post-page .blog-container,body.dark-theme .theme-icon-sun,body.light-theme .theme-icon-moon{display:block!important}.blog-hero{display:flex;justify-content:center;align-items:center;min-height:60vh;height:calc(var(--vh,1vh) * 89);text-align:center;padding:var(--space-xl) 0}.blog-title{font-size:clamp(3rem, 12vw, 6rem);margin:0;-webkit-user-select:none;user-select:none;line-height:1}.latest-post,.previous-posts{margin-bottom:100px;transition:margin .4s cubic-bezier(.25, .46, .45, .94),padding .4s cubic-bezier(.25, .46, .45, .94)}.latest-post{display:flex;flex-direction:column;align-items:center;width:100%}.latest-post .post-link{display:block;border-radius:16px;padding:var(--space-xs);margin:0 auto;max-width:100%;width:100%}.latest-post .post-link:hover{background-color:transparent;transform:none}.latest-post .post-link:hover .post-image{transform:scale(1.03)}.latest-post .post-image-container{margin:0 auto 1.5rem;position:relative;width:100%}.latest-post .post-image{width:100%;height:auto;min-height:300px;max-height:90vh;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(40px,15vw,250px);transition:transform .3s cubic-bezier(.25, .46, .45, .94);min-width:0}.post-card,.post-card .post-image-container{border-radius:clamp(30px,5vw,60px);width:100%}.latest-post .post-content{text-align:center;max-width:800px;margin:0 auto;padding:0 var(--space-m)}.latest-post .post-editor{font-size:.9rem;color:rgba(var(--text-color-rgb),.7);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;display:block}.latest-post .post-title{font-size:clamp(2rem, 7vw, 3rem);margin:0 0 1rem;line-height:1.2;transition:font-size .4s cubic-bezier(.25, .46, .45, .94),line-height .4s cubic-bezier(.25, .46, .45, .94);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-post .post-description{font-size:clamp(1rem, 2vw, 1.2rem);line-height:1.6;color:rgba(var(--text-color-rgb),.8);margin:0;transition:font-size .4s cubic-bezier(.25, .46, .45, .94)}.explore-card .post-title,.post-card .post-title{line-height:1.3;font-family:ABCGinto;-webkit-box-orient:vertical;overflow:hidden}.previous-posts{width:100%}.explore-further,.previous-posts{content-visibility:auto;contain-intrinsic-size:1000px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));gap:clamp(2rem,5vw,5rem);margin-top:3rem;margin-bottom:3rem;width:100%}.post-card{display:block;transition:.4s cubic-bezier(.25, .46, .45, .94);padding:20px;margin:0 auto;position:relative}.explore-card:hover,.post-card:hover{background-color:rgba(var(--text-color-rgb),.05);transform:translateY(-5px)}.post-card:hover .post-image{transform:scale(1.05)}.post-card .post-image-container{overflow:hidden;margin-bottom:1.5rem;aspect-ratio:2/1.1}.post-card .post-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),border-radius .4s cubic-bezier(.25, .46, .45, .94);min-width:0}.post-card .post-content{padding:0 .5rem}.post-card .post-editor{font-size:.9rem;color:rgba(var(--text-color-rgb),.7);text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem;padding-left:20px;display:block;transition:margin .4s cubic-bezier(.25, .46, .45, .94)}.post-card .post-title,.post-content a,.post-content blockquote{transition:.4s cubic-bezier(.25, .46, .45, .94)}.post-card .post-title{font-size:clamp(1.4rem, 3vw, 1.7rem);margin:0 0 .5rem;padding-left:20px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3}.explore-card .post-description,.post-card .post-description{display:none}.explore-further{margin-bottom:150px;text-align:center;padding:0 var(--space-m);width:100%}.explore-subtitle{font-size:clamp(2rem, 12vw, 5rem);font-weight:600;color:rgba(var(--text-color-rgb));text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-xl);display:block}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:2rem;width:100%}.explore-card{display:block;text-decoration:none;color:inherit;border-radius:clamp(40px,8vw,100px);padding:var(--space-s);margin:0;position:relative;transition:.6s cubic-bezier(.175, .885, .32, 1.275)}.explore-card .post-image-container{width:100%;border-radius:clamp(40px,8vw,100px);overflow:hidden;margin-bottom:var(--space-m);aspect-ratio:1/1;max-height:350px}.explore-card .post-image{width:100%;height:100%;object-fit:cover}.explore-card .post-content{padding:0;text-align:center;width:100%}.explore-card .post-title{font-size:clamp(1.1rem, 4vw, 1.4rem);font-weight:600;margin:0;transition:font-size .4s cubic-bezier(.25, .46, .45, .94);text-align:center;padding:0 var(--space-xs);display:-webkit-box;-webkit-line-clamp:2}.blog-nav-pill,.post-nav-pill{position:fixed;bottom:var(--space-s);transform:translateX(-50%);background:rgba(var(--bg-color-rgb),.95);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:50px;padding:var(--space-xs) var(--space-s);z-index:999;transition:.4s cubic-bezier(.175, .885, .32, 1.275);min-width:min(300px,90vw);max-width:95vw;width:auto;touch-action:manipulation}.blog-nav-pill:hover,.post-nav-pill:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(var(--text-color-rgb),.3)}.pill-content{display:flex;align-items:center;gap:var(--space-m);width:100%}.search-container{display:flex;align-items:center;flex:1;background:rgba(var(--text-color-rgb),.05);border-radius:30px;padding:0 var(--space-xs);transition:.3s;border:1px solid transparent}.blog-search,.search-btn{background:0 0;border:none}.search-container:focus-within{background:rgba(var(--bg-color-rgb),1);border-color:rgba(var(--text-color-rgb),.3)}.blog-search{padding:var(--space-2xs) 0;color:var(--text-color);outline:0;font-family:inherit;flex:1;min-width:0;width:100%}.blog-search::placeholder{color:rgba(var(--text-color-rgb),.6)}.search-btn{padding:var(--space-3xs);cursor:pointer;color:rgba(var(--text-color-rgb),.7);border-radius:50%;transition:.3s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.search-btn:hover{color:var(--text-color);background:rgba(var(--text-color-rgb),.1)}.categories-dropdown,.post-topics-dropdown{position:relative;flex:0 0 auto}.back-to-blog-btn,.categories-btn,.theme-btn,.topics-btn{align-items:center;color:var(--text-color);min-height:44px;cursor:pointer}.categories-btn,.topics-btn{display:flex;justify-content:space-between;gap:var(--space-2xs);background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:20px;padding:var(--space-2xs) 20px;font-size:clamp(.8rem, 2vw, .9rem);transition:.3s;white-space:nowrap;font-family:inherit}.topics-btn{min-width:153px}.back-to-blog-btn:hover,.categories-btn:hover,.theme-btn:hover,.topics-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.topics-btn span{display:block;white-space:nowrap;overflow:hidden;max-width:90px;min-width:0;flex:1}.categories-menu,.topics-menu{position:absolute;bottom:110%;background:rgba(var(--bg-color-rgb),.98);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:16px;padding:var(--space-2xs);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:.3s cubic-bezier(.175, .885, .32, 1.275);margin-bottom:var(--space-s);z-index:1000;transform-origin:bottom center;width:max-content;max-width:90vw}.back-to-blog-btn,.category-item:hover,.theme-btn,.topic-item:hover{background:rgba(var(--text-color-rgb),.1)}.topics-menu{left:0;width:100%;max-width:300px;transform:translateY(-10px);max-height:300px;overflow-y:auto;scrollbar-width:none}.topics-menu::-webkit-scrollbar{display:none}.categories-menu.active{transform:translateX(-50%) translateY(0)}.topics-menu.active{transform:translateY(0)}.category-item,.topic-item{display:block;padding:10px 12px;color:var(--text-color);text-decoration:none;border-radius:8px;font-size:.9rem;white-space:nowrap}.topic-item{overflow:hidden}.load-more-btn:hover,.topic-item.active{background:rgba(var(--text-color-rgb),.15)}.topic-item.active{color:#fd5392;font-weight:500}.back-to-blog-btn,.theme-btn{display:flex;justify-content:center;border:1px solid rgba(var(--text-color-rgb),.2);border-radius:50%;padding:var(--space-3xs);transition:.3s;min-width:44px}.theme-btn{margin-right:-.8rem;margin-left:-.8rem}.theme-icon-sun{display:none}.theme-icon-moon{display:block}.author-container{display:inline-flex;align-items:center;gap:8px}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background-color:rgba(var(--text-color-rgb),.1);box-shadow:0 0 0 1px rgba(var(--text-color-rgb),.1);transition:opacity .3s}@media (max-width:480px){.pill-content{gap:.5rem}.topics-btn{padding:0;width:162px;justify-content:center}.categories-btn{padding:0;width:50px;justify-content:center}.categories-btn svg,.theme-btn,.topics-btn svg{margin:0}}.search-warning-msg{position:fixed;bottom:calc(var(--space-s) + 80px);left:50%;transform:translateX(-50%) translateY(10px);background:rgba(255,95,87,.95);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;pointer-events:none;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.175, .885, .32, 1.275);z-index:1000;white-space:nowrap}.category-header,.search-results-header{text-align:center;margin-bottom:60px;padding-top:40px;display:flex;flex-direction:column;align-items:center}.category-title{font-size:clamp(2.5rem, 10vw, 4rem);font-family:ABCGintoNordUltra;transition:font-size .4s cubic-bezier(.25, .46, .45, .94);line-height:1.1}.category-description,.search-query{font-size:clamp(1rem, 2vw, 1.2rem);color:rgba(var(--text-color-rgb),.8);max-width:600px}.load-more-btn,.post-category{color:var(--text-color);background:rgba(var(--text-color-rgb),.1)}.load-more-container{text-align:center;margin-bottom:150px;margin-top:-100px}.load-more-btn{border:1px solid rgba(var(--text-color-rgb),.2);border-radius:30px;padding:12px 30px;font-size:1rem;cursor:pointer;transition:.3s;font-family:inherit}.post-content h1,.post-title{font-family:ABCGintoNordMedium;line-height:1.2}.load-more-btn:hover{border-color:rgba(var(--text-color-rgb),.3);transform:translateY(-2px)}.blog-post{max-width:800px;margin:0 auto;padding:40px 20px 100px;transition:padding .4s cubic-bezier(.25, .46, .45, .94);width:100%}.post-header{text-align:center;margin-bottom:3rem}.post-category{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.post-title{font-size:clamp(2.5rem, 8vw, 3.5rem);margin:0 0 1rem}.post-meta{display:flex;justify-content:center;align-items:center;gap:1.5rem;color:rgba(var(--text-color-rgb),.7);font-size:.9rem;margin-bottom:2rem;flex-wrap:wrap}.post-hero-image{width:100%;border-radius:clamp(30px,5vw,60px);overflow:hidden;margin:2rem 0;aspect-ratio:16/9}.post-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;view-transition-name:hero-image}.post-content{font-size:clamp(1rem, 2vw, 1.1rem);line-height:1.7;color:var(--text-color);max-width:100%}.post-content h1{font-size:clamp(2rem, 5vw, 2.5rem);margin:3rem 0 1.5rem}.post-content h2{font-size:clamp(1.8rem, 4vw, 2rem);margin:2.5rem 0 1.25rem;font-family:ABCGinto;line-height:1.3}.post-content h3{font-size:clamp(1.4rem, 3.5vw, 1.5rem);margin:2rem 0 1rem}.post-content h4{font-size:clamp(1.1rem, 3vw, 1.25rem);margin:1.5rem 0 .75rem}.code-content .line-numbers,.post-content pre{font-size:.9rem;line-height:1.5;font-family:'Courier New',monospace}.post-content del{text-decoration:line-through;opacity:.7}.post-content mark{background:linear-gradient(120deg,#fd5392,#f86f64);color:#fff;padding:.1em .3em;border-radius:.2em;box-decoration-break:clone}.post-content blockquote{background:rgba(253,83,146,.05);padding:1.5rem 2rem;margin:2rem 0;border-radius:20px;font-style:italic;position:relative}.code-block,.post-content pre{background:rgba(var(--text-color-rgb),.05);position:relative}.post-content blockquote p{margin:0}.post-content blockquote::before{content:'"';font-size:3rem;color:#fd5392;position:absolute;left:10px;top:-10px;opacity:.3;font-family:serif}.post-content pre{border:1px solid rgba(var(--text-color-rgb),.1);border-radius:clamp(30px,5vw,60px);padding:2rem;margin:1.5rem 0;overflow-x:auto;white-space:pre;word-wrap:normal;-webkit-overflow-scrolling:touch}.post-content pre code{background:0 0;padding:0;border-radius:0;font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;display:block}.code-block{margin:2rem 0;border-radius:20px 20px 60px 60px;overflow:hidden;border:1px solid rgba(var(--text-color-rgb),.1)}.code-header{background:rgba(var(--text-color-rgb),.08);padding:15px 20px;border-bottom:1px solid rgba(var(--text-color-rgb),.1);display:flex;align-items:center;gap:8px}.code-dots{display:flex;gap:6px}.code-dot{width:12px;height:12px;border-radius:50%;transition:.3s}.code-dot:hover{transform:scale(1.1)}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c940}.code-content{display:flex;position:relative;min-height:200px}.code-content pre{margin:0;padding:1.5rem 1.5rem 1.5rem 4rem;overflow-x:auto;white-space:pre;flex:1;border-radius:0;background:0 0;min-height:100px;border:none}.code-block,.code-content,.code-content code{font-family:'Courier New',monospace!important;font-size:.9rem!important;line-height:1.5!important;color:inherit!important;background:0 0!important;text-align:left!important;direction:ltr!important;unicode-bidi:normal!important}.code-content .line-numbers{position:absolute;left:0;top:0;padding:1.5rem 1rem;border-right:1px solid rgba(var(--text-color-rgb),.2);color:rgba(var(--text-color-rgb),.5);user-select:none;background:rgba(var(--text-color-rgb),.02);height:100%;z-index:1}.code-block pre::-webkit-scrollbar{height:15px;background:0 0}.code-block pre::-webkit-scrollbar-track{background:rgba(var(--text-color-rgb),.05);border-radius:10px;margin:0 3rem}.code-block pre::-webkit-scrollbar-thumb{background:rgba(var(--text-color-rgb),.2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.code-block pre::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color-rgb),.3)}.post-content ol,.post-content ul{margin:1.5rem 0;padding-left:1.5rem}.post-content li{margin-bottom:.75rem;line-height:1.6}.post-content ul li{list-style-type:disc;text-align:left}.post-content ol li{list-style-type:decimal}.post-content hr{border:none;height:2px;background:linear-gradient(to right,transparent,rgba(var(--text-color-rgb),.3),transparent);margin:3rem 0}.post-content code:not(pre code){background:rgba(var(--text-color-rgb),.1);padding:.2rem .4rem;border-radius:4px;font-family:'Courier New',monospace;font-size:.9em;color:#e83e8c;word-break:break-word}.post-content a{color:#fd5392;text-decoration:none;background-image:linear-gradient(#fd5392,#fd5392);background-size:0 2px;background-repeat:no-repeat;background-position:left 85%;padding-bottom:2px;position:relative;border-bottom:none}.post-content a:hover{background-size:100% 2px;transform:translateY(-1px);color:#ff6ba8}.post-content-image{max-width:100%;height:auto;border-radius:clamp(30px,8vw,80px);margin:1.5rem 0;object-fit:fill}@keyframes cascade-in{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.hidden,body.dark-theme .theme-icon-moon,body.light-theme .theme-icon-sun{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-placeholder,.loading-placeholder{text-align:center;padding:2rem;color:rgba(var(--text-color-rgb),.7);grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-placeholder .post-image{opacity:.5}.explore-grid:empty::before,.posts-grid:empty::before{content:"Nothing available yet 🥀";display:block;text-align:center;padding:2rem;color:rgba(var(--text-color-rgb),.5);grid-column:1/-1}@view-transition{navigation:auto}@media (prefers-color-scheme:dark){:root{--text-color:#fff;--bg-color:#121212;--selection-bg:#fff;--selection-color:#000;--bg-color-rgb:18,18,18;--text-color-rgb:255,255,255;--hover-shadow-color:rgba(255, 255, 255, .1)}.theme-icon-moon{display:none}.theme-icon-sun{display:block}}@media print{.blog-nav-pill,.footer,.post-nav-pill{display:none!important}.content{max-width:none;padding:0}body{color:#000;background:#fff}h1,h2,h3{color:#000!important}}