@layer blog.components{.app-cta:where(.astro-6o577xoh){background:color-mix(in oklab,var(--sl-color-gray-6) 20%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in oklab,var(--sl-color-white) 10%,transparent);border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 30px color-mix(in oklab,var(--sl-color-black) 20%,transparent);margin-top:1.5rem}.app-cta-title:where(.astro-6o577xoh){margin:0 0 1rem;font-size:1.1rem}.app-cta-card:where(.astro-6o577xoh)+.app-cta-card:where(.astro-6o577xoh){margin-top:1.25rem}.app-cta-header:where(.astro-6o577xoh){display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.app-cta-header:where(.astro-6o577xoh) h4:where(.astro-6o577xoh){margin:0 0 .3rem;font-size:1rem}.app-cta-header:where(.astro-6o577xoh) p:where(.astro-6o577xoh){margin:0;font-size:.85rem;color:color-mix(in oklab,var(--sl-color-white) 70%,transparent);line-height:1.4}.app-cta-actions:where(.astro-6o577xoh){display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.app-cta-store-group:where(.astro-6o577xoh){display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:960px){.app-cta:where(.astro-6o577xoh){background:color-mix(in oklab,var(--sl-color-gray-6) 30%,transparent);backdrop-filter:blur(20px);border:1px solid color-mix(in oklab,var(--sl-color-white) 15%,transparent);box-shadow:0 8px 20px color-mix(in oklab,var(--sl-color-black) 30%,transparent);animation:slideUp .3s ease-out;padding:.75rem;width:auto;min-width:0;border-radius:1rem;margin-bottom:5rem}.app-cta-title:where(.astro-6o577xoh){display:none}.app-cta-header:where(.astro-6o577xoh){flex-direction:row;align-items:center;margin-bottom:.75rem;gap:.5rem;text-align:left}.app-cta-header:where(.astro-6o577xoh) img:where(.astro-6o577xoh){width:40px!important;height:40px!important}.app-cta-header:where(.astro-6o577xoh) h4:where(.astro-6o577xoh){font-size:.8rem;margin:0;white-space:nowrap}.app-cta-header:where(.astro-6o577xoh) p:where(.astro-6o577xoh){display:none}.app-cta-actions:where(.astro-6o577xoh){justify-content:center;gap:0}.app-cta-actions:where(.astro-6o577xoh) .btn:where(.astro-6o577xoh){font-size:.7rem;padding:.35rem .7rem}.app-cta-store-group:where(.astro-6o577xoh){display:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer blog.post{.blog-post-hero:where(.astro-7jjqptxk){padding:3.5rem clamp(.75rem,3vw,2rem) 2.5rem}.blog-post-hero:where(.astro-7jjqptxk) .container:where(.astro-7jjqptxk){padding:0;max-width:1200px;margin:0 auto}.blog-post-hero:where(.astro-7jjqptxk) .container:where(.astro-7jjqptxk){max-width:1040px;margin:0 auto;padding:0 1rem}.blog-post-date:where(.astro-7jjqptxk){text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:color-mix(in oklab,var(--sl-color-white) 60%,transparent);margin-bottom:.8rem}.blog-post-updated:where(.astro-7jjqptxk){margin-left:.8rem;color:color-mix(in oklab,var(--sl-color-white) 50%,transparent)}.blog-post-hero:where(.astro-7jjqptxk) h1:where(.astro-7jjqptxk){font-size:clamp(2.3rem,3.5vw,3.8rem);margin:0 0 1rem}.blog-post-subtitle:where(.astro-7jjqptxk){margin:0 0 1.2rem;font-size:1.15rem;color:color-mix(in oklab,var(--sl-color-white) 70%,transparent);max-width:760px}.blog-post-meta:where(.astro-7jjqptxk){display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.blog-post-tags:where(.astro-7jjqptxk){display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tag:where(.astro-7jjqptxk){font-size:.72rem;padding:.25rem .7rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--sl-color-white) 12%,transparent);color:color-mix(in oklab,var(--sl-color-white) 75%,transparent)}.blog-post-cover:where(.astro-7jjqptxk){margin-top:2.5rem}.blog-post-cover-img:where(.astro-7jjqptxk){width:100%;height:auto;border-radius:1.5rem;border:1px solid color-mix(in oklab,var(--sl-color-white) 10%,transparent)}.blog-post-body:where(.astro-7jjqptxk){display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;padding:2.5rem clamp(.5rem,1.5vw,1rem) 5rem;max-width:1400px;margin:0 auto;width:min(1400px,100%)}.blog-post-content:where(.astro-7jjqptxk){max-width:none}.blog-post-content:where(.astro-7jjqptxk) h2{margin-top:2.5rem;font-size:1.8rem}.blog-post-content:where(.astro-7jjqptxk) p,.blog-post-content:where(.astro-7jjqptxk) li{font-size:1.05rem;line-height:1.7;color:color-mix(in oklab,var(--sl-color-white) 80%,transparent);margin-bottom:1.5rem}.blog-post-content:where(.astro-7jjqptxk) p:first-of-type{font-size:1.1rem;color:color-mix(in oklab,var(--sl-color-white) 85%,transparent)}.blog-post-aside:where(.astro-7jjqptxk){position:sticky;top:6rem;align-self:start;z-index:10}@media(max-width:960px){.blog-post-body:where(.astro-7jjqptxk){grid-template-columns:1fr;padding:1rem .5rem 11rem;max-width:100vw;overflow-x:hidden}.blog-post-content:where(.astro-7jjqptxk){max-width:100vw;overflow-x:hidden}.blog-post-hero:where(.astro-7jjqptxk) .container:where(.astro-7jjqptxk){padding:0 .5rem}.blog-post-aside:where(.astro-7jjqptxk){position:fixed;top:auto;bottom:4rem;right:2rem;z-index:50;width:auto;max-width:none;margin:0}}}