.blog-module__yoV40a__tokens{--blog-heading:#2e3038;--blog-copy:#5e616e;--blog-meta:#8b8e9b;--blog-border:#7676761a;--blog-shadow:0 1px 1px #76767612, 0 2px 5px #7676760d, 0 12px 32px -12px #76767624;--blog-shadow-hover:0 1px 1px #76767614, 0 4px 10px #76767612, 0 20px 40px -16px #76767638;--blog-chip-shadow:0 0 2px 0 #1c28402e, 0 1px 3px 0 #18294b0a}.blog-module__yoV40a__panel{isolation:isolate;border:1px solid var(--blog-border);min-height:280px;box-shadow:var(--blog-shadow);background:#f8f9fc;border-radius:20px;flex-direction:column;justify-content:space-between;gap:32px;padding:20px;transition:box-shadow .24s;display:flex;position:relative;overflow:hidden}.blog-module__yoV40a__panel:before{z-index:-1;background:var(--panel-wash);content:"";transition:scale .48s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.blog-module__yoV40a__panel[data-tone="0"]{--panel-wash:radial-gradient(ellipse at 10% 30%, #6798ff3d, transparent 60%), radial-gradient(ellipse at 95% 70%, #b582ec33, transparent 65%)}.blog-module__yoV40a__panel[data-tone="1"]{--panel-wash:radial-gradient(ellipse at 85% 20%, #fb9cc238, transparent 65%), radial-gradient(ellipse at 15% 85%, #80cbff38, transparent 65%)}.blog-module__yoV40a__panel[data-tone="2"]{--panel-wash:radial-gradient(ellipse at 0% 70%, #ffb38f3d, transparent 65%), radial-gradient(ellipse at 85% 20%, #b596ff38, transparent 65%)}.blog-module__yoV40a__chip{height:28px;box-shadow:var(--blog-chip-shadow);color:#0000008c;letter-spacing:-.01em;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;padding-inline:10px;font-size:13px;font-weight:500;display:inline-flex}.blog-module__yoV40a__meta{color:var(--blog-meta);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:14px}.blog-module__yoV40a__arrow,.blog-module__yoV40a__arrowBack{transition:translate .24s cubic-bezier(.22,1,.36,1)}.blog-module__yoV40a__panel.blog-module__yoV40a__navPanel{justify-content:flex-start;gap:12px;height:100%;min-height:0}.blog-module__yoV40a__card:focus-visible .blog-module__yoV40a__panel{outline:2px solid color-mix(in oklab, var(--theos-500) 60%, transparent);outline-offset:2px}.blog-module__yoV40a__article{color:#40434d;letter-spacing:-.006em;overflow-wrap:break-word;font-size:17px;line-height:1.75}.blog-module__yoV40a__article :where(p,ul,ol,blockquote,pre,figure,table){margin-block:0 1.25em}.blog-module__yoV40a__article :where(h2,h3,h4){color:var(--blog-heading);text-wrap:pretty;scroll-margin-top:96px;font-weight:500;position:relative}.blog-module__yoV40a__article h2{letter-spacing:-.025em;margin:2.2em 0 .6em;font-size:26px;line-height:1.2}.blog-module__yoV40a__article h3{letter-spacing:-.02em;margin:1.9em 0 .5em;font-size:20px;line-height:1.3}.blog-module__yoV40a__article h4{margin:1.6em 0 .4em;font-size:1em;line-height:1.4}.blog-module__yoV40a__article>:first-child{margin-top:0}.blog-module__yoV40a__article :is(h2,h3,h4)>a[href^=\#]{color:var(--blog-meta);opacity:0;transition:opacity .15s;display:none;position:absolute;top:50%;left:-28px;translate:0 -50%}.blog-module__yoV40a__article :is(h2,h3,h4)>a[href^=\#] svg{width:16px;height:16px}.blog-module__yoV40a__article :is(h2,h3,h4):hover>a[href^=\#]{opacity:1}.blog-module__yoV40a__article strong{color:var(--blog-heading);font-weight:600}.blog-module__yoV40a__article a:not([href^=\#]){color:var(--theos-600);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--theos-600) 30%, transparent);text-decoration-color:color-mix(in oklab, var(--theos-600) 30%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.blog-module__yoV40a__article a:not([href^=\#]):hover{text-decoration-color:currentColor}.blog-module__yoV40a__article ul{padding-left:1.25em;list-style:outside}.blog-module__yoV40a__article ol{padding-left:1.4em;list-style:decimal}.blog-module__yoV40a__article li{margin-top:.4em;padding-left:.25em}.blog-module__yoV40a__article li::marker{color:var(--blog-meta);font-variant-numeric:tabular-nums}.blog-module__yoV40a__article li>:is(ul,ol){margin-block:.4em 0}.blog-module__yoV40a__article blockquote{color:var(--blog-heading);letter-spacing:-.015em;border-left:1px solid #0000001f;padding-left:1.25em;font-size:1.06em;font-style:normal;font-weight:500;line-height:1.6}.blog-module__yoV40a__article blockquote>:last-child{margin-bottom:0}.blog-module__yoV40a__article blockquote strong{font-weight:600}.blog-module__yoV40a__article hr{border:0;border-top:1px solid var(--color-gray-200,#e5e7eb);margin-block:3em}.blog-module__yoV40a__article table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.blog-module__yoV40a__article :is(th,td){border-bottom:1px solid var(--color-gray-200,#e5e7eb);text-align:left;vertical-align:top;padding:10px 12px}.blog-module__yoV40a__article th{color:var(--blog-heading);font-weight:500}.blog-module__yoV40a__article :not(pre)>code{color:var(--blog-heading);background:#f2f4f9;border-radius:6px;padding:.15em .4em;font-size:.88em}.blog-module__yoV40a__article img{border-radius:16px}.blog-module__yoV40a__toc{border:1px solid var(--blog-border);background:radial-gradient(at 0 0,#6798ff1a,#0000 60%),radial-gradient(at 100% 100%,#b582ec14,#0000 65%),#f8f9fc;border-radius:20px;margin-block:0 2.5em;padding:20px 24px 12px;font-size:15px;line-height:1.45}.blog-module__yoV40a__toc ul{margin:10px 0 0;padding:0;list-style:none}.blog-module__yoV40a__toc li{border-top:1px solid #0000000f;margin:0;padding:0}.blog-module__yoV40a__toc li>ul{margin:0 0 0 16px}.blog-module__yoV40a__toc a{color:var(--blog-heading);padding-block:8px;text-decoration:none;transition:color .15s;display:block}.blog-module__yoV40a__toc a:hover{color:var(--theos-600)}@media (min-width:768px){.blog-module__yoV40a__article{font-size:18px}.blog-module__yoV40a__article h2{font-size:30px}.blog-module__yoV40a__article h3{font-size:22px}}@media (min-width:1024px){.blog-module__yoV40a__article :is(h2,h3,h4)>a[href^=\#]{display:block}}@media (min-width:768px){.blog-module__yoV40a__panel{border-radius:24px;min-height:320px;padding:28px}}@media (min-width:1280px){.blog-module__yoV40a__panel{min-height:360px}}@media (hover:hover) and (pointer:fine){.blog-module__yoV40a__card:hover .blog-module__yoV40a__panel{box-shadow:var(--blog-shadow-hover)}.blog-module__yoV40a__card:hover .blog-module__yoV40a__panel:before{scale:1.08}.blog-module__yoV40a__card:hover .blog-module__yoV40a__arrow,.blog-module__yoV40a__row:hover .blog-module__yoV40a__arrow{translate:4px}.blog-module__yoV40a__card:hover .blog-module__yoV40a__arrowBack{translate:-4px}}@media (prefers-reduced-motion:reduce){.blog-module__yoV40a__panel:before,.blog-module__yoV40a__arrow,.blog-module__yoV40a__arrowBack{transition:none}}
@layer components{.glass-pill{--glass-tint:#d3dcff;--glass-active:var(--color-emerald-600);isolation:isolate;background:radial-gradient(65.62% 65.62% at 50% 50%, color-mix(in hsl, var(--glass-tint) 4%, transparent) 0%, transparent 100%), linear-gradient(180deg, color-mix(in hsl, var(--glass-tint) 32%, transparent) 0%, transparent 100%), color-mix(in hsl, var(--glass-tint) 4%, transparent);transition:color .3s,scale .16s ease-out,opacity .2s;position:relative;box-shadow:inset 0 -1px 2px #ffffff3d,inset 0 -.5px .5px #ffffff29,inset 0 -12px 16px #ffffff0f,inset 0 4px 16px #ffffff29,inset 0 .75px .25px #ffffff1f,inset 0 .25px .25px #ffffff52,0 24px 32px #00000008,0 12px 24px #00000005,0 4px 8px #00000008,0 2px 4px #00000008,0 .5px .5px #0000000a}.glass-pill:before{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffff8a,#9999a387 55%,#ffffff87 80%,#0000 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-pill:after{content:"";z-index:-1;border-radius:inherit;background:color-mix(in hsl, var(--glass-active) 4%, transparent);box-shadow:#ffffff29 0px 1px 3px 0px, #ffffff29 0px .75px .754px 0px, #ffffff40 0px .25px .25px 0px, color-mix(in hsl, var(--glass-active) 4%, transparent) 0px 12px 12px 0px inset, color-mix(in hsl, var(--glass-active) 4%, transparent) 0px 3px 6px 0px inset, color-mix(in hsl, var(--glass-active) 4%, transparent) 0px 1px 3px 0px inset, color-mix(in hsl, var(--glass-active) 4%, transparent) 0px .75px .75px 0px inset, color-mix(in hsl, var(--glass-active) 6%, transparent) 0px .25px .25px 0px inset;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:3px}.glass-pill[data-active=true]:after,.glass-pill:focus-visible:after{opacity:1}@media (hover:hover) and (pointer:fine){.glass-pill:hover:after{opacity:1}}.glass-pill:active{scale:.97}}