.new-workflow-bot-name{white-space:nowrap}.new-workflow-title-avatar{vertical-align:-.12em;pointer-events:none;width:1em;height:1em;margin-right:.15em;display:inline-block}[data-window-enter=false]{visibility:hidden}[data-window-enter=true],.new-build-workspace[data-open=true][data-phase=code]>*{transform-origin:bottom;animation:.55s cubic-bezier(.22,1,.36,1) backwards new-workflow-window-pop}@keyframes new-workflow-window-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){[data-window-enter=true],.new-build-workspace[data-open=true][data-phase=code]>*{animation:none}}.new-workflow{--workflow-window-height:22rem;--workflow-window-min:calc(var(--workflow-window-height) * 16 / 10);height:var(--new-section-height);overflow-anchor:none;border-bottom:1px solid color-mix(in oklab, var(--foreground) 8%, transparent)}.new-workflow-viewport{--workflow-overlap:clamp(3rem, 14svh, 7rem);height:100%;padding:clamp(2rem, 10svh, 8rem) var(--page-inline);background:var(--background);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.new-workflow-intro{letter-spacing:-.045em;text-wrap:balance;margin:0 0 2.25rem;padding-inline-start:calc(3px + clamp(1rem,1.5vw,1.5rem));font-family:Fraunces,Georgia,serif;font-size:2.25rem;font-weight:500;line-height:1.15}.new-workflow-track{transform:translate3d(0, var(--workflow-offset,0px), 0);transition:transform .55s cubic-bezier(.22,1,.36,1)}.new-workflow-body{flex:0 40rem;width:100%;min-height:0;margin-inline:auto;display:flex}.new-workflow-body:before{content:"";flex:11rem;order:1;min-width:2rem}.new-workflow-navigation{flex:0 0 33%;align-content:start;min-width:0;padding-block:.5rem}@media (width>=1280px){.new-workflow-intro{white-space:normal}.new-workflow-navigation{min-width:0}}.new-workflow-step-viewport{display:contents}.new-workflow-steps{flex-direction:column;gap:clamp(1rem,3.5vh,2.75rem);margin:0;padding:0;list-style:none;display:flex}.new-workflow-step{isolation:isolate;color:var(--muted-foreground);padding-inline-start:calc(4px + clamp(1rem,1.5vw,1.5rem));transition:color .2s;position:relative}.new-workflow-step:after{z-index:-1;background:color-mix(in oklab, var(--foreground) 6%, transparent);opacity:0;pointer-events:none;content:"";border-radius:.75rem;transition:opacity .15s;position:absolute;inset:-.75rem -.5rem}@media (hover:hover){.new-workflow-step:not([data-active=true]):hover:after{opacity:1}}.new-workflow-step:before{top:0;bottom:0;background:var(--foreground);opacity:0;content:"";width:2px;transition:opacity .2s;position:absolute;inset-inline-start:2px}.new-workflow-step[data-active=true]{color:var(--foreground)}.new-workflow-step[data-active=true]:before{opacity:1}.new-workflow-step h3{letter-spacing:-.035em;text-align:start;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.125rem,1.9vw,1.5rem);font-weight:500;line-height:1.18}.new-workflow-step-button{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.new-workflow-step-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:.25rem}.new-workflow-mobile-steps{display:none}.new-workflow-step-number{color:var(--muted-foreground);letter-spacing:0;margin-bottom:.5rem;font-family:Geist Variable,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;display:block}.new-workflow-step-index{font-family:Geist Mono,monospace}.new-workflow-description{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),-webkit-mask-size .35s cubic-bezier(.22,1,.36,1),mask-size .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1);display:grid;-webkit-mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.new-workflow-step[data-active=true] .new-workflow-description{opacity:1;grid-template-rows:1fr;-webkit-mask-size:100% calc(100% + 2.5rem);mask-size:100% calc(100% + 2.5rem)}.new-workflow-description>div{min-height:0;overflow:hidden}.new-workflow-step p{color:var(--muted-foreground);text-wrap:pretty;margin:.75rem 0 0;font-size:clamp(.8125rem,1.05vw,1rem);line-height:1.55}.new-workflow-scenes{min-width:min(var(--workflow-window-min), 67% - 2rem);clip-path:inset(-100svh -100vw);flex:0 1000 42rem;order:2;position:relative}.new-workflow-scenes:after{right:0;bottom:calc(100% - var(--workflow-overlap));z-index:6;background:linear-gradient(to top, transparent, var(--background) clamp(12rem, 32svh, 24rem));opacity:0;pointer-events:none;content:"";height:100svh;transition:opacity .55s;position:absolute;left:0}.new-workflow-scenes:has(.new-workflow-slide[data-past=true]):after{opacity:1}.new-workflow-track{flex-direction:column;width:100%;height:100%;display:flex}.new-workflow-slide{width:100%;height:100%;margin-bottom:calc(-1 * var(--workflow-overlap));flex:none;transition:opacity .3s;position:relative}.new-workflow-slide[aria-hidden=true]:not([data-past=true]){opacity:0}.new-workflow-slide[aria-hidden=true] :is(.new-stage-track,.new-stage-pop,.new-slack-monica-mount){visibility:hidden}.new-workflow-artwork{width:100%;min-width:var(--workflow-window-min);transform:translateY(-50%) scale(var(--workflow-scale,1));transform-origin:100%;position:absolute;top:50%;right:0}.new-workflow-artwork>section{border:0;flex-direction:column;min-height:0;padding:3rem 0 2rem;display:flex}.new-workflow-artwork :is(.new-story-content,.new-slack-scene,#new-build-story,.new-build-stage,.new-test-frame,.new-pr-window,.new-report-window){width:100%}.new-workflow-artwork :is(.new-slack-panel,.linear-issue-dialog){min-height:0;height:var(--workflow-window-height)}.new-workflow-artwork .new-build-workspace{grid-template-columns:minmax(0,25fr) minmax(0,27fr)}.new-workflow-artwork .new-build-workspace[data-phase=github]{grid-template-columns:minmax(0,0fr) minmax(0,52fr)}.new-workflow-artwork .new-build-workspace[data-phase=github] .new-build-editor{display:block}@media (width<=1024px){.new-workflow{height:auto}.new-workflow-viewport{--workflow-overlap:0px;height:auto;padding:clamp(2.5rem, 6vw, 4rem) var(--page-gutter)}.new-workflow-intro{margin-bottom:1.5rem;padding-inline-start:0;font-size:1.625rem}.new-workflow-body:before{display:none}.new-workflow-scenes{height:var(--workflow-content-height,0px);flex:none;order:1;min-width:0;min-height:0}.new-workflow-scenes:after{display:none}.new-workflow-body{flex-direction:column;flex:none;gap:1rem}.new-workflow-navigation{display:contents}.new-workflow-mobile-steps{flex:none;gap:.5rem;margin-bottom:.5rem;display:flex}.new-workflow-mobile-steps button{min-width:2.5rem;min-height:2.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.25rem;font-family:Geist Mono,monospace;font-size:.75rem}.new-workflow-mobile-steps button[aria-current=step]{border-color:var(--primary);color:var(--foreground)}.new-workflow-step-viewport{width:calc(100% + 2 * var(--page-gutter));margin-inline:calc(-1 * var(--page-gutter))}.new-workflow-artwork{transform:scale(var(--workflow-scale,1));transform-origin:100% 0;top:0}.new-workflow-artwork>section{padding:1rem 0 2rem}.new-workflow-step-viewport{height:var(--workflow-step-height,auto);flex:none;transition:height .55s cubic-bezier(.22,1,.36,1);display:block;overflow:clip}.new-workflow-steps{flex-direction:row;flex:none;align-items:flex-start;gap:0}.new-workflow-steps,.new-workflow-track{transform:translate3d(calc(var(--workflow-step,0) * -100%), 0, 0);direction:ltr;transition:transform .55s cubic-bezier(.22,1,.36,1)}.new-workflow-track{flex-direction:row}[dir=rtl] :is(.new-workflow-step,.new-workflow-slide){direction:rtl}.new-workflow-actors{width:calc(var(--workflow-count) * 100%);right:auto}.new-workflow-slide{margin-bottom:0}.new-workflow-slide[aria-hidden=true]{opacity:0}.new-workflow-step{box-sizing:border-box;min-width:0;padding:0 var(--page-gutter);color:var(--foreground);flex-direction:column;flex:0 0 100%;display:flex}.new-workflow-step:before{display:none}.new-workflow-step .new-workflow-description{opacity:1;flex:1;grid-template-rows:1fr;transition:none;-webkit-mask-image:none;mask-image:none}.new-workflow-description>div{padding-bottom:3.25rem;position:relative}.new-workflow-controls-slot{position:absolute;left:0;right:0}.new-workflow-controls [data-icon=inline-end]{rotate:-90deg}.new-workflow-step h3{font-size:1.125rem}.new-workflow-step-number{margin-bottom:.5rem}.new-workflow-step p{margin-top:.375rem;font-size:.75rem;line-height:1.4}}@media (width>=1025px) and (height<=800px){.new-workflow-viewport{padding-block:1.5rem}}@media (width>=1025px) and (height<=850px){.new-workflow-steps{gap:.5rem}.new-workflow-step h3{font-size:clamp(1.125rem,1.6vw,1.25rem)}}@media (prefers-reduced-motion:reduce){.new-workflow-slide,.new-workflow-track,.new-workflow-step,.new-workflow-step:after,.new-workflow-steps,.new-workflow-step-viewport,.new-workflow-step[data-active=true] .new-workflow-description,.new-workflow-description{transition:none}}.new-workflow-viewport[data-jumping] :is(.new-workflow-track,.new-workflow-slide,.new-workflow-steps,.new-workflow-step-viewport),.new-workflow-viewport[data-jumping] .new-workflow-scenes:after{transition:none}
