html:has(.landing){scroll-behavior:smooth}.landing{--bg-deep: #0b0d11;--bg-surface: #12151b;--bg-elevated: #1a1e27;--bg-code: #0e1117;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .12);--accent-border: rgba(99, 102, 241, .25);--green: #34d399;--orange: #fb923c;--cyan: #22d3ee;--yellow: #fbbf24;--text-primary: #e8eaed;--text-secondary: #8b8fa3;--text-muted: #4a4f63;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);background:var(--bg-deep);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.landing nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:56px;display:flex;align-items:center;justify-content:space-between;background:#0b0d11d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.landing .nav-left{display:flex;align-items:center;gap:24px}.landing .nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:14px}.landing .nav-brand svg{width:22px;height:22px}.landing .nav-divider{width:1px;height:20px;background:var(--border)}.landing .nav-product{font-size:14px;font-weight:500;color:var(--text-secondary)}.landing .nav-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--green);background:#34d3991a;border:1px solid rgba(52,211,153,.2);padding:2px 7px;border-radius:4px;margin-left:8px}.landing .nav-links{display:flex;align-items:center;gap:28px}.landing .nav-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:400;transition:color .15s}.landing .nav-links a:hover{color:var(--text-primary)}.landing .nav-cta{background:var(--text-primary)!important;color:var(--bg-deep)!important;padding:6px 16px!important;border-radius:6px;font-weight:600!important;font-size:13px!important;transition:opacity .15s!important}.landing .nav-cta:hover{opacity:.9}.landing .hero{position:relative;padding:140px 40px 60px;text-align:center;max-width:1200px;margin:0 auto}.landing .hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);pointer-events:none;z-index:0}.landing .hero>*{position:relative;z-index:1}.landing .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:24px;animation:landing-fadeIn .6s ease-out}.landing .hero-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:landing-pulse 2.5s infinite}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.3}}.landing .hero h1{font-size:clamp(40px,5.5vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;max-width:840px;margin:0 auto 20px;animation:landing-fadeUp .7s ease-out}.landing .hero h1 .highlight{background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing .hero-sub{font-size:17px;color:var(--text-secondary);max-width:680px;margin:0 auto 36px;line-height:1.65;font-weight:400;animation:landing-fadeUp .7s ease-out .1s both}.landing .hero-actions{display:flex;gap:12px;justify-content:center;animation:landing-fadeUp .7s ease-out .2s both}.landing .btn-primary{background:var(--text-primary);color:var(--bg-deep);padding:11px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer}.landing .btn-primary:hover{opacity:.9;transform:translateY(-1px)}.landing .btn-ghost{background:transparent;color:var(--text-secondary);padding:11px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px}.landing .btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-elevated)}@keyframes landing-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes landing-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing .hero-preview-wrapper{max-width:100%;width:calc(100% - 40px);margin:48px auto 0;min-width:0;animation:landing-fadeUp .8s ease-out .35s both}.landing .hero-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:100%;width:calc(100% - 40px);margin:36px auto 0;animation:landing-fadeUp .8s ease-out .45s both}.landing .hero-pillar{display:flex;align-items:flex-start;gap:14px;text-align:left;background:var(--bg-code);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .3s}.landing .hero-pillar:hover{border-color:var(--border-hover)}.landing .hero-pillar svg{flex-shrink:0;color:var(--text-muted);margin-top:2px}.landing .hero-pillar div{display:flex;flex-direction:column;gap:2px}.landing .hero-pillar strong{font-size:14px;font-weight:600;color:var(--text-primary)}.landing .hero-pillar span{font-size:13px;color:var(--text-secondary);line-height:1.5}.landing .editor-window{background:var(--bg-code);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0006}.landing .editor-titlebar{display:flex;align-items:center;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);gap:10px}.landing .editor-dots{display:flex;gap:6px}.landing .editor-dots span{width:10px;height:10px;border-radius:50%}.landing .editor-dots span:nth-child(1){background:#ef4444}.landing .editor-dots span:nth-child(2){background:#eab308}.landing .editor-dots span:nth-child(3){background:#22c55e}.landing .editor-tabs{display:flex;gap:2px;margin-left:12px}.landing .editor-tab{font-size:12px;color:var(--text-muted);padding:4px 12px;border-radius:4px;font-family:Inter,sans-serif}.landing .editor-tab.active{color:var(--text-secondary);background:var(--bg-elevated)}.landing .hero-editor-body{display:flex;height:540px}.landing .hero-editor-code{height:100%;flex-shrink:0;overflow:hidden}.landing .hero-editor-viz{height:100%;position:relative;flex-shrink:0;overflow:hidden;background:#161b22}.landing .hero-resize-handle{width:6px;cursor:col-resize;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;transition:background .15s}.landing .hero-resize-handle:hover{background:#ffffff14}.landing .hero-resize-line{width:2px;height:32px;border-radius:1px;background:var(--text-muted);transition:background .15s,height .15s}.landing .hero-resize-handle:hover .hero-resize-line{background:#a855f7;height:48px}.landing .react-flow__panel,.landing .react-flow__controls,.landing .react-flow__minimap,.landing .react-flow__attribution{display:none!important}.landing .kw{color:#c084fc}.landing .str{color:var(--orange)}.landing .ref{color:var(--cyan)}.landing .cm{color:var(--text-muted);font-style:italic}.landing .fn{color:var(--green)}.landing .br{color:var(--text-muted)}.landing .hero-viz-mobile{display:none;background:var(--bg-code);border:1px solid var(--border);border-radius:12px;overflow:hidden}.landing .hero-viz-mobile-label{padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface)}.landing .hero-viz-mobile-inner{position:relative;height:300px;background:#161b22}.landing .section{padding:100px 40px;max-width:1060px;margin:0 auto}.landing .section-center{text-align:center}.landing .section-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.landing .section-label-red{color:#f87171}.landing .section-title{font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:16px}.landing .section-desc{font-size:16px;color:var(--text-secondary);max-width:500px;line-height:1.65;font-weight:400}.landing .section-center .section-desc{margin:0 auto}.landing .icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--bg-elevated);border:1px solid var(--border)}.landing .icon-box svg{width:18px;height:18px;stroke-width:1.5}.landing .bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;max-width:1080px;margin-left:auto;margin-right:auto}.landing .bento-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s}.landing .bento-card:hover{border-color:var(--border-hover)}.landing .bento-col-2{grid-column:span 2}.landing .bento-col-3{grid-column:span 3}.landing .bento-text{padding:28px 28px 0;text-align:left}.landing .bento-icon{display:flex;align-items:center;gap:10px;margin-bottom:10px}.landing .bento-icon svg{stroke:#ef4444!important}.landing .bento-icon span{font-size:15px;font-weight:600;color:#ef4444}.landing .bento-card p{font-size:13px;color:var(--text-secondary);line-height:1.65}.landing .bento-card p strong{color:var(--text-primary);font-weight:500}.landing .bento-viz{flex:1;position:relative;min-height:200px;margin:20px 16px 16px;border-radius:8px;background:var(--bg-code);border:1px solid var(--border);overflow:hidden}.landing .bento-files-scatter{position:absolute;top:0;right:0;bottom:0;left:0}.landing .bento-file-card{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-secondary);white-space:nowrap;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,opacity .3s}.landing .bento-card:hover .bento-file-card:nth-child(1){transform:translate(-6px,-4px)}.landing .bento-card:hover .bento-file-card:nth-child(2){transform:translate(6px,-4px)}.landing .bento-card:hover .bento-file-card:nth-child(3){transform:translate(-6px,4px)}.landing .bento-card:hover .bento-file-card:nth-child(4){transform:translate(6px,4px)}.landing .bento-scatter-lines line{transition:opacity .4s}.landing .bento-card:hover .bento-scatter-lines line{opacity:.15!important}.landing .bento-file-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.landing .bento-file-dot-cyan{background:var(--cyan)}.landing .bento-file-dot-green{background:var(--green)}.landing .bento-scatter-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing .bento-scatter-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.landing .bento-stale-diagram{position:absolute;top:0;right:0;bottom:0;left:0}.landing .bento-stale-node{position:absolute;width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:8px;opacity:.35;transition:opacity .4s,transform .4s}.landing .bento-card:hover .bento-stale-node{opacity:.15;transform:scale(.9)}.landing .bento-stale-lines line{transition:opacity .4s}.landing .bento-card:hover .bento-stale-lines line{opacity:.12!important}.landing .bento-stale-stamp{transition:background .3s,border-color .3s}.landing .bento-card:hover .bento-stale-stamp{background:#fb923c1f;border-color:#fb923c40}.landing .bento-stale-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing .bento-stale-stamp{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;font-size:10px;color:var(--orange);background:#fb923c0f;border:1px solid rgba(251,146,60,.12);border-radius:6px;padding:4px 12px;font-family:JetBrains Mono,monospace;white-space:nowrap}.landing .bento-tribal-viz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.landing .bento-tribal-person{position:relative}.landing .bento-tribal-bubbles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 12px}.landing .bento-tribal-bubbles span{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:3px 8px;animation:bento-float 3s ease-in-out infinite alternate;transition:color .3s,border-color .3s}.landing .bento-card:hover .bento-tribal-bubbles span{animation-duration:1.5s;color:var(--text-secondary);border-color:var(--border-hover)}.landing .bento-tribal-person svg{transition:opacity .3s}.landing .bento-card:hover .bento-tribal-person svg{opacity:.3!important}@keyframes bento-float{0%{opacity:.3;transform:translateY(2px)}to{opacity:.7;transform:translateY(-2px)}}.landing .bento-before-after{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;padding:28px;gap:0}.landing .bento-ba-side{padding:20px;background:var(--bg-code);border:1px solid var(--border);border-radius:10px}.landing .bento-ba-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:14px}.landing .bento-ba-label-green{color:var(--green)}.landing .bento-ba-content,.landing .bento-ba-files{display:flex;flex-direction:column;gap:4px}.landing .bento-ba-files code{font-size:12px;font-family:JetBrains Mono,monospace;color:var(--text-secondary);padding:6px 10px;background:var(--bg-surface);border-radius:4px;display:block}.landing .bento-ba-note{font-size:11px;color:var(--text-muted);margin-top:8px;display:block}.landing .bento-ba-note-green{color:var(--green)}.landing .bento-ba-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s}.landing .bento-card:hover .bento-ba-arrow{transform:translate(4px);color:var(--green)}.landing .bento-ba-after{transition:opacity .3s,border-color .3s}.landing .bento-card:hover .bento-ba-after{border-color:#34d39926}.landing .bento-ba-side:first-child{opacity:.6}.landing .bento-statement{margin-top:40px;font-size:20px;line-height:1.5;color:var(--text-muted);text-align:left;max-width:1080px;margin-left:auto;margin-right:auto}.landing .bento-statement strong{color:var(--text-primary);font-weight:600}.landing .bento-onboarding-viz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;padding:14px;overflow:hidden}.landing .bento-chat-bubble{font-size:11px;font-family:JetBrains Mono,monospace;padding:6px 12px;border-radius:8px;max-width:85%;line-height:1.4}.landing .bento-chat-q{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);align-self:flex-start;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.landing .bento-chat-a{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);align-self:flex-end;font-style:italic;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.landing .bento-card:hover .bento-chat-q{transform:translate(4px)}.landing .bento-card:hover .bento-chat-a{transform:translate(-4px);opacity:.6}.landing .bento-sources-viz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;padding:14px;overflow:hidden}.landing .bento-source-row{display:flex;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.landing .bento-card:hover .bento-source-row:nth-child(odd){transform:translate(3px)}.landing .bento-card:hover .bento-source-row:nth-child(2n){transform:translate(-3px)}.landing .bento-source-val{transition:color .3s}.landing .bento-card:hover .bento-source-val{color:var(--orange)}.landing .bento-source-pill{font-size:10px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:4px 10px;min-width:80px;text-align:center;flex-shrink:0}.landing .bento-source-val{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing .steps{margin-top:48px;display:flex;flex-direction:column}.landing .step{padding:32px 0;border-top:1px solid var(--border)}.landing .step-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.landing .step-num{font-size:13px;font-weight:600;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);flex-shrink:0}.landing .step h3{font-size:17px;font-weight:600;margin:0}.landing .step p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;max-width:560px}.landing .step-viz-container{position:relative;width:100%;height:400px;background:var(--bg-code);border:1px solid var(--border);border-radius:8px;overflow:hidden}.landing .code-block{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:0;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.75;color:var(--text-secondary);overflow-x:auto}.landing .code-tab{display:inline-block;padding:6px 14px;font-size:11.5px;color:var(--text-muted);border-bottom:1px solid var(--border);width:100%;box-sizing:border-box}.landing .code-block pre{padding:16px 20px;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.landing .sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.landing .source-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:24px 16px;text-align:center;transition:all .2s}.landing .source-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px)}.landing .source-card .source-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--bg-elevated);border:1px solid var(--border)}.landing .source-card .source-icon-wrap svg{width:20px;height:20px;stroke-width:1.5}.landing .source-card .source-icon-wrap-ec{background:#fff;overflow:hidden;padding:0}.landing .source-card .source-icon-wrap-ec img{width:100%;height:100%;object-fit:cover;border-radius:9px}.landing .source-card h4{font-size:13px;font-weight:600;margin-bottom:2px}.landing .source-card .source-detail{font-size:11px;color:var(--text-muted)}.landing .source-card.soon{opacity:.35!important}.landing .source-card.soon .source-detail:after{content:" · soon";color:var(--text-muted);font-style:italic}.landing .usecases-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;max-width:1080px;margin-left:auto;margin-right:auto}.landing .usecase-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s}.landing .usecase-card:hover{border-color:var(--border-hover)}.landing .usecase-header{display:flex;align-items:center;gap:10px;padding:28px 28px 0;text-align:left}.landing .usecase-header svg{stroke:var(--text-muted);flex-shrink:0}.landing .usecase-card h3{font-size:15px;font-weight:600;margin:0}.landing .usecase-card p{font-size:13px;color:var(--text-secondary);line-height:1.65;padding:10px 28px 0;text-align:left}.landing .usecase-card p strong{color:var(--text-primary);font-weight:500}.landing .usecase-viz{flex:1;position:relative;min-height:140px;margin:20px 16px 16px;border-radius:8px;background:var(--bg-code);border:1px solid var(--border);overflow:hidden}.landing .usecase-viz-inner{position:absolute;top:0;right:0;bottom:0;left:0}.landing .uc-node{position:absolute;font-size:10px;font-family:JetBrains Mono,monospace;padding:5px 12px;border-radius:6px;white-space:nowrap}.landing .uc-node-service{background:var(--bg-surface);border:1px solid var(--border-hover);color:var(--text-secondary)}.landing .uc-node-event{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.landing .uc-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing .uc-node{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}.landing .uc-lines line{transition:opacity .3s}.landing .usecase-card:hover .uc-node-service{border-color:var(--cyan)}.landing .usecase-card:hover .usecase-discovery .uc-lines line{opacity:.6!important}.landing .usecase-design{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.landing .uc-design-col{display:flex;flex-direction:column;gap:6px;align-items:center}.landing .uc-design-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.landing .uc-design-label-new{color:var(--green)}.landing .uc-design-block{width:60px;height:20px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .3s,opacity .3s}.landing .uc-design-block-new{border-color:var(--border-hover)}.landing .uc-design-block-added{border:1px dashed var(--green);opacity:.5;transition:opacity .3s}.landing .uc-design-arrow{color:var(--text-muted);transition:transform .3s}.landing .usecase-card:hover .uc-design-arrow{transform:translate(3px)}.landing .usecase-card:hover .uc-design-block-added{opacity:1}.landing .usecase-impact{display:flex;align-items:center;justify-content:center;padding:12px}.landing .uc-impact-svg{width:100%;height:100%}.landing .uc-impact-line{stroke:#f87171;stroke-width:1;stroke-dasharray:4 3;opacity:.25;transition:opacity .3s}.landing .uc-impact-center-bg{fill:#f8717114;stroke:#f8717133;stroke-width:1;transition:fill .3s,stroke .3s}.landing .uc-impact-center-text{fill:#f87171;font-size:10px;font-family:JetBrains Mono,monospace}.landing .uc-impact-dep-bg{fill:var(--bg-surface);stroke:var(--border);stroke-width:1;transition:stroke .3s}.landing .uc-impact-dep-text{fill:var(--text-muted);font-size:9px;font-family:JetBrains Mono,monospace;transition:fill .3s}.landing .usecase-card:hover .uc-impact-line{opacity:.5}.landing .usecase-card:hover .uc-impact-center-bg{fill:#f8717126;stroke:#f8717166}.landing .usecase-card:hover .uc-impact-dep-bg{stroke:#f8717133}.landing .usecase-card:hover .uc-impact-dep-text{fill:var(--text-secondary)}.landing .usecase-ai{display:flex;flex-direction:column;gap:10px;padding:16px}.landing .uc-ai-prompt{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-secondary);padding:8px 12px;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.landing .uc-ai-caret{color:var(--green);margin-right:4px}.landing .uc-ai-response{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted);padding:8px 12px;background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border);transition:color .3s,border-color .3s}.landing .usecase-card:hover .uc-ai-response{color:var(--green);border-color:#34d39926}@keyframes workspace-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes workspace-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing .workspace-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#030509b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:workspace-overlay-in .2s ease-out}.landing .workspace-modal{width:min(720px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:16px;border:1px solid var(--border-hover);background:#10141dfa;box-shadow:0 0 0 1px #ffffff08,0 24px 56px #0000008c,0 0 120px -40px #6366f114;padding:24px;animation:workspace-modal-in .25s ease-out}.landing .workspace-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.landing .workspace-modal-header h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em}.landing .workspace-modal-header p{margin:6px 0 0;color:var(--text-secondary);line-height:1.45;max-width:560px;font-size:14px}.landing .workspace-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.landing .workspace-modal-close:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0a}.landing .workspace-modal-close:disabled{opacity:.45;cursor:not-allowed}.landing .workspace-modal-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.landing .workspace-modal-section-header{margin-bottom:12px}.landing .workspace-modal-section-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-secondary)}.landing .workspace-modal-section-header p{margin:4px 0 0;color:var(--text-muted);line-height:1.4;font-size:13px}.landing .workspace-modal-grid{display:grid;grid-template-columns:1fr;gap:12px}.landing .workspace-modal-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .workspace-option-card{position:relative;display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);background:#131822b3;padding:16px;transition:all .2s;overflow:hidden}.landing .workspace-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.5;transition:opacity .2s}.landing .workspace-option-card--openapi:before{background:var(--cyan)}.landing .workspace-option-card--asyncapi:before{background:var(--green)}.landing .workspace-option-card:hover{border-color:var(--border-hover)}.landing .workspace-option-card:hover:before{opacity:1}.landing .workspace-option-card.is-dragging{border-color:#22d3ee8c;background:#0a222d73;box-shadow:inset 0 0 0 1px #22d3ee33}.landing .workspace-option-card.is-dragging .workspace-option-card-drop-hint{opacity:1;color:var(--cyan)}.landing .workspace-option-card--asyncapi.is-dragging{border-color:#34d3998c;background:#0a2d1e73;box-shadow:inset 0 0 0 1px #34d39933}.landing .workspace-option-card--asyncapi.is-dragging .workspace-option-card-drop-hint{color:var(--green)}.landing .workspace-option-card-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.landing .workspace-option-card-icon--openapi{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.15)}.landing .workspace-option-card-icon--asyncapi{background:#34d3991a;color:var(--green);border:1px solid rgba(52,211,153,.15)}.landing .workspace-option-card-body h4{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}.landing .workspace-option-card-body p{margin:4px 0 0;color:var(--text-secondary);line-height:1.4;font-size:13px}.landing .workspace-option-card-drop-hint{display:flex;align-items:center;gap:6px;margin-top:12px;padding:10px;border-radius:8px;border:1px dashed rgba(255,255,255,.08);background:#ffffff04;color:var(--text-muted);font-size:12px;text-align:center;justify-content:center;transition:all .2s}.landing .workspace-option-card:hover .workspace-option-card-drop-hint{border-color:#ffffff1f;color:var(--text-secondary)}.landing .workspace-option-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.landing .workspace-option-card-meta{font-size:11px;color:var(--text-muted)}.landing .workspace-option-card-cta{border:1px solid var(--border-hover);border-radius:7px;background:#e8eaedf0;color:#090b10;padding:7px 14px;font-size:12px;font-weight:650;cursor:pointer;transition:all .15s;white-space:nowrap}.landing .workspace-option-card-cta:hover{background:#fff}.landing .workspace-option-card-cta:disabled{opacity:.55;cursor:not-allowed}.landing .workspace-modal-section--secondary{border-top-style:dashed}.landing .workspace-secondary-options{display:flex;flex-direction:column;gap:8px}.landing .workspace-secondary-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;transition:all .15s}.landing .workspace-secondary-btn>svg{flex-shrink:0;color:var(--text-muted);transition:color .15s}.landing .workspace-secondary-btn:hover{border-color:var(--border-hover);background:#ffffff05}.landing .workspace-secondary-btn:hover>svg{color:var(--cyan)}.landing .workspace-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.landing .workspace-secondary-btn-label{display:block;font-size:13px;font-weight:600}.landing .workspace-secondary-btn-desc{display:block;font-size:12px;color:var(--text-muted);margin-top:1px}.landing .workspace-secondary-btn--disabled{opacity:.55;cursor:default}.landing .workspace-secondary-btn--disabled:hover{border-color:var(--border);background:transparent}.landing .workspace-secondary-btn--disabled:hover>svg{color:var(--text-muted)}.landing .workspace-secondary-btn-badge{margin-left:auto;font-size:10px;font-weight:650;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.landing .workspace-modal-error{margin:12px 0 0;border:1px solid rgba(248,113,113,.3);background:#7f1d1d2e;color:#fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.landing .workspace-file-input{display:none}.landing .workspace-modal-privacy{margin:16px 0 0;text-align:center;font-size:11px;color:var(--text-muted);letter-spacing:.01em}.landing .cta-hero{padding:120px 40px;text-align:center;position:relative}.landing .cta-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 100%);pointer-events:none}.landing .cta-hero-title{font-size:40px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15;margin:0 auto 16px;max-width:800px}.landing .cta-hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.6;margin:0 auto 36px;max-width:680px}.landing .cta-hero-actions{display:flex;gap:14px;justify-content:center}.landing .btn-lg{padding:14px 32px;font-size:15px}.landing .cta-hero-note{margin-top:20px;font-size:13px;color:var(--text-muted)}.landing .logos-section{padding:0 40px 80px;text-align:center}.landing .logos-label{font-size:12px;color:var(--text-muted);margin-bottom:20px}.landing .logos-row{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;opacity:.4}.landing .logos-row span{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.landing footer{padding:32px 40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto}.landing .footer-brand{font-size:13px;color:var(--text-muted)}.landing .footer-brand a{color:var(--text-secondary);text-decoration:none}.landing .footer-links{display:flex;gap:20px}.landing .footer-links a{color:var(--text-muted);text-decoration:none;font-size:12px;transition:color .15s}.landing .footer-links a:hover{color:var(--text-secondary)}.landing .divider{width:100%;max-width:1060px;margin:0 auto;height:1px;background:var(--border)}.landing .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing .reveal.visible{opacity:1;transform:translateY(0)}.landing .reveal-left{opacity:0;transform:translate(-24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing .reveal-left.visible{opacity:1;transform:translate(0)}.landing .reveal-right{opacity:0;transform:translate(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing .reveal-right.visible{opacity:1;transform:translate(0)}.landing .reveal-scale{opacity:0;transform:scale(.96);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing .reveal-scale.visible{opacity:1;transform:scale(1)}.landing .stagger-children>*{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.landing .stagger-children.visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(3){transition-delay:.16s;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(4){transition-delay:.24s;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(5){transition-delay:.32s;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(7){transition-delay:.48s;opacity:1;transform:translateY(0)}.landing .stagger-children.visible>*:nth-child(8){transition-delay:.56s;opacity:1;transform:translateY(0)}.landing .comp-slide-left{opacity:0;transform:translate(-20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.landing .comp-slide-left.visible{opacity:.7;transform:translate(0)}.landing .comp-slide-right{opacity:0;transform:translate(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1) .2s,transform .6s cubic-bezier(.16,1,.3,1) .2s}.landing .comp-slide-right.visible{opacity:1;transform:translate(0)}.landing .divider{transform:scaleX(0);transition:transform .8s cubic-bezier(.16,1,.3,1);transform-origin:center}.landing .divider.visible{transform:scaleX(1)}@media (max-width: 768px){.landing .workspace-modal-overlay{padding:8px;align-items:flex-start}.landing .workspace-modal{margin-top:56px;max-height:calc(100vh - 64px);padding:16px;border-radius:14px}.landing .workspace-modal-header h2{font-size:19px}.landing .workspace-modal-header p{font-size:13px}.landing .workspace-modal-grid-two{grid-template-columns:1fr}.landing .workspace-option-card-drop-hint{display:none}.landing .workspace-option-card-footer{flex-direction:column;align-items:stretch}.landing .workspace-option-card-cta{width:100%;text-align:center}.landing nav{padding:0 16px}.landing .nav-links{display:none}.landing .hero{padding:100px 16px 32px}.landing .hero h1{font-size:32px;max-width:100%}.landing .hero-sub{font-size:15px;max-width:100%}.landing .hero-actions{flex-direction:column;align-items:center;gap:10px}.landing .hero-actions .btn-primary,.landing .hero-actions .btn-ghost{width:100%;max-width:280px;justify-content:center}.landing .hero-preview-wrapper{width:calc(100% - 16px);margin-top:32px;gap:16px;display:flex;flex-direction:column}.landing .editor-window{border-radius:8px}.landing .editor-titlebar{padding:8px 12px;gap:8px;overflow-x:auto}.landing .editor-dots{display:none}.landing .editor-tabs{margin-left:0;gap:0}.landing .editor-tab{font-size:11px;padding:4px 8px;white-space:nowrap}.landing .hero-editor-body{height:300px}.landing .hero-editor-code{width:100%!important}.landing .hero-editor-viz-desktop,.landing .hero-resize-handle{display:none}.landing .hero-viz-mobile{display:block}.landing .hero-pillars{grid-template-columns:1fr;gap:12px;width:calc(100% - 16px);margin-top:24px}.landing .hero-pillar{padding:16px}.landing .section{padding:60px 16px}.landing .section-title{font-size:24px}.landing .section-desc{font-size:14px}.landing .bento-grid{grid-template-columns:1fr}.landing .bento-col-2,.landing .bento-col-3{grid-column:span 1}.landing .bento-before-after{grid-template-columns:1fr;gap:12px}.landing .bento-ba-arrow{transform:rotate(90deg)}.landing .bento-statement{font-size:16px}.landing .step-head{gap:10px}.landing .step-num{width:28px;height:28px;font-size:12px}.landing .step h3{font-size:15px}.landing .step p{font-size:13px}.landing .code-block{font-size:11px;padding:12px 14px;overflow-x:auto}.landing .step-viz-container{height:280px}.landing .sources-grid{grid-template-columns:repeat(2,1fr)}.landing .usecases-grid{grid-template-columns:1fr;max-width:100%}.landing .cta-hero{padding:80px 16px}.landing .cta-hero-title{font-size:28px;max-width:100%}.landing .cta-hero-desc{font-size:15px;max-width:100%}.landing .cta-hero-actions{flex-direction:column;align-items:center;gap:10px}.landing .cta-hero-actions .btn-lg{width:100%;max-width:280px;justify-content:center}.landing .cta-hero-note{font-size:11px}.landing footer{flex-direction:column;gap:16px;text-align:center;padding:24px 16px}.landing .footer-links{justify-content:center;flex-wrap:wrap;gap:14px}.landing .divider{margin:0 16px;width:calc(100% - 32px)}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.eventcatalog-visualizer,.eventcatalog-visualizer :host{--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100: oklch(93.6% .032 17.717);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-900: oklch(41.4% .112 45.904);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-900: oklch(42.1% .095 57.708);--color-yellow-950: oklch(28.6% .066 53.813);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-300: oklch(87.1% .15 154.449);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-900: oklch(37.9% .146 265.522);--color-blue-950: oklch(28.2% .091 267.935);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--tracking-wide: .025em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}.eventcatalog-visualizer .pointer-events-auto{pointer-events:auto}.eventcatalog-visualizer .pointer-events-none{pointer-events:none}.eventcatalog-visualizer .visible{visibility:visible}.eventcatalog-visualizer .absolute{position:absolute}.eventcatalog-visualizer .fixed{position:fixed}.eventcatalog-visualizer .relative{position:relative}.eventcatalog-visualizer .inset-0{inset:calc(var(--spacing) * 0)}.eventcatalog-visualizer .-top-2\.5{top:calc(var(--spacing) * -2.5)}.eventcatalog-visualizer .-top-10{top:calc(var(--spacing) * -10)}.eventcatalog-visualizer .top-0{top:calc(var(--spacing) * 0)}.eventcatalog-visualizer .top-0\.5{top:calc(var(--spacing) * .5)}.eventcatalog-visualizer .top-1\/2{top:50%}.eventcatalog-visualizer .top-2{top:calc(var(--spacing) * 2)}.eventcatalog-visualizer .top-\[10px\]{top:10px}.eventcatalog-visualizer .top-full{top:100%}.eventcatalog-visualizer .\!right-\[-0px\]{right:-0px!important}.eventcatalog-visualizer .\!right-\[-1px\]{right:-1px!important}.eventcatalog-visualizer .-right-2\.5{right:calc(var(--spacing) * -2.5)}.eventcatalog-visualizer .right-0{right:calc(var(--spacing) * 0)}.eventcatalog-visualizer .right-2{right:calc(var(--spacing) * 2)}.eventcatalog-visualizer .right-4{right:calc(var(--spacing) * 4)}.eventcatalog-visualizer .right-full{right:100%}.eventcatalog-visualizer .bottom-4{bottom:calc(var(--spacing) * 4)}.eventcatalog-visualizer .\!left-\[-0px\]{left:-0px!important}.eventcatalog-visualizer .\!left-\[-1px\]{left:-1px!important}.eventcatalog-visualizer .left-0{left:calc(var(--spacing) * 0)}.eventcatalog-visualizer .left-0\.5{left:calc(var(--spacing) * .5)}.eventcatalog-visualizer .left-1\/2{left:50%}.eventcatalog-visualizer .left-2{left:calc(var(--spacing) * 2)}.eventcatalog-visualizer .left-2\.5{left:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .left-3\.5{left:calc(var(--spacing) * 3.5)}.eventcatalog-visualizer .left-4{left:calc(var(--spacing) * 4)}.eventcatalog-visualizer .left-full{left:100%}.eventcatalog-visualizer .isolate{isolation:isolate}.eventcatalog-visualizer .\!z-10{z-index:10!important}.eventcatalog-visualizer .z-10{z-index:10}.eventcatalog-visualizer .z-20{z-index:20}.eventcatalog-visualizer .z-30{z-index:30}.eventcatalog-visualizer .z-40{z-index:40}.eventcatalog-visualizer .z-50{z-index:50}.eventcatalog-visualizer .z-\[60\]{z-index:60}.eventcatalog-visualizer .z-\[100\]{z-index:100}.eventcatalog-visualizer .z-\[9999\]{z-index:9999}.eventcatalog-visualizer .z-\[99999\]{z-index:99999}.eventcatalog-visualizer .container{width:100%}@media (width >= 40rem){.eventcatalog-visualizer .container{max-width:40rem}}@media (width >= 48rem){.eventcatalog-visualizer .container{max-width:48rem}}@media (width >= 64rem){.eventcatalog-visualizer .container{max-width:64rem}}@media (width >= 80rem){.eventcatalog-visualizer .container{max-width:80rem}}@media (width >= 96rem){.eventcatalog-visualizer .container{max-width:96rem}}.eventcatalog-visualizer .m-0{margin:calc(var(--spacing) * 0)}.eventcatalog-visualizer .m-1{margin:calc(var(--spacing) * 1)}.eventcatalog-visualizer .mx-auto{margin-inline:auto}.eventcatalog-visualizer .my-1{margin-block:calc(var(--spacing) * 1)}.eventcatalog-visualizer .my-6{margin-block:calc(var(--spacing) * 6)}.eventcatalog-visualizer .-mt-1{margin-top:calc(var(--spacing) * -1)}.eventcatalog-visualizer .mt-0\.5{margin-top:calc(var(--spacing) * .5)}.eventcatalog-visualizer .mt-1{margin-top:calc(var(--spacing) * 1)}.eventcatalog-visualizer .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.eventcatalog-visualizer .mt-2{margin-top:calc(var(--spacing) * 2)}.eventcatalog-visualizer .mt-3{margin-top:calc(var(--spacing) * 3)}.eventcatalog-visualizer .mt-4{margin-top:calc(var(--spacing) * 4)}.eventcatalog-visualizer .mt-6{margin-top:calc(var(--spacing) * 6)}.eventcatalog-visualizer .mt-14{margin-top:calc(var(--spacing) * 14)}.eventcatalog-visualizer .mr-1{margin-right:calc(var(--spacing) * 1)}.eventcatalog-visualizer .mb-0{margin-bottom:calc(var(--spacing) * 0)}.eventcatalog-visualizer .mb-1{margin-bottom:calc(var(--spacing) * 1)}.eventcatalog-visualizer .mb-2{margin-bottom:calc(var(--spacing) * 2)}.eventcatalog-visualizer .mb-3{margin-bottom:calc(var(--spacing) * 3)}.eventcatalog-visualizer .mb-4{margin-bottom:calc(var(--spacing) * 4)}.eventcatalog-visualizer .mb-6{margin-bottom:calc(var(--spacing) * 6)}.eventcatalog-visualizer .mb-12{margin-bottom:calc(var(--spacing) * 12)}.eventcatalog-visualizer .ml-1{margin-left:calc(var(--spacing) * 1)}.eventcatalog-visualizer .ml-2{margin-left:calc(var(--spacing) * 2)}.eventcatalog-visualizer .ml-3{margin-left:calc(var(--spacing) * 3)}.eventcatalog-visualizer .ml-4{margin-left:calc(var(--spacing) * 4)}.eventcatalog-visualizer .ml-12{margin-left:calc(var(--spacing) * 12)}.eventcatalog-visualizer .block{display:block}.eventcatalog-visualizer .contents{display:contents}.eventcatalog-visualizer .flex{display:flex}.eventcatalog-visualizer .grid{display:grid}.eventcatalog-visualizer .inline{display:inline}.eventcatalog-visualizer .inline-flex{display:inline-flex}.eventcatalog-visualizer .\!h-2{height:calc(var(--spacing) * 2)!important}.eventcatalog-visualizer .\!h-2\.5{height:calc(var(--spacing) * 2.5)!important}.eventcatalog-visualizer .\!h-3{height:calc(var(--spacing) * 3)!important}.eventcatalog-visualizer .h-0{height:calc(var(--spacing) * 0)}.eventcatalog-visualizer .h-0\.5{height:calc(var(--spacing) * .5)}.eventcatalog-visualizer .h-2{height:calc(var(--spacing) * 2)}.eventcatalog-visualizer .h-2\.5{height:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .h-3{height:calc(var(--spacing) * 3)}.eventcatalog-visualizer .h-3\.5{height:calc(var(--spacing) * 3.5)}.eventcatalog-visualizer .h-4{height:calc(var(--spacing) * 4)}.eventcatalog-visualizer .h-5{height:calc(var(--spacing) * 5)}.eventcatalog-visualizer .h-6{height:calc(var(--spacing) * 6)}.eventcatalog-visualizer .h-10{height:calc(var(--spacing) * 10)}.eventcatalog-visualizer .h-20{height:calc(var(--spacing) * 20)}.eventcatalog-visualizer .h-\[1px\]{height:1px}.eventcatalog-visualizer .h-\[30em\]{height:30em}.eventcatalog-visualizer .h-full{height:100%}.eventcatalog-visualizer .h-px{height:1px}.eventcatalog-visualizer .max-h-60{max-height:calc(var(--spacing) * 60)}.eventcatalog-visualizer .min-h-\[2em\]{min-height:2em}.eventcatalog-visualizer .min-h-\[3em\]{min-height:3em}.eventcatalog-visualizer .min-h-\[5em\]{min-height:5em}.eventcatalog-visualizer .min-h-\[100px\]{min-height:100px}.eventcatalog-visualizer .min-h-\[120px\]{min-height:120px}.eventcatalog-visualizer .min-h-\[150px\]{min-height:150px}.eventcatalog-visualizer .\!w-2{width:calc(var(--spacing) * 2)!important}.eventcatalog-visualizer .\!w-2\.5{width:calc(var(--spacing) * 2.5)!important}.eventcatalog-visualizer .\!w-3{width:calc(var(--spacing) * 3)!important}.eventcatalog-visualizer .w-0{width:calc(var(--spacing) * 0)}.eventcatalog-visualizer .w-2{width:calc(var(--spacing) * 2)}.eventcatalog-visualizer .w-2\.5{width:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .w-3{width:calc(var(--spacing) * 3)}.eventcatalog-visualizer .w-3\.5{width:calc(var(--spacing) * 3.5)}.eventcatalog-visualizer .w-4{width:calc(var(--spacing) * 4)}.eventcatalog-visualizer .w-5{width:calc(var(--spacing) * 5)}.eventcatalog-visualizer .w-6{width:calc(var(--spacing) * 6)}.eventcatalog-visualizer .w-7{width:calc(var(--spacing) * 7)}.eventcatalog-visualizer .w-12{width:calc(var(--spacing) * 12)}.eventcatalog-visualizer .w-20{width:calc(var(--spacing) * 20)}.eventcatalog-visualizer .w-24{width:calc(var(--spacing) * 24)}.eventcatalog-visualizer .w-96{width:calc(var(--spacing) * 96)}.eventcatalog-visualizer .w-\[90vw\]{width:90vw}.eventcatalog-visualizer .w-\[200px\]{width:200px}.eventcatalog-visualizer .w-\[350px\]{width:350px}.eventcatalog-visualizer .w-full{width:100%}.eventcatalog-visualizer .max-w-40{max-width:calc(var(--spacing) * 40)}.eventcatalog-visualizer .max-w-56{max-width:calc(var(--spacing) * 56)}.eventcatalog-visualizer .max-w-60{max-width:calc(var(--spacing) * 60)}.eventcatalog-visualizer .max-w-\[120px\]{max-width:120px}.eventcatalog-visualizer .max-w-\[280px\]{max-width:280px}.eventcatalog-visualizer .max-w-full{max-width:100%}.eventcatalog-visualizer .max-w-lg{max-width:var(--container-lg)}.eventcatalog-visualizer .max-w-md{max-width:var(--container-md)}.eventcatalog-visualizer .max-w-xl{max-width:var(--container-xl)}.eventcatalog-visualizer .min-w-0{min-width:calc(var(--spacing) * 0)}.eventcatalog-visualizer .min-w-44{min-width:calc(var(--spacing) * 44)}.eventcatalog-visualizer .min-w-48{min-width:calc(var(--spacing) * 48)}.eventcatalog-visualizer .min-w-56{min-width:calc(var(--spacing) * 56)}.eventcatalog-visualizer .min-w-\[150px\]{min-width:150px}.eventcatalog-visualizer .min-w-\[180px\]{min-width:180px}.eventcatalog-visualizer .min-w-\[200px\]{min-width:200px}.eventcatalog-visualizer .min-w-\[220px\]{min-width:220px}.eventcatalog-visualizer .flex-1{flex:1}.eventcatalog-visualizer .flex-shrink-0,.eventcatalog-visualizer .shrink-0{flex-shrink:0}.eventcatalog-visualizer .-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.eventcatalog-visualizer .-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.eventcatalog-visualizer .scale-110{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.eventcatalog-visualizer .rotate-180{rotate:180deg}.eventcatalog-visualizer .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.eventcatalog-visualizer .animate-pulse{animation:var(--animate-pulse)}.eventcatalog-visualizer .animate-spin{animation:var(--animate-spin)}.eventcatalog-visualizer .cursor-grab{cursor:grab}.eventcatalog-visualizer .cursor-pointer{cursor:pointer}.eventcatalog-visualizer .resize-none{resize:none}.eventcatalog-visualizer .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.eventcatalog-visualizer .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.eventcatalog-visualizer .flex-col{flex-direction:column}.eventcatalog-visualizer .flex-wrap{flex-wrap:wrap}.eventcatalog-visualizer .items-baseline{align-items:baseline}.eventcatalog-visualizer .items-center{align-items:center}.eventcatalog-visualizer .items-end{align-items:flex-end}.eventcatalog-visualizer .items-start{align-items:flex-start}.eventcatalog-visualizer .justify-between{justify-content:space-between}.eventcatalog-visualizer .justify-center{justify-content:center}.eventcatalog-visualizer .justify-end{justify-content:flex-end}.eventcatalog-visualizer .justify-start{justify-content:flex-start}.eventcatalog-visualizer .gap-1{gap:calc(var(--spacing) * 1)}.eventcatalog-visualizer .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.eventcatalog-visualizer .gap-2{gap:calc(var(--spacing) * 2)}.eventcatalog-visualizer .gap-3{gap:calc(var(--spacing) * 3)}.eventcatalog-visualizer .gap-4{gap:calc(var(--spacing) * 4)}.eventcatalog-visualizer :where(.eventcatalog-visualizer .space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.eventcatalog-visualizer .gap-x-4{column-gap:calc(var(--spacing) * 4)}.eventcatalog-visualizer :where(.eventcatalog-visualizer .space-x-1>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.eventcatalog-visualizer :where(.eventcatalog-visualizer .space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.eventcatalog-visualizer :where(.eventcatalog-visualizer .space-x-3>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.eventcatalog-visualizer :where(.eventcatalog-visualizer .space-x-4>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.eventcatalog-visualizer :where(.eventcatalog-visualizer .divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.eventcatalog-visualizer :where(.eventcatalog-visualizer .divide-\[rgb\(var\(--ec-page-border\)\)\]>:not(:last-child)){border-color:rgb(var(--ec-page-border))}.eventcatalog-visualizer .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eventcatalog-visualizer .overflow-auto{overflow:auto}.eventcatalog-visualizer .overflow-hidden{overflow:hidden}.eventcatalog-visualizer .overflow-visible{overflow:visible}.eventcatalog-visualizer .overflow-y-auto{overflow-y:auto}.eventcatalog-visualizer .\!rounded-full{border-radius:calc(infinity * 1px)!important}.eventcatalog-visualizer .rounded{border-radius:.25rem}.eventcatalog-visualizer .rounded-full{border-radius:calc(infinity * 1px)}.eventcatalog-visualizer .rounded-lg{border-radius:var(--radius-lg)}.eventcatalog-visualizer .rounded-md{border-radius:var(--radius-md)}.eventcatalog-visualizer .rounded-sm{border-radius:var(--radius-sm)}.eventcatalog-visualizer .rounded-xl{border-radius:var(--radius-xl)}.eventcatalog-visualizer .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.eventcatalog-visualizer .rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.eventcatalog-visualizer .rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.eventcatalog-visualizer .\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.eventcatalog-visualizer .\!border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.eventcatalog-visualizer .border{border-style:var(--tw-border-style);border-width:1px}.eventcatalog-visualizer .border-2{border-style:var(--tw-border-style);border-width:2px}.eventcatalog-visualizer .border-4{border-style:var(--tw-border-style);border-width:4px}.eventcatalog-visualizer .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.eventcatalog-visualizer .border-r-\[1px\]{border-right-style:var(--tw-border-style);border-right-width:1px}.eventcatalog-visualizer .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.eventcatalog-visualizer .border-b-\[16px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:16px}.eventcatalog-visualizer .border-l-\[16px\]{border-left-style:var(--tw-border-style);border-left-width:16px}.eventcatalog-visualizer .border-dashed{--tw-border-style: dashed;border-style:dashed}.eventcatalog-visualizer .border-none{--tw-border-style: none;border-style:none}.eventcatalog-visualizer .\!border-\[rgb\(var\(--ec-page-border\)\)\]{border-color:rgb(var(--ec-page-border))!important}.eventcatalog-visualizer .\!border-blue-600{border-color:var(--color-blue-600)!important}.eventcatalog-visualizer .\!border-gray-500{border-color:var(--color-gray-500)!important}.eventcatalog-visualizer .border-\[rgb\(var\(--ec-accent\)\/0\.3\)\]{border-color:rgb(var(--ec-accent)/.3)}.eventcatalog-visualizer .border-\[rgb\(var\(--ec-input-border\)\)\]{border-color:rgb(var(--ec-input-border))}.eventcatalog-visualizer .border-\[rgb\(var\(--ec-page-border\)\)\]{border-color:rgb(var(--ec-page-border))}.eventcatalog-visualizer .border-amber-400{border-color:var(--color-amber-400)}.eventcatalog-visualizer .border-amber-500{border-color:var(--color-amber-500)}.eventcatalog-visualizer .border-amber-500\/60{border-color:color-mix(in srgb,oklch(76.9% .188 70.08) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-amber-500\/60{border-color:color-mix(in oklab,var(--color-amber-500) 60%,transparent)}}.eventcatalog-visualizer .border-blue-400{border-color:var(--color-blue-400)}.eventcatalog-visualizer .border-blue-400\/50{border-color:color-mix(in srgb,oklch(70.7% .165 254.624) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-blue-400\/50{border-color:color-mix(in oklab,var(--color-blue-400) 50%,transparent)}}.eventcatalog-visualizer .border-blue-400\/60{border-color:color-mix(in srgb,oklch(70.7% .165 254.624) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-blue-400\/60{border-color:color-mix(in oklab,var(--color-blue-400) 60%,transparent)}}.eventcatalog-visualizer .border-blue-500{border-color:var(--color-blue-500)}.eventcatalog-visualizer .border-blue-600{border-color:var(--color-blue-600)}.eventcatalog-visualizer .border-blue-900\/10{border-color:color-mix(in srgb,oklch(37.9% .146 265.522) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-blue-900\/10{border-color:color-mix(in oklab,var(--color-blue-900) 10%,transparent)}}.eventcatalog-visualizer .border-cyan-400{border-color:var(--color-cyan-400)}.eventcatalog-visualizer .border-cyan-500{border-color:var(--color-cyan-500)}.eventcatalog-visualizer .border-emerald-400{border-color:var(--color-emerald-400)}.eventcatalog-visualizer .border-emerald-500{border-color:var(--color-emerald-500)}.eventcatalog-visualizer .border-gray-200{border-color:var(--color-gray-200)}.eventcatalog-visualizer .border-gray-300{border-color:var(--color-gray-300)}.eventcatalog-visualizer .border-gray-400{border-color:var(--color-gray-400)}.eventcatalog-visualizer .border-gray-400\/60{border-color:color-mix(in srgb,oklch(70.7% .022 261.325) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-gray-400\/60{border-color:color-mix(in oklab,var(--color-gray-400) 60%,transparent)}}.eventcatalog-visualizer .border-gray-500{border-color:var(--color-gray-500)}.eventcatalog-visualizer .border-green-200{border-color:var(--color-green-200)}.eventcatalog-visualizer .border-green-400{border-color:var(--color-green-400)}.eventcatalog-visualizer .border-green-400\/60{border-color:color-mix(in srgb,oklch(79.2% .209 151.711) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-green-400\/60{border-color:color-mix(in oklab,var(--color-green-400) 60%,transparent)}}.eventcatalog-visualizer .border-green-500{border-color:var(--color-green-500)}.eventcatalog-visualizer .border-green-900\/10{border-color:color-mix(in srgb,oklch(39.3% .095 152.535) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-green-900\/10{border-color:color-mix(in oklab,var(--color-green-900) 10%,transparent)}}.eventcatalog-visualizer .border-indigo-400{border-color:var(--color-indigo-400)}.eventcatalog-visualizer .border-indigo-400\/60{border-color:color-mix(in srgb,oklch(67.3% .182 276.935) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-indigo-400\/60{border-color:color-mix(in oklab,var(--color-indigo-400) 60%,transparent)}}.eventcatalog-visualizer .border-indigo-500{border-color:var(--color-indigo-500)}.eventcatalog-visualizer .border-indigo-900\/10{border-color:color-mix(in srgb,oklch(35.9% .144 278.697) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-indigo-900\/10{border-color:color-mix(in oklab,var(--color-indigo-900) 10%,transparent)}}.eventcatalog-visualizer .border-orange-400{border-color:var(--color-orange-400)}.eventcatalog-visualizer .border-orange-400\/60{border-color:color-mix(in srgb,oklch(75% .183 55.934) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-orange-400\/60{border-color:color-mix(in oklab,var(--color-orange-400) 60%,transparent)}}.eventcatalog-visualizer .border-orange-500{border-color:var(--color-orange-500)}.eventcatalog-visualizer .border-orange-900\/10{border-color:color-mix(in srgb,oklch(40.8% .123 38.172) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-orange-900\/10{border-color:color-mix(in oklab,var(--color-orange-900) 10%,transparent)}}.eventcatalog-visualizer .border-pink-300{border-color:var(--color-pink-300)}.eventcatalog-visualizer .border-pink-400{border-color:var(--color-pink-400)}.eventcatalog-visualizer .border-pink-400\/60{border-color:color-mix(in srgb,oklch(71.8% .202 349.761) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-pink-400\/60{border-color:color-mix(in oklab,var(--color-pink-400) 60%,transparent)}}.eventcatalog-visualizer .border-pink-500{border-color:var(--color-pink-500)}.eventcatalog-visualizer .border-pink-900\/10{border-color:color-mix(in srgb,oklch(40.8% .153 2.432) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-pink-900\/10{border-color:color-mix(in oklab,var(--color-pink-900) 10%,transparent)}}.eventcatalog-visualizer .border-purple-400{border-color:var(--color-purple-400)}.eventcatalog-visualizer .border-purple-400\/60{border-color:color-mix(in srgb,oklch(71.4% .203 305.504) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-purple-400\/60{border-color:color-mix(in oklab,var(--color-purple-400) 60%,transparent)}}.eventcatalog-visualizer .border-purple-500{border-color:var(--color-purple-500)}.eventcatalog-visualizer .border-purple-900\/10{border-color:color-mix(in srgb,oklch(38.1% .176 304.987) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-purple-900\/10{border-color:color-mix(in oklab,var(--color-purple-900) 10%,transparent)}}.eventcatalog-visualizer .border-red-400{border-color:var(--color-red-400)}.eventcatalog-visualizer .border-red-500{border-color:var(--color-red-500)}.eventcatalog-visualizer .border-red-600{border-color:var(--color-red-600)}.eventcatalog-visualizer .border-rose-400{border-color:var(--color-rose-400)}.eventcatalog-visualizer .border-rose-500{border-color:var(--color-rose-500)}.eventcatalog-visualizer .border-slate-400{border-color:var(--color-slate-400)}.eventcatalog-visualizer .border-slate-500{border-color:var(--color-slate-500)}.eventcatalog-visualizer .border-teal-400{border-color:var(--color-teal-400)}.eventcatalog-visualizer .border-teal-500{border-color:var(--color-teal-500)}.eventcatalog-visualizer .border-transparent{border-color:transparent}.eventcatalog-visualizer .border-violet-400{border-color:var(--color-violet-400)}.eventcatalog-visualizer .border-violet-500{border-color:var(--color-violet-500)}.eventcatalog-visualizer .border-yellow-400{border-color:var(--color-yellow-400)}.eventcatalog-visualizer .border-yellow-400\/60{border-color:color-mix(in srgb,oklch(85.2% .199 91.936) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-yellow-400\/60{border-color:color-mix(in oklab,var(--color-yellow-400) 60%,transparent)}}.eventcatalog-visualizer .border-yellow-500{border-color:var(--color-yellow-500)}.eventcatalog-visualizer .border-yellow-900\/10{border-color:color-mix(in srgb,oklch(42.1% .095 57.708) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-yellow-900\/10{border-color:color-mix(in oklab,var(--color-yellow-900) 10%,transparent)}}.eventcatalog-visualizer .border-r-gray-900{border-right-color:var(--color-gray-900)}.eventcatalog-visualizer .border-b-yellow-400\/30{border-bottom-color:color-mix(in srgb,oklch(85.2% .199 91.936) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .border-b-yellow-400\/30{border-bottom-color:color-mix(in oklab,var(--color-yellow-400) 30%,transparent)}}.eventcatalog-visualizer .border-l-transparent{border-left-color:transparent}.eventcatalog-visualizer .\!bg-\[rgb\(var\(--ec-card-bg\)\)\]{background-color:rgb(var(--ec-card-bg))!important}.eventcatalog-visualizer .\!bg-blue-500{background-color:var(--color-blue-500)!important}.eventcatalog-visualizer .\!bg-gray-400{background-color:var(--color-gray-400)!important}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-accent\)\)\]{background-color:rgb(var(--ec-accent))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-accent-subtle\)\)\]{background-color:rgb(var(--ec-accent-subtle))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-card-bg\)\)\],.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-card-bg\)\)\]\/90{background-color:rgb(var(--ec-card-bg))}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-card-bg\)\)\]\/90{background-color:color-mix(in oklab,rgb(var(--ec-card-bg)) 90%,transparent)}}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-card-bg\,var\(--ec-page-bg\)\)\)\]{background-color:rgb(var(--ec-card-bg,var(--ec-page-bg)))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-code-bg\)\)\]{background-color:rgb(var(--ec-code-bg))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-domain-header-bg\,253_224_71\)\/0\.2\)\]{background-color:rgb(var(--ec-domain-header-bg,253 224 71)/.2)}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-input-bg\)\)\]{background-color:rgb(var(--ec-input-bg))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-page-bg\)\)\]{background-color:rgb(var(--ec-page-bg))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-page-bg\)\/0\.5\)\]{background-color:rgb(var(--ec-page-bg)/.5)}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-page-border\)\)\]{background-color:rgb(var(--ec-page-border))}.eventcatalog-visualizer .bg-\[rgb\(var\(--ec-page-text\)\)\]{background-color:rgb(var(--ec-page-text))}.eventcatalog-visualizer .bg-amber-100{background-color:var(--color-amber-100)}.eventcatalog-visualizer .bg-amber-500\/20{background-color:color-mix(in srgb,oklch(76.9% .188 70.08) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.eventcatalog-visualizer .bg-black{background-color:var(--color-black)}.eventcatalog-visualizer .bg-black\/20{background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.eventcatalog-visualizer .bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.eventcatalog-visualizer .bg-blue-200{background-color:var(--color-blue-200)}.eventcatalog-visualizer .bg-blue-400{background-color:var(--color-blue-400)}.eventcatalog-visualizer .bg-blue-500{background-color:var(--color-blue-500)}.eventcatalog-visualizer .bg-blue-500\/15{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent)}}.eventcatalog-visualizer .bg-blue-600{background-color:var(--color-blue-600)}.eventcatalog-visualizer .bg-gray-50{background-color:var(--color-gray-50)}.eventcatalog-visualizer .bg-gray-100{background-color:var(--color-gray-100)}.eventcatalog-visualizer .bg-gray-200{background-color:var(--color-gray-200)}.eventcatalog-visualizer .bg-gray-400{background-color:var(--color-gray-400)}.eventcatalog-visualizer .bg-gray-500{background-color:var(--color-gray-500)}.eventcatalog-visualizer .bg-gray-600{background-color:var(--color-gray-600)}.eventcatalog-visualizer .bg-gray-700{background-color:var(--color-gray-700)}.eventcatalog-visualizer .bg-gray-900{background-color:var(--color-gray-900)}.eventcatalog-visualizer .bg-gray-900\/10{background-color:color-mix(in srgb,oklch(21% .034 264.665) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .bg-gray-900\/10{background-color:color-mix(in oklab,var(--color-gray-900) 10%,transparent)}}.eventcatalog-visualizer .bg-green-50{background-color:var(--color-green-50)}.eventcatalog-visualizer .bg-green-200{background-color:var(--color-green-200)}.eventcatalog-visualizer .bg-green-400{background-color:var(--color-green-400)}.eventcatalog-visualizer .bg-green-500{background-color:var(--color-green-500)}.eventcatalog-visualizer .bg-green-600{background-color:var(--color-green-600)}.eventcatalog-visualizer .bg-indigo-500{background-color:var(--color-indigo-500)}.eventcatalog-visualizer .bg-indigo-600{background-color:var(--color-indigo-600)}.eventcatalog-visualizer .bg-orange-400{background-color:var(--color-orange-400)}.eventcatalog-visualizer .bg-orange-500{background-color:var(--color-orange-500)}.eventcatalog-visualizer .bg-orange-600{background-color:var(--color-orange-600)}.eventcatalog-visualizer .bg-pink-100{background-color:var(--color-pink-100)}.eventcatalog-visualizer .bg-pink-200{background-color:var(--color-pink-200)}.eventcatalog-visualizer .bg-pink-400{background-color:var(--color-pink-400)}.eventcatalog-visualizer .bg-pink-500{background-color:var(--color-pink-500)}.eventcatalog-visualizer .bg-pink-600{background-color:var(--color-pink-600)}.eventcatalog-visualizer .bg-purple-200{background-color:var(--color-purple-200)}.eventcatalog-visualizer .bg-purple-500{background-color:var(--color-purple-500)}.eventcatalog-visualizer .bg-purple-600{background-color:var(--color-purple-600)}.eventcatalog-visualizer .bg-red-500{background-color:var(--color-red-500)}.eventcatalog-visualizer .bg-slate-800{background-color:var(--color-slate-800)}.eventcatalog-visualizer .bg-teal-600{background-color:var(--color-teal-600)}.eventcatalog-visualizer .bg-transparent{background-color:transparent}.eventcatalog-visualizer .bg-white{background-color:var(--color-white)}.eventcatalog-visualizer .bg-yellow-500{background-color:var(--color-yellow-500)}.eventcatalog-visualizer .bg-yellow-600{background-color:var(--color-yellow-600)}.eventcatalog-visualizer .bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.eventcatalog-visualizer .bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.eventcatalog-visualizer .from-amber-400{--tw-gradient-from: var(--color-amber-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-amber-500{--tw-gradient-from: var(--color-amber-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-blue-400{--tw-gradient-from: var(--color-blue-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-blue-500{--tw-gradient-from: var(--color-blue-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-cyan-400{--tw-gradient-from: var(--color-cyan-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-cyan-500{--tw-gradient-from: var(--color-cyan-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-emerald-400{--tw-gradient-from: var(--color-emerald-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-emerald-500{--tw-gradient-from: var(--color-emerald-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-gray-400{--tw-gradient-from: var(--color-gray-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-gray-500{--tw-gradient-from: var(--color-gray-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-gray-700{--tw-gradient-from: var(--color-gray-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-green-400{--tw-gradient-from: var(--color-green-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-green-500{--tw-gradient-from: var(--color-green-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-indigo-400{--tw-gradient-from: var(--color-indigo-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-indigo-500{--tw-gradient-from: var(--color-indigo-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-orange-400{--tw-gradient-from: var(--color-orange-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-orange-500{--tw-gradient-from: var(--color-orange-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-pink-400{--tw-gradient-from: var(--color-pink-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-pink-500{--tw-gradient-from: var(--color-pink-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-purple-400{--tw-gradient-from: var(--color-purple-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-purple-500{--tw-gradient-from: var(--color-purple-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-red-400{--tw-gradient-from: var(--color-red-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-red-500{--tw-gradient-from: var(--color-red-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-rose-400{--tw-gradient-from: var(--color-rose-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-rose-500{--tw-gradient-from: var(--color-rose-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-slate-400{--tw-gradient-from: var(--color-slate-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-slate-500{--tw-gradient-from: var(--color-slate-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-teal-400{--tw-gradient-from: var(--color-teal-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-teal-500{--tw-gradient-from: var(--color-teal-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-violet-400{--tw-gradient-from: var(--color-violet-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-violet-500{--tw-gradient-from: var(--color-violet-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-yellow-200{--tw-gradient-from: var(--color-yellow-200);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-yellow-400{--tw-gradient-from: var(--color-yellow-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .from-yellow-500{--tw-gradient-from: var(--color-yellow-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-amber-600{--tw-gradient-to: var(--color-amber-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-amber-700{--tw-gradient-to: var(--color-amber-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-blue-600{--tw-gradient-to: var(--color-blue-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-blue-700{--tw-gradient-to: var(--color-blue-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-cyan-600{--tw-gradient-to: var(--color-cyan-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-cyan-700{--tw-gradient-to: var(--color-cyan-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-emerald-600{--tw-gradient-to: var(--color-emerald-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-emerald-700{--tw-gradient-to: var(--color-emerald-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-gray-600{--tw-gradient-to: var(--color-gray-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-gray-700{--tw-gradient-to: var(--color-gray-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-green-600{--tw-gradient-to: var(--color-green-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-green-700{--tw-gradient-to: var(--color-green-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-indigo-600{--tw-gradient-to: var(--color-indigo-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-indigo-700{--tw-gradient-to: var(--color-indigo-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-orange-600{--tw-gradient-to: var(--color-orange-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-orange-700{--tw-gradient-to: var(--color-orange-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-pink-600{--tw-gradient-to: var(--color-pink-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-pink-700{--tw-gradient-to: var(--color-pink-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-purple-600{--tw-gradient-to: var(--color-purple-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-purple-700{--tw-gradient-to: var(--color-purple-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-red-600{--tw-gradient-to: var(--color-red-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-red-700{--tw-gradient-to: var(--color-red-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-rose-600{--tw-gradient-to: var(--color-rose-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-rose-700{--tw-gradient-to: var(--color-rose-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-slate-600{--tw-gradient-to: var(--color-slate-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-slate-700{--tw-gradient-to: var(--color-slate-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-teal-600{--tw-gradient-to: var(--color-teal-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-teal-700{--tw-gradient-to: var(--color-teal-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-violet-600{--tw-gradient-to: var(--color-violet-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-violet-700{--tw-gradient-to: var(--color-violet-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-yellow-300{--tw-gradient-to: var(--color-yellow-300);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-yellow-600{--tw-gradient-to: var(--color-yellow-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .to-yellow-700{--tw-gradient-to: var(--color-yellow-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.eventcatalog-visualizer .fill-\[rgb\(var\(--ec-page-bg\)\)\]{fill:rgb(var(--ec-page-bg))}.eventcatalog-visualizer .fill-slate-800{fill:var(--color-slate-800)}.eventcatalog-visualizer .stroke-\[rgb\(var\(--ec-page-border\)\)\]{stroke:rgb(var(--ec-page-border))}.eventcatalog-visualizer .stroke-1{stroke-width:1}.eventcatalog-visualizer .object-cover{object-fit:cover}.eventcatalog-visualizer .p-0{padding:calc(var(--spacing) * 0)}.eventcatalog-visualizer .p-1{padding:calc(var(--spacing) * 1)}.eventcatalog-visualizer .p-2{padding:calc(var(--spacing) * 2)}.eventcatalog-visualizer .p-2\.5{padding:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .p-3{padding:calc(var(--spacing) * 3)}.eventcatalog-visualizer .p-4{padding:calc(var(--spacing) * 4)}.eventcatalog-visualizer .p-6{padding:calc(var(--spacing) * 6)}.eventcatalog-visualizer .px-1{padding-inline:calc(var(--spacing) * 1)}.eventcatalog-visualizer .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.eventcatalog-visualizer .px-2{padding-inline:calc(var(--spacing) * 2)}.eventcatalog-visualizer .px-3{padding-inline:calc(var(--spacing) * 3)}.eventcatalog-visualizer .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.eventcatalog-visualizer .px-4{padding-inline:calc(var(--spacing) * 4)}.eventcatalog-visualizer .px-6{padding-inline:calc(var(--spacing) * 6)}.eventcatalog-visualizer .py-0{padding-block:calc(var(--spacing) * 0)}.eventcatalog-visualizer .py-0\.5{padding-block:calc(var(--spacing) * .5)}.eventcatalog-visualizer .py-1{padding-block:calc(var(--spacing) * 1)}.eventcatalog-visualizer .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.eventcatalog-visualizer .py-2{padding-block:calc(var(--spacing) * 2)}.eventcatalog-visualizer .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .py-3{padding-block:calc(var(--spacing) * 3)}.eventcatalog-visualizer .py-4{padding-block:calc(var(--spacing) * 4)}.eventcatalog-visualizer .py-\[1px\]{padding-block:1px}.eventcatalog-visualizer .pt-0\.5{padding-top:calc(var(--spacing) * .5)}.eventcatalog-visualizer .pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.eventcatalog-visualizer .pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.eventcatalog-visualizer .pr-6{padding-right:calc(var(--spacing) * 6)}.eventcatalog-visualizer .pr-10{padding-right:calc(var(--spacing) * 10)}.eventcatalog-visualizer .pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.eventcatalog-visualizer .pb-1{padding-bottom:calc(var(--spacing) * 1)}.eventcatalog-visualizer .pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.eventcatalog-visualizer .pl-7{padding-left:calc(var(--spacing) * 7)}.eventcatalog-visualizer .text-center{text-align:center}.eventcatalog-visualizer .text-left{text-align:left}.eventcatalog-visualizer .text-right{text-align:right}.eventcatalog-visualizer .font-mono{font-family:var(--font-mono)}.eventcatalog-visualizer .text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.eventcatalog-visualizer .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.eventcatalog-visualizer .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.eventcatalog-visualizer .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.eventcatalog-visualizer .text-\[7px\]{font-size:7px}.eventcatalog-visualizer .text-\[8px\]{font-size:8px}.eventcatalog-visualizer .text-\[9px\]{font-size:9px}.eventcatalog-visualizer .text-\[10px\]{font-size:10px}.eventcatalog-visualizer .text-\[12px\]{font-size:12px}.eventcatalog-visualizer .text-\[13px\]{font-size:13px}.eventcatalog-visualizer .text-\[14px\]{font-size:14px}.eventcatalog-visualizer .leading-3{--tw-leading: calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.eventcatalog-visualizer .leading-none{--tw-leading: 1;line-height:1}.eventcatalog-visualizer .leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.eventcatalog-visualizer .leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.eventcatalog-visualizer .leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.eventcatalog-visualizer .font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.eventcatalog-visualizer .font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.eventcatalog-visualizer .font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.eventcatalog-visualizer .font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.eventcatalog-visualizer .font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.eventcatalog-visualizer .font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.eventcatalog-visualizer .tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.eventcatalog-visualizer .tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.eventcatalog-visualizer .break-words{overflow-wrap:break-word}.eventcatalog-visualizer .whitespace-normal{white-space:normal}.eventcatalog-visualizer .whitespace-nowrap{white-space:nowrap}.eventcatalog-visualizer .whitespace-pre-wrap{white-space:pre-wrap}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-accent\)\)\]{color:rgb(var(--ec-accent))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-accent-text\)\)\]{color:rgb(var(--ec-accent-text))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-icon-color\)\)\]{color:rgb(var(--ec-icon-color))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-input-text\)\)\]{color:rgb(var(--ec-input-text))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-page-bg\)\)\]{color:rgb(var(--ec-page-bg))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-page-text\)\)\]{color:rgb(var(--ec-page-text))}.eventcatalog-visualizer .text-\[rgb\(var\(--ec-page-text-muted\)\)\]{color:rgb(var(--ec-page-text-muted))}.eventcatalog-visualizer .text-amber-100{color:var(--color-amber-100)}.eventcatalog-visualizer .text-amber-600{color:var(--color-amber-600)}.eventcatalog-visualizer .text-amber-900{color:var(--color-amber-900)}.eventcatalog-visualizer .text-blue-100{color:var(--color-blue-100)}.eventcatalog-visualizer .text-blue-300{color:var(--color-blue-300)}.eventcatalog-visualizer .text-blue-500{color:var(--color-blue-500)}.eventcatalog-visualizer .text-blue-900{color:var(--color-blue-900)}.eventcatalog-visualizer .text-blue-900\/40{color:color-mix(in srgb,oklch(37.9% .146 265.522) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-blue-900\/40{color:color-mix(in oklab,var(--color-blue-900) 40%,transparent)}}.eventcatalog-visualizer .text-blue-900\/50{color:color-mix(in srgb,oklch(37.9% .146 265.522) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-blue-900\/50{color:color-mix(in oklab,var(--color-blue-900) 50%,transparent)}}.eventcatalog-visualizer .text-blue-950{color:var(--color-blue-950)}.eventcatalog-visualizer .text-blue-950\/40{color:color-mix(in srgb,oklch(28.2% .091 267.935) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-blue-950\/40{color:color-mix(in oklab,var(--color-blue-950) 40%,transparent)}}.eventcatalog-visualizer .text-blue-950\/60{color:color-mix(in srgb,oklch(28.2% .091 267.935) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-blue-950\/60{color:color-mix(in oklab,var(--color-blue-950) 60%,transparent)}}.eventcatalog-visualizer .text-cyan-100{color:var(--color-cyan-100)}.eventcatalog-visualizer .text-emerald-100{color:var(--color-emerald-100)}.eventcatalog-visualizer .text-gray-100{color:var(--color-gray-100)}.eventcatalog-visualizer .text-gray-200{color:var(--color-gray-200)}.eventcatalog-visualizer .text-gray-300{color:var(--color-gray-300)}.eventcatalog-visualizer .text-gray-500{color:var(--color-gray-500)}.eventcatalog-visualizer .text-gray-600{color:var(--color-gray-600)}.eventcatalog-visualizer .text-gray-700{color:var(--color-gray-700)}.eventcatalog-visualizer .text-gray-900{color:var(--color-gray-900)}.eventcatalog-visualizer .text-gray-900\/30{color:color-mix(in srgb,oklch(21% .034 264.665) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-gray-900\/30{color:color-mix(in oklab,var(--color-gray-900) 30%,transparent)}}.eventcatalog-visualizer .text-gray-900\/50{color:color-mix(in srgb,oklch(21% .034 264.665) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-gray-900\/50{color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}.eventcatalog-visualizer .text-gray-950{color:var(--color-gray-950)}.eventcatalog-visualizer .text-gray-950\/40{color:color-mix(in srgb,oklch(13% .028 261.692) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-gray-950\/40{color:color-mix(in oklab,var(--color-gray-950) 40%,transparent)}}.eventcatalog-visualizer .text-gray-950\/50{color:color-mix(in srgb,oklch(13% .028 261.692) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-gray-950\/50{color:color-mix(in oklab,var(--color-gray-950) 50%,transparent)}}.eventcatalog-visualizer .text-green-100{color:var(--color-green-100)}.eventcatalog-visualizer .text-green-300{color:var(--color-green-300)}.eventcatalog-visualizer .text-green-700{color:var(--color-green-700)}.eventcatalog-visualizer .text-green-900{color:var(--color-green-900)}.eventcatalog-visualizer .text-green-900\/40{color:color-mix(in srgb,oklch(39.3% .095 152.535) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-green-900\/40{color:color-mix(in oklab,var(--color-green-900) 40%,transparent)}}.eventcatalog-visualizer .text-green-900\/50{color:color-mix(in srgb,oklch(39.3% .095 152.535) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-green-900\/50{color:color-mix(in oklab,var(--color-green-900) 50%,transparent)}}.eventcatalog-visualizer .text-green-950{color:var(--color-green-950)}.eventcatalog-visualizer .text-green-950\/40{color:color-mix(in srgb,oklch(26.6% .065 152.934) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-green-950\/40{color:color-mix(in oklab,var(--color-green-950) 40%,transparent)}}.eventcatalog-visualizer .text-green-950\/60{color:color-mix(in srgb,oklch(26.6% .065 152.934) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-green-950\/60{color:color-mix(in oklab,var(--color-green-950) 60%,transparent)}}.eventcatalog-visualizer .text-indigo-100{color:var(--color-indigo-100)}.eventcatalog-visualizer .text-indigo-900\/40{color:color-mix(in srgb,oklch(35.9% .144 278.697) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-indigo-900\/40{color:color-mix(in oklab,var(--color-indigo-900) 40%,transparent)}}.eventcatalog-visualizer .text-indigo-900\/50{color:color-mix(in srgb,oklch(35.9% .144 278.697) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-indigo-900\/50{color:color-mix(in oklab,var(--color-indigo-900) 50%,transparent)}}.eventcatalog-visualizer .text-indigo-950{color:var(--color-indigo-950)}.eventcatalog-visualizer .text-indigo-950\/40{color:color-mix(in srgb,oklch(25.7% .09 281.288) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-indigo-950\/40{color:color-mix(in oklab,var(--color-indigo-950) 40%,transparent)}}.eventcatalog-visualizer .text-indigo-950\/60{color:color-mix(in srgb,oklch(25.7% .09 281.288) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-indigo-950\/60{color:color-mix(in oklab,var(--color-indigo-950) 60%,transparent)}}.eventcatalog-visualizer .text-orange-100{color:var(--color-orange-100)}.eventcatalog-visualizer .text-orange-300{color:var(--color-orange-300)}.eventcatalog-visualizer .text-orange-900\/40{color:color-mix(in srgb,oklch(40.8% .123 38.172) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-orange-900\/40{color:color-mix(in oklab,var(--color-orange-900) 40%,transparent)}}.eventcatalog-visualizer .text-orange-900\/50{color:color-mix(in srgb,oklch(40.8% .123 38.172) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-orange-900\/50{color:color-mix(in oklab,var(--color-orange-900) 50%,transparent)}}.eventcatalog-visualizer .text-orange-950{color:var(--color-orange-950)}.eventcatalog-visualizer .text-orange-950\/40{color:color-mix(in srgb,oklch(26.6% .079 36.259) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-orange-950\/40{color:color-mix(in oklab,var(--color-orange-950) 40%,transparent)}}.eventcatalog-visualizer .text-orange-950\/60{color:color-mix(in srgb,oklch(26.6% .079 36.259) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-orange-950\/60{color:color-mix(in oklab,var(--color-orange-950) 60%,transparent)}}.eventcatalog-visualizer .text-pink-100{color:var(--color-pink-100)}.eventcatalog-visualizer .text-pink-300{color:var(--color-pink-300)}.eventcatalog-visualizer .text-pink-900{color:var(--color-pink-900)}.eventcatalog-visualizer .text-pink-900\/40{color:color-mix(in srgb,oklch(40.8% .153 2.432) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-pink-900\/40{color:color-mix(in oklab,var(--color-pink-900) 40%,transparent)}}.eventcatalog-visualizer .text-pink-900\/50{color:color-mix(in srgb,oklch(40.8% .153 2.432) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-pink-900\/50{color:color-mix(in oklab,var(--color-pink-900) 50%,transparent)}}.eventcatalog-visualizer .text-pink-950{color:var(--color-pink-950)}.eventcatalog-visualizer .text-pink-950\/40{color:color-mix(in srgb,oklch(28.4% .109 3.907) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-pink-950\/40{color:color-mix(in oklab,var(--color-pink-950) 40%,transparent)}}.eventcatalog-visualizer .text-pink-950\/60{color:color-mix(in srgb,oklch(28.4% .109 3.907) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-pink-950\/60{color:color-mix(in oklab,var(--color-pink-950) 60%,transparent)}}.eventcatalog-visualizer .text-purple-100{color:var(--color-purple-100)}.eventcatalog-visualizer .text-purple-900{color:var(--color-purple-900)}.eventcatalog-visualizer .text-purple-900\/40{color:color-mix(in srgb,oklch(38.1% .176 304.987) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-purple-900\/40{color:color-mix(in oklab,var(--color-purple-900) 40%,transparent)}}.eventcatalog-visualizer .text-purple-900\/50{color:color-mix(in srgb,oklch(38.1% .176 304.987) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-purple-900\/50{color:color-mix(in oklab,var(--color-purple-900) 50%,transparent)}}.eventcatalog-visualizer .text-purple-950{color:var(--color-purple-950)}.eventcatalog-visualizer .text-purple-950\/40{color:color-mix(in srgb,oklch(29.1% .149 302.717) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-purple-950\/40{color:color-mix(in oklab,var(--color-purple-950) 40%,transparent)}}.eventcatalog-visualizer .text-purple-950\/60{color:color-mix(in srgb,oklch(29.1% .149 302.717) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-purple-950\/60{color:color-mix(in oklab,var(--color-purple-950) 60%,transparent)}}.eventcatalog-visualizer .text-red-100{color:var(--color-red-100)}.eventcatalog-visualizer .text-red-500{color:var(--color-red-500)}.eventcatalog-visualizer .text-rose-100{color:var(--color-rose-100)}.eventcatalog-visualizer .text-slate-100{color:var(--color-slate-100)}.eventcatalog-visualizer .text-teal-100{color:var(--color-teal-100)}.eventcatalog-visualizer .text-violet-100{color:var(--color-violet-100)}.eventcatalog-visualizer .text-white{color:var(--color-white)}.eventcatalog-visualizer .text-yellow-100{color:var(--color-yellow-100)}.eventcatalog-visualizer .text-yellow-500{color:var(--color-yellow-500)}.eventcatalog-visualizer .text-yellow-900{color:var(--color-yellow-900)}.eventcatalog-visualizer .text-yellow-900\/50{color:color-mix(in srgb,oklch(42.1% .095 57.708) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-yellow-900\/50{color:color-mix(in oklab,var(--color-yellow-900) 50%,transparent)}}.eventcatalog-visualizer .text-yellow-950{color:var(--color-yellow-950)}.eventcatalog-visualizer .text-yellow-950\/40{color:color-mix(in srgb,oklch(28.6% .066 53.813) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-yellow-950\/40{color:color-mix(in oklab,var(--color-yellow-950) 40%,transparent)}}.eventcatalog-visualizer .text-yellow-950\/60{color:color-mix(in srgb,oklch(28.6% .066 53.813) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .text-yellow-950\/60{color:color-mix(in oklab,var(--color-yellow-950) 60%,transparent)}}.eventcatalog-visualizer .capitalize{text-transform:capitalize}.eventcatalog-visualizer .uppercase{text-transform:uppercase}.eventcatalog-visualizer .italic{font-style:italic}.eventcatalog-visualizer .line-through{text-decoration-line:line-through}.eventcatalog-visualizer .no-underline{text-decoration-line:none}.eventcatalog-visualizer .underline{text-decoration-line:underline}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-blue-600)::placeholder{color:var(--color-blue-600)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-gray-600)::placeholder{color:var(--color-gray-600)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-green-600)::placeholder{color:var(--color-green-600)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-pink-600)::placeholder{color:var(--color-pink-600)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-purple-600)::placeholder{color:var(--color-purple-600)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder-yellow-600)::placeholder{color:var(--color-yellow-600)}.eventcatalog-visualizer .opacity-0{opacity:0%}.eventcatalog-visualizer .opacity-10{opacity:10%}.eventcatalog-visualizer .opacity-40{opacity:40%}.eventcatalog-visualizer .opacity-90{opacity:90%}.eventcatalog-visualizer .opacity-100{opacity:100%}.eventcatalog-visualizer .shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer .shadow-yellow-300\/50{--tw-shadow-color: color-mix(in srgb, oklch(90.5% .182 98.111) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .shadow-yellow-300\/50{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-300) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.eventcatalog-visualizer .ring-blue-400\/60{--tw-ring-color: color-mix(in srgb, oklch(70.7% .165 254.624) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-blue-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-blue-400) 60%, transparent)}}.eventcatalog-visualizer .ring-blue-500{--tw-ring-color: var(--color-blue-500)}.eventcatalog-visualizer .ring-gray-400\/60{--tw-ring-color: color-mix(in srgb, oklch(70.7% .022 261.325) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-gray-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-gray-400) 60%, transparent)}}.eventcatalog-visualizer .ring-gray-500{--tw-ring-color: var(--color-gray-500)}.eventcatalog-visualizer .ring-green-400\/60{--tw-ring-color: color-mix(in srgb, oklch(79.2% .209 151.711) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-green-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-green-400) 60%, transparent)}}.eventcatalog-visualizer .ring-green-500{--tw-ring-color: var(--color-green-500)}.eventcatalog-visualizer .ring-indigo-400\/60{--tw-ring-color: color-mix(in srgb, oklch(67.3% .182 276.935) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-indigo-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-indigo-400) 60%, transparent)}}.eventcatalog-visualizer .ring-orange-400\/60{--tw-ring-color: color-mix(in srgb, oklch(75% .183 55.934) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-orange-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-orange-400) 60%, transparent)}}.eventcatalog-visualizer .ring-pink-400\/60{--tw-ring-color: color-mix(in srgb, oklch(71.8% .202 349.761) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-pink-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-pink-400) 60%, transparent)}}.eventcatalog-visualizer .ring-pink-500{--tw-ring-color: var(--color-pink-500)}.eventcatalog-visualizer .ring-purple-400\/60{--tw-ring-color: color-mix(in srgb, oklch(71.4% .203 305.504) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-purple-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent)}}.eventcatalog-visualizer .ring-purple-500{--tw-ring-color: var(--color-purple-500)}.eventcatalog-visualizer .ring-yellow-400\/60{--tw-ring-color: color-mix(in srgb, oklch(85.2% .199 91.936) 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer .ring-yellow-400\/60{--tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 60%, transparent)}}.eventcatalog-visualizer .ring-yellow-500{--tw-ring-color: var(--color-yellow-500)}.eventcatalog-visualizer .ring-offset-1{--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.eventcatalog-visualizer .ring-offset-2{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.eventcatalog-visualizer .outline{outline-style:var(--tw-outline-style);outline-width:1px}.eventcatalog-visualizer .invert{--tw-invert: invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.eventcatalog-visualizer .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.eventcatalog-visualizer .backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.eventcatalog-visualizer .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.eventcatalog-visualizer .transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.eventcatalog-visualizer .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.eventcatalog-visualizer .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.eventcatalog-visualizer .duration-150{--tw-duration: .15s;transition-duration:.15s}.eventcatalog-visualizer .duration-200{--tw-duration: .2s;transition-duration:.2s}.eventcatalog-visualizer .ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.eventcatalog-visualizer .ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.eventcatalog-visualizer .outline-none{--tw-outline-style: none;outline-style:none}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .group-hover\:text-\[rgb\(var\(--ec-accent\)\)\]):is(:where(.group):hover *){color:rgb(var(--ec-accent))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .group-hover\:opacity-100):is(:where(.group):hover *){opacity:100%}}.eventcatalog-visualizer :is(.eventcatalog-visualizer .placeholder\:text-\[rgb\(var\(--ec-page-text-muted\)\)\])::placeholder{color:rgb(var(--ec-page-text-muted))}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:scale-105):hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:border-\[rgb\(var\(--ec-accent\)\/0\.3\)\]):hover{border-color:rgb(var(--ec-accent)/.3)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-hover\)\)\]):hover{background-color:rgb(var(--ec-accent-hover))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\)\]):hover{background-color:rgb(var(--ec-accent-subtle))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\/0\.3\)\]):hover{background-color:rgb(var(--ec-accent-subtle)/.3)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\/0\.4\)\]):hover{background-color:rgb(var(--ec-accent-subtle)/.4)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\/0\.7\)\]):hover{background-color:rgb(var(--ec-accent-subtle)/.7)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-page-border\)\)\/0\.5\]):hover{background-color:rgb(var(--ec-page-border))/.5}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-page-border\)\/0\.2\)\]):hover{background-color:rgb(var(--ec-page-border)/.2)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-page-border\)\/0\.5\)\]):hover{background-color:rgb(var(--ec-page-border)/.5)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-gray-50):hover{background-color:var(--color-gray-50)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-gray-100\/50):hover{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-gray-100\/50):hover{background-color:color-mix(in oklab,var(--color-gray-100) 50%,transparent)}}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-green-700):hover{background-color:var(--color-green-700)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:bg-orange-100):hover{background-color:var(--color-orange-100)}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:text-\[rgb\(var\(--ec-accent\)\)\]):hover{color:rgb(var(--ec-accent))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:text-\[rgb\(var\(--ec-accent-hover\)\)\]):hover{color:rgb(var(--ec-accent-hover))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:text-\[rgb\(var\(--ec-page-text\)\)\]):hover{color:rgb(var(--ec-page-text))}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:underline):hover{text-decoration-line:underline}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:opacity-90):hover{opacity:90%}}@media (hover: hover){.eventcatalog-visualizer :is(.eventcatalog-visualizer .hover\:shadow-lg):hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:border-\[rgb\(var\(--ec-accent\)\)\]):focus{border-color:rgb(var(--ec-accent))}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:border-transparent):focus{border-color:transparent}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:ring-2):focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:ring-\[rgb\(var\(--ec-accent\)\)\]):focus{--tw-ring-color: rgb(var(--ec-accent))}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:ring-green-500):focus{--tw-ring-color: var(--color-green-500)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:ring-offset-2):focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.eventcatalog-visualizer :is(.eventcatalog-visualizer .focus\:outline-none):focus{--tw-outline-style: none;outline-style:none}.eventcatalog-visualizer :is(.eventcatalog-visualizer .active\:cursor-grabbing):active{cursor:grabbing}.eventcatalog-visualizer :is(.eventcatalog-visualizer .disabled\:cursor-not-allowed):disabled{cursor:not-allowed}.eventcatalog-visualizer :is(.eventcatalog-visualizer .disabled\:opacity-50):disabled{opacity:50%}@media (width >= 48rem){.eventcatalog-visualizer .md\:flex{display:flex}}@media (width >= 64rem){.eventcatalog-visualizer .lg\:flex{display:flex}}@media (prefers-color-scheme: dark){.eventcatalog-visualizer .dark\:text-amber-400{color:var(--color-amber-400)}}.eventcatalog-visualizer :is(.eventcatalog-visualizer .\[\&_svg\]\:h-full) svg{height:100%}.eventcatalog-visualizer :is(.eventcatalog-visualizer .\[\&_svg\]\:w-full) svg{width:100%}.eventcatalog-visualizer .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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 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: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.eventcatalog-visualizer .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: rgba(150, 150, 150, .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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 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}.eventcatalog-visualizer .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}.eventcatalog-visualizer .react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.eventcatalog-visualizer .react-flow__pane{z-index:1}.eventcatalog-visualizer .react-flow__pane.draggable{cursor:grab}.eventcatalog-visualizer .react-flow__pane.dragging{cursor:grabbing}.eventcatalog-visualizer .react-flow__pane.selection{cursor:pointer}.eventcatalog-visualizer .react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.eventcatalog-visualizer .react-flow__renderer{z-index:4}.eventcatalog-visualizer .react-flow__selection{z-index:6}.eventcatalog-visualizer .react-flow__nodesselection-rect:focus,.eventcatalog-visualizer .react-flow__nodesselection-rect:focus-visible{outline:none}.eventcatalog-visualizer .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}.eventcatalog-visualizer .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}.eventcatalog-visualizer .react-flow .react-flow__edges{position:absolute}.eventcatalog-visualizer .react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.eventcatalog-visualizer .react-flow__edge{pointer-events:visibleStroke}.eventcatalog-visualizer .react-flow__edge.selectable{cursor:pointer}.eventcatalog-visualizer .react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.eventcatalog-visualizer .react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.eventcatalog-visualizer .react-flow__edge.inactive{pointer-events:none}.eventcatalog-visualizer .react-flow__edge.selected,.eventcatalog-visualizer .react-flow__edge:focus,.eventcatalog-visualizer .react-flow__edge:focus-visible{outline:none}.eventcatalog-visualizer .react-flow__edge.selected .react-flow__edge-path,.eventcatalog-visualizer .react-flow__edge.selectable:focus .react-flow__edge-path,.eventcatalog-visualizer .react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.eventcatalog-visualizer .react-flow__edge-textwrapper{pointer-events:all}.eventcatalog-visualizer .react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eventcatalog-visualizer .react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.eventcatalog-visualizer .react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.eventcatalog-visualizer .react-flow__connection{pointer-events:none}.eventcatalog-visualizer .react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.eventcatalog-visualizer svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.eventcatalog-visualizer .react-flow__nodes{pointer-events:none;transform-origin:0 0}.eventcatalog-visualizer .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}.eventcatalog-visualizer .react-flow__node.selectable{cursor:pointer}.eventcatalog-visualizer .react-flow__node.draggable{cursor:grab;pointer-events:all}.eventcatalog-visualizer .react-flow__node.draggable.dragging{cursor:grabbing}.eventcatalog-visualizer .react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.eventcatalog-visualizer .react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.eventcatalog-visualizer .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%}.eventcatalog-visualizer .react-flow__handle.connectingfrom{pointer-events:all}.eventcatalog-visualizer .react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.eventcatalog-visualizer .react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.eventcatalog-visualizer .react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.eventcatalog-visualizer .react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.eventcatalog-visualizer .react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.eventcatalog-visualizer .react-flow__edgeupdater{cursor:move;pointer-events:all}.eventcatalog-visualizer .react-flow__pane.selection .react-flow__panel{pointer-events:none}.eventcatalog-visualizer .react-flow__panel{position:absolute;z-index:5;margin:15px}.eventcatalog-visualizer .react-flow__panel.top{top:0}.eventcatalog-visualizer .react-flow__panel.bottom{bottom:0}.eventcatalog-visualizer .react-flow__panel.top.center,.eventcatalog-visualizer .react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.eventcatalog-visualizer .react-flow__panel.left{left:0}.eventcatalog-visualizer .react-flow__panel.right{right:0}.eventcatalog-visualizer .react-flow__panel.left.center,.eventcatalog-visualizer .react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.eventcatalog-visualizer .react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.eventcatalog-visualizer .react-flow__attribution a{text-decoration:none;color:#999}.eventcatalog-visualizer .react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.eventcatalog-visualizer .react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eventcatalog-visualizer .react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.eventcatalog-visualizer .react-flow__minimap-svg{display:block}.eventcatalog-visualizer .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)) )}.eventcatalog-visualizer .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)) )}.eventcatalog-visualizer .react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.eventcatalog-visualizer .react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.eventcatalog-visualizer .react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.eventcatalog-visualizer .react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.eventcatalog-visualizer .react-flow__controls.horizontal{flex-direction:row}.eventcatalog-visualizer .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}.eventcatalog-visualizer .react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.eventcatalog-visualizer .react-flow__edge.updating .react-flow__edge-path{stroke:#777}.eventcatalog-visualizer .react-flow__edge-text{font-size:10px}.eventcatalog-visualizer .react-flow__node.selectable:focus,.eventcatalog-visualizer .react-flow__node.selectable:focus-visible{outline:none}.eventcatalog-visualizer .react-flow__node-input,.eventcatalog-visualizer .react-flow__node-default,.eventcatalog-visualizer .react-flow__node-output,.eventcatalog-visualizer .react-flow__node-group{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))}.eventcatalog-visualizer .react-flow__node-input.selectable:hover,.eventcatalog-visualizer .react-flow__node-default.selectable:hover,.eventcatalog-visualizer .react-flow__node-output.selectable:hover,.eventcatalog-visualizer .react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.eventcatalog-visualizer .react-flow__node-input.selectable.selected,.eventcatalog-visualizer .react-flow__node-input.selectable:focus,.eventcatalog-visualizer .react-flow__node-input.selectable:focus-visible,.eventcatalog-visualizer .react-flow__node-default.selectable.selected,.eventcatalog-visualizer .react-flow__node-default.selectable:focus,.eventcatalog-visualizer .react-flow__node-default.selectable:focus-visible,.eventcatalog-visualizer .react-flow__node-output.selectable.selected,.eventcatalog-visualizer .react-flow__node-output.selectable:focus,.eventcatalog-visualizer .react-flow__node-output.selectable:focus-visible,.eventcatalog-visualizer .react-flow__node-group.selectable.selected,.eventcatalog-visualizer .react-flow__node-group.selectable:focus,.eventcatalog-visualizer .react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.eventcatalog-visualizer .react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.eventcatalog-visualizer .react-flow__nodesselection-rect,.eventcatalog-visualizer .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))}.eventcatalog-visualizer .react-flow__nodesselection-rect:focus,.eventcatalog-visualizer .react-flow__nodesselection-rect:focus-visible,.eventcatalog-visualizer .react-flow__selection:focus,.eventcatalog-visualizer .react-flow__selection:focus-visible{outline:none}.eventcatalog-visualizer .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)) )}.eventcatalog-visualizer .react-flow__controls-button:disabled{pointer-events:none}.eventcatalog-visualizer .react-flow__controls-button:disabled svg{fill-opacity:.4}.eventcatalog-visualizer .react-flow__controls-button:last-child{border-bottom:none}.eventcatalog-visualizer .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)) )}.eventcatalog-visualizer .react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.eventcatalog-visualizer .react-flow__resize-control{position:absolute}.eventcatalog-visualizer .react-flow__resize-control.left,.eventcatalog-visualizer .react-flow__resize-control.right{cursor:ew-resize}.eventcatalog-visualizer .react-flow__resize-control.top,.eventcatalog-visualizer .react-flow__resize-control.bottom{cursor:ns-resize}.eventcatalog-visualizer .react-flow__resize-control.top.left,.eventcatalog-visualizer .react-flow__resize-control.bottom.right{cursor:nwse-resize}.eventcatalog-visualizer .react-flow__resize-control.bottom.left,.eventcatalog-visualizer .react-flow__resize-control.top.right{cursor:nesw-resize}.eventcatalog-visualizer .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%}.eventcatalog-visualizer .react-flow__resize-control.handle.left{left:0;top:50%}.eventcatalog-visualizer .react-flow__resize-control.handle.right{left:100%;top:50%}.eventcatalog-visualizer .react-flow__resize-control.handle.top{left:50%;top:0}.eventcatalog-visualizer .react-flow__resize-control.handle.bottom{left:50%;top:100%}.eventcatalog-visualizer .react-flow__resize-control.handle.top.left,.eventcatalog-visualizer .react-flow__resize-control.handle.bottom.left{left:0}.eventcatalog-visualizer .react-flow__resize-control.handle.top.right,.eventcatalog-visualizer .react-flow__resize-control.handle.bottom.right{left:100%}.eventcatalog-visualizer .react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.eventcatalog-visualizer .react-flow__resize-control.line.left,.eventcatalog-visualizer .react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.eventcatalog-visualizer .react-flow__resize-control.line.left{left:0;border-left-width:1px}.eventcatalog-visualizer .react-flow__resize-control.line.right{left:100%;border-right-width:1px}.eventcatalog-visualizer .react-flow__resize-control.line.top,.eventcatalog-visualizer .react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.eventcatalog-visualizer .react-flow__resize-control.line.top{top:0;border-top-width:1px}.eventcatalog-visualizer .react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.eventcatalog-visualizer .react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.eventcatalog-visualizer .react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.eventcatalog-visualizer{--ec-page-bg: 255, 255, 255;--ec-card-bg: 255, 255, 255;--ec-page-text: 17, 24, 39;--ec-page-text-muted: 55, 65, 81;--ec-page-border: 229, 231, 235;--ec-accent: 79, 70, 229;--ec-accent-subtle: 238, 242, 255;--ec-accent-text: 255, 255, 255;--ec-button-bg: 79, 70, 229;--ec-button-text: 255, 255, 255;--ec-icon-color: 107, 114, 128;--ec-icon-hover: 79, 70, 229;--ec-input-bg: 255, 255, 255;--ec-input-border: 209, 213, 219;--ec-input-text: 17, 24, 39;--ec-group-border: #c4b5fd;--ec-group-bg: rgba(250, 248, 255, .35);--ec-group-header-bg: rgba(237, 233, 254, .7);--ec-group-text: #5b21b6}[data-theme=dark] .eventcatalog-visualizer{--ec-page-bg: 22, 27, 34;--ec-card-bg: 40, 46, 56;--ec-page-text: 240, 246, 252;--ec-page-text-muted: 139, 148, 158;--ec-page-border: 48, 54, 61;--ec-accent: 192, 132, 252;--ec-accent-subtle: 88, 28, 135;--ec-accent-text: 216, 180, 254;--ec-button-bg: 147, 51, 234;--ec-button-text: 255, 255, 255;--ec-icon-color: 139, 148, 158;--ec-icon-hover: 240, 246, 252;--ec-input-bg: 22, 27, 34;--ec-input-border: 48, 54, 61;--ec-input-text: 240, 246, 252;--ec-group-border: #7c3aed;--ec-group-bg: #1e1533;--ec-group-header-bg: #2d1f4e;--ec-group-text: #c084fc}.eventcatalog-visualizer .ec-download-btn{display:none}.eventcatalog-visualizer{width:100%;height:100%;display:flex;flex-direction:column;background-color:rgb(var(--ec-page-bg));--ec-page-bg: 249, 250, 251;--ec-bg-dots: #bbb;--ec-edge-stroke: #6b7280;--ec-service-node-bg: #fef7fb;--ec-event-node-bg: #fff8f5;--ec-command-node-bg: #f5f8ff;--ec-query-node-bg: #f5fdf8;--ec-channel-node-bg: #f8f8f9;--ec-data-node-bg: #f5f8ff;--ec-dp-node-bg: #f7f5ff;--ec-external-node-bg: #faf5ff;--ec-actor-node-bg: #fffdf5;--ec-deprecated-stripe: rgba(239, 68, 68, .3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] .eventcatalog-visualizer{--ec-bg-dots: #5a6270;--ec-edge-stroke: #6e7681;--ec-page-bg: 22, 27, 34;--ec-card-bg: 40, 46, 56;--ec-page-border: 48, 54, 61;--ec-page-text: 240, 246, 252;--ec-page-text-muted: 220, 225, 232;--ec-service-node-bg: rgb(40, 46, 56);--ec-event-node-bg: rgb(40, 46, 56);--ec-command-node-bg: rgb(40, 46, 56);--ec-query-node-bg: rgb(40, 46, 56);--ec-channel-node-bg: rgb(40, 46, 56);--ec-data-node-bg: rgb(40, 46, 56);--ec-dp-node-bg: rgb(40, 46, 56);--ec-external-node-bg: rgb(40, 46, 56);--ec-actor-node-bg: rgb(40, 46, 56);--ec-deprecated-stripe: rgba(239, 68, 68, .25);--ec-input-bg: 22, 27, 34;--ec-input-border: 48, 54, 61;--ec-input-text: 240, 246, 252;--ec-accent: 192, 132, 252;--ec-accent-subtle: 88, 28, 135;--ec-accent-text: 216, 180, 254;--ec-button-bg: 147, 51, 234;--ec-button-text: 255, 255, 255;--ec-icon-color: 139, 148, 158;--ec-icon-hover: 240, 246, 252}@keyframes ec-handle-pulse{0%,to{box-shadow:0 0 #fb923c80}50%{box-shadow:0 0 0 5px #fb923c00}}@keyframes ec-service-handle-pulse{0%,to{box-shadow:0 0 #ec489980}50%{box-shadow:0 0 0 5px #ec489900}}@keyframes ec-svc-msg-in{0%{transform:translate(-18px) scale(.7);opacity:0}30%{opacity:.7}70%{opacity:.7}to{transform:translate(0) scale(.5);opacity:0}}@keyframes ec-svc-msg-out{0%{transform:translate(0) scale(.5);opacity:0}30%{opacity:.7}70%{opacity:.7}to{transform:translate(18px) scale(.7);opacity:0}}@keyframes ec-command-handle-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 5px #3b82f600}}@keyframes ec-query-handle-pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}@keyframes ec-data-handle-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 5px #3b82f600}}@keyframes ec-channel-handle-pulse{0%,to{box-shadow:0 0 #6b728080}50%{box-shadow:0 0 0 5px #6b728000}}@keyframes ec-actor-handle-pulse{0%,to{box-shadow:0 0 #eab30880}50%{box-shadow:0 0 0 5px #eab30800}}@keyframes ec-external-handle-pulse{0%,to{box-shadow:0 0 #a855f780}50%{box-shadow:0 0 0 5px #a855f700}}@keyframes ec-dp-handle-pulse{0%,to{box-shadow:0 0 #6366f180}50%{box-shadow:0 0 0 5px #6366f100}}.eventcatalog-visualizer .react-flow{background-color:#f1f5f9!important}[data-theme=dark] .eventcatalog-visualizer .react-flow{background-color:rgb(var(--ec-page-bg))!important}.eventcatalog-visualizer .react-flow__node{cursor:pointer}.eventcatalog-visualizer .react-flow__edge-path{stroke:var(--ec-edge-stroke, #6b7280)!important;stroke-width:1.5!important;transition:stroke-width .15s ease}.eventcatalog-visualizer .react-flow__edge-interaction{stroke-width:40!important;cursor:pointer}.eventcatalog-visualizer .react-flow__edge:hover .react-flow__edge-path,.eventcatalog-visualizer .ec-node-hover-edge .react-flow__edge-path{stroke:#2563eb!important;stroke-width:4!important;filter:drop-shadow(0 0 8px #2563eb)!important;opacity:1!important;stroke-dasharray:5 5!important;animation:ec-edge-dash .5s linear infinite!important}.eventcatalog-visualizer .react-flow__edge:hover text,.eventcatalog-visualizer .ec-node-hover-edge text{font-weight:700!important;font-size:12px!important}.eventcatalog-visualizer .react-flow__edge:hover .react-flow__edge-textbg,.eventcatalog-visualizer .ec-node-hover-edge .react-flow__edge-textbg{fill-opacity:1!important}.eventcatalog-visualizer .react-flow__edge:hover+.react-flow__edgelabel-renderer>div,.eventcatalog-visualizer .react-flow__edge.ec-node-hover-edge+.react-flow__edgelabel-renderer>div{font-weight:700!important}[data-theme=dark] .eventcatalog-visualizer .react-flow__edge:hover .react-flow__edge-path,[data-theme=dark] .eventcatalog-visualizer .ec-node-hover-edge .react-flow__edge-path{stroke:#00d9ff!important;filter:drop-shadow(0 0 8px #00d9ff)!important}@keyframes ec-edge-dash{to{stroke-dashoffset:-10}}.eventcatalog-visualizer .ec-edge-hover-node{outline:3px solid #2563eb!important;outline-offset:2px;border-radius:12px!important;animation:ec-node-pulse 1s ease-in-out infinite!important}@keyframes ec-node-pulse{0%,to{outline-color:#2563ebcc}50%{outline-color:#2563eb33}}[data-theme=dark] .eventcatalog-visualizer .ec-edge-hover-node{outline-color:#00d9ff!important;animation-name:ec-node-pulse-dark!important}@keyframes ec-node-pulse-dark{0%,to{outline-color:#00d9ffcc}50%{outline-color:#00d9ff33}}.eventcatalog-visualizer .react-flow__edge-textbg{fill:rgb(var(--ec-page-bg))}.eventcatalog-visualizer .react-flow__edge-text{fill:rgb(var(--ec-page-text))}.eventcatalog-visualizer .react-flow__controls{background-color:rgb(var(--ec-card-bg))!important;border:1px solid rgb(var(--ec-page-border))!important;border-radius:8px!important;overflow:hidden}.eventcatalog-visualizer .react-flow__controls-button{background-color:rgb(var(--ec-card-bg))!important;color:rgb(var(--ec-page-text))!important;border-bottom:1px solid rgb(var(--ec-page-border))!important}.eventcatalog-visualizer .react-flow__controls-button svg{fill:rgb(var(--ec-page-text))!important}.eventcatalog-visualizer .react-flow__controls-button:hover{background-color:rgb(var(--ec-accent-subtle))!important}.eventcatalog-visualizer .react-flow__controls-button:hover svg{fill:rgb(var(--ec-accent-text))!important}.eventcatalog-visualizer .ec-notes-close-btn{width:30px;height:30px;border-radius:8px;border:none;background:#0000000a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;flex-shrink:0;transition:background .15s,color .15s}.eventcatalog-visualizer .ec-notes-close-btn:hover{background:#00000014;color:#475569}.eventcatalog-visualizer .ec-interaction-active .ec-animated-msg{visibility:hidden}.eventcatalog-visualizer .react-flow__minimap{background-color:rgb(var(--ec-card-bg));border:1px solid rgb(var(--ec-page-border))}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){.eventcatalog-visualizer *,.eventcatalog-visualizer :before,.eventcatalog-visualizer :after,.eventcatalog-visualizer ::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial}}.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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 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: #ffffff;--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: rgba(150, 150, 150, .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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 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:grab}.react-flow__pane.dragging{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.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .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:grab;pointer-events:all}.react-flow__node.draggable.dragging{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: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.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-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{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{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-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.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.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{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.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.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.top,.react-flow__resize-control.line.bottom{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))}html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body:has(.app){overflow:hidden}body:has(.app),body:has(.app) #root{height:100%;overflow:hidden}body:has(.landing){overflow-x:hidden;overflow-y:auto;height:auto}body:has(.landing) #root{height:auto;overflow:visible}:root{--shell-bg: #f6f8fb;--shell-text: #1f2328;--shell-muted: #57606a;--shell-border: #d0d7de;--shell-header-bg: #ffffff;--shell-title: #0f172a;--shell-control-bg: #ffffff;--shell-control-border: #d0d7de;--shell-control-text: #1f2328;--shell-control-border-hover: #8c959f;--shell-button-text: #57606a;--shell-button-text-hover: #1f2328;--shell-button-border-hover: #0969da;--modal-overlay: rgba(15, 23, 42, .28);--modal-bg: #ffffff;--modal-text: #1f2328}[data-theme=dark]{--shell-bg: #0d1117;--shell-text: #e1e4e8;--shell-muted: #8b949e;--shell-border: #30363d;--shell-header-bg: #161b22;--shell-title: #f0f6fc;--shell-control-bg: #21262d;--shell-control-border: #30363d;--shell-control-text: #e1e4e8;--shell-control-border-hover: #484f58;--shell-button-text: #8b949e;--shell-button-text-hover: #f0f6fc;--shell-button-border-hover: #58a6ff;--modal-overlay: rgba(1, 4, 9, .72);--modal-bg: #0d1117;--modal-text: #f0f6fc}.app{display:flex;flex-direction:column;height:100vh;background:var(--shell-bg);color:var(--shell-text)}.header{display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;background:var(--shell-header-bg);border-bottom:1px solid var(--shell-border);flex-shrink:0}.header-logo{display:flex;align-items:center;gap:8px}.header-home-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center}.header-home-link:hover h1{opacity:.92}.header h1{font-size:15px;font-weight:700;color:var(--shell-title);letter-spacing:-.02em;white-space:nowrap;margin:0}.header-template-name{font-weight:400;color:var(--shell-muted)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--shell-control-border);border-radius:6px;background:var(--shell-control-bg);color:var(--shell-button-text);cursor:pointer;transition:color .15s,border-color .15s;padding:0}.header-icon-btn:hover{color:var(--shell-button-text-hover);border-color:var(--shell-control-border-hover)}.export-btn-header{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600;font-family:inherit;color:#fff;background:#a855f7;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.export-btn-header:hover{background:#9333ea}.export-dropdown-wrapper{position:relative}.export-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:280px;background:var(--modal-bg);border:1px solid var(--shell-border);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:50;overflow:hidden}.export-dropdown-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:var(--modal-text);transition:background .1s}.export-dropdown-item:hover{background:var(--shell-control-bg)}.export-dropdown-item+.export-dropdown-item{border-top:1px solid var(--shell-border)}.export-dropdown-item>svg{flex-shrink:0;margin-top:2px;color:var(--shell-muted)}.export-dropdown-item>div{display:flex;flex-direction:column;gap:2px}.export-dropdown-item-title{font-size:13px;font-weight:600}.export-dropdown-item-desc{font-size:11px;color:var(--shell-muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.header-action-group{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--shell-control-border);border-radius:8px;background:var(--shell-control-bg)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-wrap:before,.tooltip-wrap:after{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:20}.tooltip-wrap:before{content:"";bottom:calc(100% + 2px);transform:translate(-50%,4px);border:5px solid transparent;border-top-color:var(--shell-control-bg);filter:drop-shadow(0 -1px 0 var(--shell-control-border))}.tooltip-wrap:after{content:attr(data-tooltip);bottom:calc(100% + 10px);transform:translate(-50%,4px);white-space:nowrap;font-size:11px;line-height:1;color:var(--shell-text);background:var(--shell-control-bg);border:1px solid var(--shell-control-border);border-radius:6px;padding:6px 8px;box-shadow:0 6px 12px #00000026}.tooltip-wrap:hover:before,.tooltip-wrap:hover:after,.tooltip-wrap:focus-within:before,.tooltip-wrap:focus-within:after{opacity:1;transform:translate(-50%)}.fullscreen-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--shell-button-text);width:28px;height:28px;padding:0;cursor:pointer;transition:color .15s,border-color .15s}.fullscreen-btn:hover{color:var(--shell-button-text-hover);border-color:var(--shell-button-border-hover)}.example-select-wrapper{position:relative;min-width:0}.example-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;padding:0 28px 0 10px;font-size:12px;font-family:inherit;border:1px solid var(--shell-control-border);border-radius:6px;background:var(--shell-control-bg);color:var(--shell-control-text);cursor:pointer;outline:none;transition:border-color .15s;max-width:420px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.example-select:hover{border-color:var(--shell-control-border-hover)}.example-select:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.example-select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--shell-muted)}.main{display:flex;flex:1;overflow:hidden}.editor-pane{height:100%;border-right:none;display:flex;flex-direction:column;background:#0d1117;flex-shrink:0}.editor-pane .pane-header{display:flex;align-items:center;padding:0 8px 0 0;height:36px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;color:#8b949e;flex-shrink:0;overflow:hidden}.editor-pane .pane-header .error-count{margin-left:auto;color:#f85149;font-size:11px;display:flex;align-items:center;gap:4px;flex-shrink:0;padding-right:8px}.tab-bar{display:flex;align-items:center;gap:0;overflow-x:auto;flex:1;min-width:0}.tab-bar::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;border:none;background:transparent;color:#8b949e;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.tab-item:hover{color:#e1e4e8;background:#ffffff0a}.tab-item-active{color:#f0f6fc;border-bottom-color:#a855f7}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;opacity:0;transition:opacity .15s,background .15s}.tab-item:hover .tab-close{opacity:.6}.tab-close:hover{opacity:1!important;background:#ffffff1a}.tab-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#8b949e;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.tab-add:hover{color:#e1e4e8;background:#ffffff14}.format-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#8b949e;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.format-btn:hover{color:#e1e4e8;background:#ffffff14}.visualizer-pane{height:100%;background:rgb(var(--ec-page-bg));flex-shrink:0;--ec-page-bg: 249, 250, 251}[data-theme=dark] .visualizer-pane{--ec-page-bg: 22, 27, 34}.resize-handle{width:6px;cursor:col-resize;background:var(--shell-header-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;transition:background .15s}.resize-handle:hover,body.resizing .resize-handle{background:var(--shell-border)}.resize-handle-line{width:2px;height:32px;border-radius:1px;background:var(--shell-muted);transition:background .15s,height .15s}.resize-handle:hover .resize-handle-line,body.resizing .resize-handle-line{background:#a855f7;height:48px}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing iframe,body.resizing .visualizer-pane,body.resizing .editor-pane{pointer-events:none}.react-flow__attribution{display:none}.react-flow__background{background:rgb(var(--ec-page-bg))!important}.react-flow__minimap{background:rgb(var(--ec-card-bg))!important;border:1px solid rgb(var(--ec-page-border))!important;border-radius:6px}.react-flow__controls{border:1px solid rgb(var(--ec-page-border))!important;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.react-flow__controls-button{background:rgb(var(--ec-card-bg))!important;border-bottom:1px solid rgb(var(--ec-page-border))!important;fill:rgb(var(--ec-page-text-muted))!important}.react-flow__controls-button:hover{background:rgb(var(--ec-page-border))!important}.react-flow__edge-text{font-size:10px!important}.export-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.export-modal{width:min(760px,100%);max-height:min(88vh,760px);overflow-y:auto;background:var(--modal-bg);border:1px solid var(--shell-border);border-radius:10px;box-shadow:0 24px 48px #00000080;padding:18px}.export-modal--compact{width:min(520px,100%)}.export-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.export-modal-header h2{font-size:18px;line-height:1.2;margin:0;color:var(--modal-text)}.export-modal-close{border:1px solid var(--shell-control-border);background:transparent;color:var(--shell-muted);border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.export-modal-close:hover{color:var(--shell-button-text-hover);border-color:var(--shell-button-border-hover)}.export-modal-lead{margin:0 0 14px;color:var(--shell-muted);font-size:13px}.export-modal-lead code,.export-modal-tip code{background:var(--shell-control-bg);border:1px solid var(--shell-control-border);border-radius:4px;padding:1px 6px;font-size:12px}.command-section{margin-bottom:12px}.command-section p{margin:0 0 6px;color:var(--shell-text);font-size:13px}.command-row{display:flex;align-items:center;gap:8px;border:1px solid var(--shell-control-border);background:var(--shell-control-bg);border-radius:8px;padding:8px}.command-row code{display:block;flex:1;min-width:0;color:var(--shell-text);font-size:12px;white-space:nowrap;overflow-x:auto}.command-copy-btn{border:1px solid var(--shell-control-border);background:transparent;color:var(--shell-muted);border-radius:6px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;flex-shrink:0}.command-copy-btn:hover{color:var(--shell-button-text-hover);border-color:var(--shell-button-border-hover)}.export-modal-tip{margin:4px 0 0;color:var(--shell-muted);font-size:12px}.catalog-export-form{display:flex;flex-direction:column;gap:10px}.catalog-export-label{font-size:12px;font-weight:600;color:var(--shell-text)}.catalog-export-input{height:36px;border:1px solid var(--shell-control-border);border-radius:8px;background:var(--shell-control-bg);color:var(--shell-text);padding:0 12px;font-size:13px;font-family:inherit;outline:none}.catalog-export-input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.catalog-export-submit{margin-top:6px;height:36px;border:none;border-radius:8px;background:#a855f7;color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.catalog-export-submit:hover:not(:disabled){background:#9333ea}.catalog-export-submit:disabled{opacity:.5;cursor:not-allowed}.share-modal-note{margin:10px 0 0;color:var(--shell-muted);font-size:12px;font-weight:600}.status-bar{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 12px;background:var(--shell-header-bg);border-top:1px solid var(--shell-border);flex-shrink:0;font-size:11px;color:var(--shell-muted);z-index:5}.status-bar-left{display:flex;align-items:center;gap:10px;min-width:0}.status-bar-counts{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-empty{font-style:italic;opacity:.6}.status-bar-errors{display:flex;align-items:center;gap:4px;color:#f85149;flex-shrink:0}.status-bar-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.status-bar-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--shell-muted);font-size:11px;font-family:inherit;padding:2px 8px;border-radius:4px;cursor:pointer;text-decoration:none;transition:color .12s,background .12s}.status-bar-btn:hover{color:var(--shell-button-text-hover);background:#7f7f7f1a}.status-bar-kbd{font-size:10px;font-family:inherit;padding:1px 5px;border:1px solid var(--shell-control-border);border-radius:3px;background:var(--shell-control-bg);color:var(--shell-muted);line-height:1.4}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:50}.cmdk-wrapper{width:min(520px,calc(100% - 32px));background:var(--modal-bg);border:1px solid var(--shell-border);border-radius:10px;box-shadow:0 16px 40px #0006;overflow:hidden}[cmdk-root]{font-family:inherit}[cmdk-input]{width:100%;padding:12px 16px;font-size:14px;font-family:inherit;border:none;border-bottom:1px solid var(--shell-border);background:transparent;color:var(--modal-text);outline:none}[cmdk-input]::placeholder{color:var(--shell-muted)}[cmdk-list]{max-height:320px;overflow-y:auto;padding:6px}[cmdk-group-heading]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--shell-muted);padding:8px 10px 4px}[cmdk-item]{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;color:var(--shell-text);border-radius:6px;cursor:pointer;transition:background .08s}[cmdk-item][data-selected=true]{background:#a855f71f;color:var(--modal-text)}[cmdk-item][data-disabled=true]{color:var(--shell-muted);cursor:default;opacity:.6}[cmdk-item] svg{flex-shrink:0;color:var(--shell-muted)}[cmdk-item][data-selected=true] svg{color:#a855f7}.cmdk-item-content{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.cmdk-item-label{display:flex;align-items:center;gap:6px}.cmdk-item-version{font-size:11px;color:var(--shell-muted);font-family:JetBrains Mono,Fira Code,monospace}.cmdk-item-summary{font-size:11px;color:var(--shell-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}[cmdk-empty]{padding:24px 10px;text-align:center;font-size:13px;color:var(--shell-muted)}.template-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.template-picker{width:min(720px,100%);max-height:min(88vh,720px);overflow-y:auto;background:var(--modal-bg);border:1px solid var(--shell-border);border-radius:14px;box-shadow:0 24px 48px #00000080;padding:32px;display:flex;flex-direction:column;align-items:center}.template-picker-header{text-align:center;margin-bottom:28px}.template-picker-logo{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;margin-bottom:16px}.template-picker-header h2{font-size:22px;font-weight:700;color:var(--modal-text);margin:0 0 6px;letter-spacing:-.02em}.template-picker-header p{font-size:14px;color:var(--shell-muted);margin:0}.template-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.template-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--shell-control-border);border-radius:10px;background:var(--shell-control-bg);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .1s;font-family:inherit;color:inherit}.template-card:hover{border-color:#a855f7;box-shadow:0 0 0 2px #a855f72e;transform:translateY(-1px)}.template-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#a855f71f,#7c3aed14);color:#a855f7;flex-shrink:0}.template-card-body h3{font-size:14px;font-weight:600;color:var(--modal-text);margin:0 0 4px}.template-card-body p{font-size:12px;color:var(--shell-muted);margin:0 0 8px;line-height:1.4}.template-card-tags{display:flex;flex-wrap:wrap;gap:4px}.template-tag{font-size:10px;font-weight:500;color:var(--shell-muted);background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:4px;padding:1px 6px}.template-blank-btn{margin-top:18px;border:none;background:transparent;color:var(--shell-muted);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s;font-family:inherit}.template-blank-btn:hover{color:var(--modal-text);background:var(--shell-control-bg)}@keyframes next-steps-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.next-steps-guide{position:absolute;bottom:12px;left:12px;right:12px;background:#161b22;border:1px solid #30363d;border-radius:10px;box-shadow:0 8px 24px #0006;padding:14px;z-index:20;animation:next-steps-slide-in .25s ease-out}.next-steps-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.next-steps-title{margin:0;font-size:13px;font-weight:700;color:#f0f6fc}.next-steps-subtitle{margin:2px 0 0;font-size:11px;color:#8b949e}.next-steps-close{width:24px;height:24px;border:1px solid #30363d;border-radius:6px;background:transparent;color:#8b949e;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.next-steps-close:hover{color:#f0f6fc;border-color:#484f58}.next-steps-list{display:flex;flex-direction:column;gap:4px}.next-steps-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#e1e4e8;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.next-steps-item:hover:not(:disabled){background:#ffffff0a;border-color:#30363d}.next-steps-item--done{opacity:.5;cursor:default}.next-steps-item--done:hover{background:transparent;border-color:transparent}.next-steps-item-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s}.next-steps-item:not(.next-steps-item--done) .next-steps-item-check{border:1.5px solid #484f58}.next-steps-item--done .next-steps-item-check{background:#238636;color:#fff;border:none}.next-steps-item-dot{width:6px;height:6px;border-radius:50%;background:#484f58;transition:background .15s}.next-steps-item:hover:not(:disabled) .next-steps-item-dot{background:#a855f7}.next-steps-item-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.next-steps-item-title{font-size:12px;font-weight:600;color:#f0f6fc}.next-steps-item-desc{font-size:11px;color:#8b949e}.next-steps-item-arrow{flex-shrink:0;color:#484f58;transition:color .15s,transform .15s}.next-steps-item:hover:not(:disabled) .next-steps-item-arrow{color:#a855f7;transform:translate(2px)}