.blog-scope{--blog-ease: cubic-bezier(.23, 1, .32, 1)}@keyframes blog-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.blog-rise{animation:blog-rise .46s var(--blog-ease, cubic-bezier(.23, 1, .32, 1)) backwards;animation-delay:var(--blog-rise-delay, 0ms)}.blog-press{transition:transform .16s var(--blog-ease, cubic-bezier(.23, 1, .32, 1))}.blog-press:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.blog-lift{transition:transform .22s var(--blog-ease, cubic-bezier(.23, 1, .32, 1))}.blog-lift:hover{transform:translateY(-4px)}.blog-lift.blog-press:active{transform:translateY(-4px) scale(.97)}}.blog-glass{background-color:#ffffffb8;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.dark .blog-glass{background-color:#1a1d1fad}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.blog-glass,.dark .blog-glass{background-color:var(--background-2)}}@media(prefers-reduced-transparency:reduce){.blog-glass{background-color:var(--background-2);backdrop-filter:none;-webkit-backdrop-filter:none}.dark .blog-glass{background-color:var(--background-2)}}.blog-hero-wash{background-image:radial-gradient(58% 110% at 16% -4%,color-mix(in srgb,var(--secondary) 18%,transparent),transparent 64%),radial-gradient(54% 105% at 84% 0%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 66%)}.dark .blog-hero-wash{background-image:radial-gradient(58% 100% at 18% 0%,color-mix(in srgb,var(--secondary) 26%,transparent),transparent 62%),radial-gradient(52% 96% at 82% 4%,color-mix(in srgb,var(--secondary) 16%,transparent),transparent 64%)}.blog-glare-host{position:relative;display:block}.blog-glare{--blog-glare-opacity: var(--blog-glare-base-opacity, .3);position:absolute;top:-60%;bottom:-60%;left:0;width:100%;z-index:1;pointer-events:none;opacity:0;background-image:linear-gradient(to right,transparent calc(50% - var(--blog-glare-size, 300px) / 2),var(--blog-glare-color, #ffffff) 50%,transparent calc(50% + var(--blog-glare-size, 300px) / 2));transform:rotate(var(--blog-glare-angle, -30deg)) translate3d(-120%,0,0)}@keyframes blog-glare-sweep{0%{opacity:0;transform:rotate(var(--blog-glare-angle, -30deg)) translate3d(-120%,0,0)}14%{opacity:var(--blog-glare-opacity, .3)}86%{opacity:var(--blog-glare-opacity, .3)}to{opacity:0;transform:rotate(var(--blog-glare-angle, -30deg)) translate3d(120%,0,0)}}@media(hover:hover)and (pointer:fine){.group:hover .blog-glare,.blog-glare-host:hover>.blog-glare{animation:blog-glare-sweep var(--blog-glare-duration, .8s) cubic-bezier(.33,0,.2,1)}}.dark .blog-glare{--blog-glare-opacity: calc(var(--blog-glare-base-opacity, .3) * .7)}.blog-loop-viewport{overflow:hidden;--blog-loop-fade: 1.75rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--blog-loop-fade),#000 calc(100% - var(--blog-loop-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--blog-loop-fade),#000 calc(100% - var(--blog-loop-fade)),transparent)}@media(min-width:40rem){.blog-loop-viewport{--blog-loop-fade: 4rem}}.blog-loop-track{display:flex;width:max-content;will-change:transform;animation:blog-loop-ltr var(--blog-loop-duration, 40s) linear infinite}[dir=rtl] .blog-loop-track{animation-name:blog-loop-rtl}@keyframes blog-loop-ltr{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes blog-loop-rtl{0%{transform:translateZ(0)}to{transform:translate3d(50%,0,0)}}.blog-loop-track[data-ready=false],.blog-loop-viewport:hover .blog-loop-track,.blog-loop-viewport:focus-within .blog-loop-track{animation-play-state:paused}@supports (mask: radial-gradient(#000,#0000)){.blog-notch{--r: 24px;--s: 27px;--x: 10px;--y: 10px;--_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);--_g: conic-gradient( from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0 );--_d: (var(--s) + var(--r));-webkit-mask:calc(var(--_d) + var(--x)) 100% var(--_m),0 calc(100% - var(--_d) - var(--y)) var(--_m),radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1 * var(--r) - var(--y)),var(--_g) calc(var(--_d) + var(--x)) 0,var(--_g) 0 calc(-1 * var(--_d) - var(--y));-webkit-mask-repeat:no-repeat;mask:calc(var(--_d) + var(--x)) 100% var(--_m),0 calc(100% - var(--_d) - var(--y)) var(--_m),radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1 * var(--r) - var(--y)),var(--_g) calc(var(--_d) + var(--x)) 0,var(--_g) 0 calc(-1 * var(--_d) - var(--y));mask-repeat:no-repeat}.blog-notch-pad{padding-left:calc(var(--s, 27px) + var(--x, 10px) + .75rem)}.blog-notch-shadow{filter:drop-shadow(0 1px 1px rgb(0 0 0 / .1)) drop-shadow(0 10px 18px rgb(0 0 0 / .18))}.dark .blog-notch-shadow{filter:drop-shadow(0 2px 3px rgb(0 0 0 / .35)) drop-shadow(0 14px 26px rgb(0 0 0 / .5))}.blog-notch-shadow-card{filter:drop-shadow(0 1px 1px rgb(0 0 0 / .06)) drop-shadow(0 8px 16px rgb(0 0 0 / .14))}.dark .blog-notch-shadow-card{filter:none}}.blog-snap-row{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;--blog-snap-fade: 1.75rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--blog-snap-fade),#000 calc(100% - var(--blog-snap-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--blog-snap-fade),#000 calc(100% - var(--blog-snap-fade)),transparent)}@media(min-width:40rem){.blog-snap-row{--blog-snap-fade: 4rem}}.blog-snap-row::-webkit-scrollbar{display:none}.blog-snap-row>*{scroll-snap-align:center}.blog-prose{color:var(--label-secondary);line-height:2.05}.blog-prose>*+*{margin-top:1.15em}.blog-prose h2{margin-top:2.2em;margin-bottom:.7em;font-size:1.35rem;font-weight:800;line-height:1.6;color:var(--label-primary)}.blog-prose h3{margin-top:1.9em;margin-bottom:.6em;font-size:1.12rem;font-weight:700;color:var(--label-primary)}.blog-prose h4{margin-top:1.6em;margin-bottom:.5em;font-size:1rem;font-weight:700;color:var(--label-primary)}.blog-prose strong{font-weight:700;color:var(--label-primary)}.blog-prose a{color:var(--secondary);font-weight:500;text-decoration:underline;text-underline-offset:4px}.blog-prose a:hover{opacity:.8}.blog-prose :is(ul,ol){padding-inline-start:1.5rem}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.5em}.blog-prose blockquote{margin-block:1.6em;border-inline-start:2px solid var(--secondary);border-radius:.75rem;background-color:var(--background-3);padding:.85rem 1rem}.blog-prose hr{margin-block:2em;border-color:var(--divider)}.blog-prose img{height:auto;max-width:100%;border-radius:1rem;border:1px solid var(--divider)}.blog-prose figcaption{margin-top:.5rem;text-align:center;font-size:.75rem;color:var(--label-quaternary)}.blog-prose code{border-radius:.375rem;background-color:var(--background-3);padding:.1rem .35rem;font-size:.85em;color:var(--label-primary)}.blog-prose pre{overflow-x:auto;border-radius:1rem;border:1px solid var(--divider);background-color:var(--background-3);padding:1rem;font-size:.82rem}.blog-prose pre code{background-color:transparent;padding:0}.blog-prose table{width:100%;border-collapse:collapse;font-size:.85rem}.blog-prose :is(th,td){border:1px solid var(--divider);padding:.5rem .75rem;text-align:start}.blog-prose th{background-color:var(--background-3);font-weight:700;color:var(--label-primary)}@media(prefers-reduced-motion:reduce){@keyframes blog-rise{0%{opacity:0}to{opacity:1}}.blog-rise{animation-duration:.2s}.blog-press:active,.blog-lift:hover,.blog-lift.blog-press:active{transform:none}.blog-glare{display:none}.blog-loop-track{animation:none}}
