.blog-page{padding-top:6.25rem;padding-bottom:5rem;min-height:100vh;background:var(--color-bg-hero)}.blog-page__header{text-align:center;max-width:720px;margin:0 auto 2.5rem;padding:0 1.5rem}.blog-page__header h1{font-family:var(--font-display);font-size:3.2rem;font-weight:700;margin-bottom:1.25rem;color:#fff;letter-spacing:-.02em}.blog-page__header p{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;max-width:560px;margin:0 auto}.blog-page__breadcrumb{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.blog-page__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.blog-page__breadcrumb a:hover{color:var(--color-accent)}.blog-page__toolbar{max-width:940px;margin:0 auto 2.25rem;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.blog-page__pills{display:flex;flex-wrap:wrap;gap:.5rem}.blog-page__pill{display:inline-block;padding:.35rem .9rem;border-radius:5px;font-size:.8rem;font-weight:500;text-decoration:none;color:var(--color-text-secondary);background:hsla(0,0%,100%,.06);border:1px solid var(--color-border);transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-page__pill:hover{background:hsla(0,0%,100%,.1);color:#e6edf3}.blog-page__pill--active{background:rgba(217,119,6,.2);border-color:rgba(217,119,6,.4);color:#fcd34d}.blog-page__search{margin-left:auto;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-border);background:hsla(0,0%,100%,.04);cursor:pointer;transition:color .2s ease,border-color .2s ease}.blog-page__search:hover{color:#e6edf3;border-color:rgba(217,119,6,.3)}.blog-page__layout{margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,940px) minmax(0,1fr);align-items:start}.blog-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.blog-timeline{grid-column:3;justify-self:start;padding-left:2rem;width:220px;position:-webkit-sticky;position:sticky;top:6rem;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;padding-top:1.25rem;padding-bottom:1.25rem}.blog-timeline__title{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:1.25rem;padding-left:.75rem}.blog-timeline__list{list-style:none;padding:0;border-left:2px solid var(--color-border);margin:0 0 0 2px}.blog-timeline__item{position:relative}.blog-timeline__date{display:block;font-size:.7rem;font-weight:600;color:#fbbf24;letter-spacing:.04em;padding:.6rem 0 .35rem 1rem;text-transform:uppercase}.blog-timeline__item:first-child .blog-timeline__date{padding-top:0}.blog-timeline__link{display:flex;align-items:flex-start;gap:.6rem;padding:.35rem .5rem .35rem 1rem;font-size:.82rem;line-height:1.4;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;position:relative}.blog-timeline__link:hover{color:#e6edf3}.blog-timeline__dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--color-border);margin-top:.3rem;position:relative;left:-1.35rem;margin-right:-.75rem;transition:background .2s ease,box-shadow .2s ease}.blog-timeline__link:hover .blog-timeline__dot{background:#d97706;box-shadow:0 0 6px rgba(217,119,6,.5)}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(217,119,6,.15),0 0 0 1px rgba(217,119,6,.1);border-color:rgba(217,119,6,.4)}.blog-card__thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(145deg,rgba(217,119,6,.22),rgba(180,83,9,.14) 50%,rgba(120,53,5,.1));display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;transition:background .3s ease}.blog-card:hover .blog-card__thumb{background:linear-gradient(145deg,rgba(217,119,6,.32),rgba(180,83,9,.2) 50%,rgba(120,53,5,.14))}.blog-card__thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(245,158,11,.18) 0,transparent 65%)}.blog-card__thumb svg{transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1;filter:brightness(.88) saturate(.9)}.blog-card:hover .blog-card__thumb svg{transform:scale(1.12)}.blog-card__body{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.blog-card__tag{display:inline-block;padding:.2rem .6rem;background:rgba(217,119,6,.12);color:#fbbf24;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.85rem;width:-moz-fit-content;width:fit-content;transition:background .2s ease}.blog-card:hover .blog-card__tag{background:rgba(217,119,6,.2)}.blog-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:#fff;margin-bottom:.6rem;line-height:1.35;letter-spacing:-.01em}.blog-card__excerpt{font-size:.88rem;color:var(--color-text-secondary);line-height:1.65;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.78rem;color:var(--color-text-muted);font-weight:500}.blog-card a{text-decoration:none;color:inherit}.blog-post{padding-top:6.25rem;padding-bottom:5rem;min-height:100vh;background:var(--color-bg-hero)}.v2{overflow-x:clip!important;overflow-y:visible!important}.blog-post__container{margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,820px) minmax(0,1fr);grid-column-gap:0;column-gap:0}.blog-post__wrap{grid-column:2/4;display:grid;grid-template-columns:minmax(0,820px) 1fr;grid-gap:0 2rem;gap:0 2rem}.blog-post__main{min-width:0}.blog-post__aside{position:-webkit-sticky;position:sticky;top:6rem;width:220px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;align-self:start;justify-self:start}.blog-post__container>.blog-post__back,.blog-post__container>.blog-post__breadcrumb,.blog-post__container>.blog-post__hero,.blog-post__container>.blog-post__meta,.blog-post__container>.blog-post__subtitle,.blog-post__container>.blog-post__tag,.blog-post__container>.blog-post__title{grid-column:2;max-width:none;margin-left:0;margin-right:0}.blog-toc{padding:1rem 0}.blog-toc__title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:1rem}.blog-toc__list{list-style:none;padding:0;margin:0}.blog-toc__link{display:block;font-size:.88rem;color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;padding:.35rem 0 .35rem .75rem;margin-left:-2px;transition:color .2s ease,border-color .2s ease}.blog-toc__link:hover{color:#e6edf3}.blog-toc__link--active{color:#f59e0b;border-left-color:#f59e0b;font-weight:500}.blog-post__body h2,.blog-post__body h3{scroll-margin-top:110px}.blog-post__breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:2rem;font-weight:500}.blog-post__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.blog-post__breadcrumb a:hover{color:var(--color-accent)}.blog-post__breadcrumb-sep{color:hsla(0,0%,100%,.25);font-weight:400}.blog-post__tag{display:inline-block;color:var(--color-accent);font-size:.85rem;font-weight:500}.blog-post__title{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.15;margin-bottom:1.25rem;color:#fff;letter-spacing:-.03em;text-align:center}.blog-post__subtitle{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:2rem;font-weight:400;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.blog-post__meta{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.88rem;color:var(--color-text-muted);margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--color-border);font-weight:400}.blog-post__author-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-post__author-avatar img{width:100%;height:100%;object-fit:cover}.blog-post__author-name{font-weight:500;color:#e6edf3}.blog-post__meta-sep{color:hsla(0,0%,100%,.25)}.blog-post__back,.blog-post__hero{display:none}.blog-post__gif-placeholder svg,.blog-post__hero svg,.blog-post__image-placeholder svg{filter:brightness(.94) saturate(.9)}.blog-post__body svg text,.blog-post__hero svg text{fill:#e8edff!important;opacity:1!important}.blog-post__body svg [stroke],.blog-post__hero svg [stroke]{stroke-opacity:1!important}.blog-post__hero-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.85rem;z-index:1}.blog-post__hero-placeholder svg{opacity:.4}.blog-post__body h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:#fff;margin:3rem 0 1.25rem;line-height:1.25;letter-spacing:-.02em;padding-top:.5rem;border-top:1px solid rgba(217,119,6,.1)}.blog-post__body h2:first-child{margin-top:0;padding-top:0;border-top:none}.blog-post__body h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:#e6edf3;margin:2.25rem 0 .85rem;letter-spacing:-.01em}.blog-post__body p{font-size:1.08rem;line-height:1.85;color:#b1bac4;margin-bottom:1.4rem;font-weight:400}.blog-post__body>p:first-of-type{font-size:1.15rem;color:#c9d1d9}.blog-post__body ol,.blog-post__body ul{padding-left:1.5rem;margin-bottom:1.5rem}.blog-post__body li{font-size:1.05rem;line-height:1.85;color:#b1bac4;margin-bottom:.6rem;padding-left:.25rem}.blog-post__body li::marker{color:#fbbf24}.blog-post__body strong{color:#e6edf3;font-weight:600}.blog-post__body a{color:#fbbf24;text-decoration:underline;-webkit-text-decoration-color:rgba(251,191,36,.3);text-decoration-color:rgba(251,191,36,.3);text-underline-offset:3px;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease,color .2s ease;transition:text-decoration-color .2s ease,color .2s ease,-webkit-text-decoration-color .2s ease}.blog-post__body a:hover{-webkit-text-decoration-color:#fbbf24;text-decoration-color:#fbbf24;color:#fcd34d}.blog-post__body blockquote{border-left:3px solid #fbbf24;padding:1.25rem 1.75rem;margin:2rem 0;background:rgba(217,119,6,.06);border-radius:0 6px 6px 0}.blog-post__body blockquote p{color:#c9d1d9;font-style:italic;margin-bottom:0;font-size:1.05rem;line-height:1.75}.blog-post__body code{font-family:Fira Code,JetBrains Mono,Consolas,monospace;background:rgba(217,119,6,.1);padding:.2rem .45rem;border-radius:5px;font-size:.88em;color:#fbbf24;border:1px solid rgba(217,119,6,.12)}.blog-post__body pre{background:rgba(13,17,23,.8);border:1px solid var(--color-border);border-radius:4px;padding:1.25rem 1.5rem;margin:1.75rem 0;overflow-x:auto}.blog-post__body pre code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.7;color:#e6edf3}.blog-post__image-placeholder{width:100%;aspect-ratio:16/9;border-radius:4px;background:linear-gradient(135deg,rgba(217,119,6,.08),rgba(78,205,196,.06));border:1px dashed rgba(217,119,6,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;color:var(--color-text-muted);font-size:.85rem;text-align:center;padding:1rem;transition:border-color .3s ease}.blog-post__image-placeholder:hover{border-color:rgba(217,119,6,.4)}.blog-post__image-placeholder svg{opacity:1}.blog-post__image-placeholder span{max-width:300px}.blog-post__gif-placeholder{width:100%;aspect-ratio:4/3;border-radius:4px;background:linear-gradient(135deg,rgba(78,205,196,.08),hsla(0,100%,71%,.06));border:1px dashed rgba(78,205,196,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;color:var(--color-text-muted);font-size:.85rem;text-align:center;padding:1rem}.blog-callout{padding:1.35rem 1.5rem;border-radius:4px;margin:2.25rem 0;border:1px solid;position:relative;overflow:hidden}.blog-callout:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.blog-callout--insight{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.18)}.blog-callout--insight:before{background:#fbbf24}.blog-callout--warning{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.18)}.blog-callout--warning:before{background:#f59e0b}.blog-callout--tip{background:rgba(78,205,196,.06);border-color:rgba(78,205,196,.18)}.blog-callout--tip:before{background:#22d3ee}.blog-callout__title{font-family:var(--font-display);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.blog-callout--insight .blog-callout__title{color:#fbbf24}.blog-callout--warning .blog-callout__title{color:#f59e0b}.blog-callout--tip .blog-callout__title{color:#22d3ee}.blog-callout p{font-size:.95rem!important;margin-bottom:0!important;line-height:1.7!important}.blog-divider{width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#d97706,#22d3ee);background-size:200% 100%;border-radius:2px;margin:3.5rem auto;border:none;animation:blog-divider-shimmer 3s ease-in-out infinite}@keyframes blog-divider-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.blog-post__body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem}.blog-post__body th{text-align:left;padding:.75rem 1rem;background:rgba(217,119,6,.08);border-bottom:2px solid rgba(217,119,6,.2);color:#e6edf3;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.blog-post__body td{padding:.65rem 1rem;border-bottom:1px solid var(--color-border);color:#b1bac4;line-height:1.5}.blog-post__body tr:last-child td{border-bottom:none}.blog-post__body tr:hover td{background:rgba(217,119,6,.03)}.blog-code{background:rgba(13,17,23,.9);border:1px solid hsla(212,9%,58%,.2);border-radius:8px;padding:1.25rem 1.5rem;margin:1.25rem 0;overflow-x:auto;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.85rem;line-height:1.65;color:#e6edf3;-moz-tab-size:2;tab-size:2;white-space:pre}.blog-code code{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;padding:0}.blog-post__footer{margin-top:4rem;padding:3rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);border-radius:10px;text-align:center;position:relative}.blog-post__footer:before{content:"";position:absolute;inset:-1px;border-radius:10px;padding:1px;background:linear-gradient(135deg,hsla(0,100%,71%,.3),rgba(217,119,6,.3),rgba(78,205,196,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.blog-post__footer h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.blog-post__footer p{color:var(--color-text-secondary);margin-bottom:1.75rem;font-size:1.05rem}.blog-post__footer a{display:inline-block;padding:.55rem 1.4rem;background:#d97706;color:#fff;border-radius:4px;font-weight:600;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.8rem}.blog-post__footer a:hover{transform:translateY(-1px);background:#f59e0b;box-shadow:0 0 16px rgba(217,119,6,.35)}.blog-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#d97706,#22d3ee);z-index:1000;transition:width .1s linear}@media (max-width:1200px){.blog-page__layout{max-width:960px;grid-template-columns:1fr 200px;gap:2rem;padding:0 2rem}.blog-grid{grid-column:auto;grid-template-columns:repeat(2,1fr)}.blog-timeline{grid-column:auto;width:auto;padding-left:0}}@media (max-width:1024px){.blog-page__layout{max-width:none;grid-template-columns:1fr}.blog-timeline{display:none}.blog-grid{grid-column:auto;grid-template-columns:repeat(2,1fr)}.blog-post__container{max-width:940px;grid-template-columns:1fr;column-gap:0}.blog-post__wrap{grid-column:1;grid-template-columns:minmax(0,1fr) 210px}.blog-post__container>.blog-post__breadcrumb,.blog-post__container>.blog-post__meta,.blog-post__container>.blog-post__subtitle,.blog-post__container>.blog-post__title{grid-column:1}.blog-post__aside{width:210px}}@media (max-width:768px){.blog-page{padding-top:5.5rem}.blog-page__header h1{font-size:2.2rem}.blog-page__header p{font-size:1.05rem}.blog-page__breadcrumb,.blog-page__toolbar{padding:0 1rem}.blog-page__toolbar{margin-bottom:1.5rem}.blog-page__layout{padding:0 1rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-post{padding-top:5.5rem}.blog-post__title{font-size:2rem}.blog-post__subtitle{font-size:1.1rem}.blog-post__body h2{font-size:1.4rem;margin-top:2.5rem}.blog-post__body h3{font-size:1.15rem}.blog-post__body p{font-size:1rem;line-height:1.8}.blog-post__meta{flex-wrap:wrap}.blog-post__container{display:block;padding:0 1rem}.blog-post__footer{padding:2rem 1.5rem}.blog-post__aside{display:none}.blog-post__wrap{display:block;grid-column:1}}@media (max-width:480px){.blog-page__header h1{font-size:1.8rem}.blog-card__title{font-size:1.05rem}.blog-post__title{font-size:1.7rem}}.react-flow{direction:ltr;--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,100%,.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:hsla(0,0%,94%,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:rgba(0,89,220,.08);--xy-selection-border-default:1px dotted rgba(0,89,220,.8);--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,59%,.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px hsla(0,0%,100%,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:rgba(200,200,220,.08);--xy-selection-border-default:1px dotted rgba(200,200,220,.8);--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:-webkit-grab;cursor:grab}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:-webkit-grab;cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__minimap{background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{padding:10px;border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default))}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.blog-flow .react-flow__handle{opacity:0!important;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;pointer-events:none!important}.blog-flow .react-flow__node{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.blog-flow .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.blog-flow .react-flow__edge-text{fill:#9fb0bf!important;font-size:10px!important;font-weight:600!important;letter-spacing:.02em}.blog-flow .react-flow__edge-textbg{fill:rgba(13,17,23,.92)!important}