.wf{--k:.72;position:absolute;inset:0}.wf>*{position:absolute}.wf__rows{transform:perspective(900em) rotateX(var(--wy,0deg)) rotateY(var(--wx,0deg));transform-origin:50% 40%;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.wf__strip{--sx:313;--sw:447;width:calc(var(--sw) * var(--k) * 1em);height:calc(var(--sh) * var(--k) * 1em);border-radius:calc(12.5 * var(--k) * 1em);transition:transform .8s cubic-bezier(.2,1.35,.36,1),opacity .4s ease-out;transition-delay:calc(var(--i) * 70ms);background:#dedee0;position:absolute;left:18em;overflow:hidden;box-shadow:0 .6em 1em -.3em #00000059,0 1.6em 3em -.6em #0009,0 0 0 .5em #ffffff0a}.wf__strip>img{left:calc((var(--sx) - 300) * var(--k) * -1em);top:calc((var(--sy) - 90) * var(--k) * -1em);width:calc(700 * var(--k) * 1em);height:calc(280 * var(--k) * 1em);max-width:none;position:absolute}.wf__head,.wf__label{display:none}.wf__row{top:calc((12 + var(--i) * 46) * 1em)}.wf__row--3{top:150em}.wf__glow{border-radius:inherit;opacity:0;background:#3d6bff33;transition:opacity .25s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 0 2.5em #3d6bff}.wf__chk{color:#fff;opacity:0;background:#3d6bff;border-radius:50%;place-items:center;width:24em;height:24em;margin-top:-12em;transition:opacity .2s ease-out,transform .45s cubic-bezier(.25,1.7,.45,1);display:grid;position:absolute;top:50%;right:10em;transform:scale(.3)}.wf__chk svg{width:13em;height:13em}.wf__strip.is-lit .wf__glow{opacity:1}.wf__strip.is-done .wf__chk{opacity:1;transform:none}.wf[data-act="1"] .wf__strip:not(.is-lit){opacity:.62}.wf[data-act="1"] .wf__strip.is-lit{z-index:2;transition-delay:0s;transform:translateY(-2em)scale(1.02);box-shadow:0 1em 1.6em -.3em #0006,0 2.6em 4.6em -.6em #3d6bff8c,0 0 0 .5em #ffffff0a}.wf__fake{align-items:center;gap:calc(10 * var(--k) * 1em);padding:0 calc(12 * var(--k) * 1em);color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex}.wf__n{width:calc(22 * var(--k) * 1em);height:calc(22 * var(--k) * 1em);background:#c8c8ca;border-radius:50%;place-items:center;display:grid}.wf__n b{font-size:calc(12 * var(--k) * 1em);font-weight:500}.wf__pill{align-items:center;gap:calc(6 * var(--k) * 1em);height:calc(30 * var(--k) * 1em);padding:0 calc(12 * var(--k) * 1em) 0 calc(6 * var(--k) * 1em);background:#c2c2c4;border-radius:999px;display:flex}.wf__pill img{width:calc(20 * var(--k) * 1em);height:calc(20 * var(--k) * 1em)}.wf__pill b{font-size:calc(14 * var(--k) * 1em);font-weight:560}.bx-t[data-bx=workflows] .wf[data-wf=loose] .wf__strip{opacity:.55}.wf[data-wf=loose] .wf__row--0{transform:translate(-30em,-18em)rotate(-5deg)}.wf[data-wf=loose] .wf__row--1{transform:translate(40em,26em)rotate(4deg)}.wf[data-wf=loose] .wf__row--2{transform:translate(-22em,48em)rotate(-3deg)}.wf[data-wf=loose] .wf__row--3{transform:translate(34em,70em)rotate(5deg)}.wf[data-wf=loose] .wf__head{transform:translateY(-24em)rotate(-2deg)}.wf[data-wf=loose] .wf__label{transform:translate(30em,-14em)}.wf[data-wf=loose] .wf__chk,.wf[data-wf=loose] .wf__glow{opacity:0}.wf .sd__hud{scale:1.5}.wf__pad{width:156em;height:120em;top:200em;left:8em}.wf__padin{width:36em;height:23em;font-size:4.3em;position:absolute;top:0;left:0}.wf__desk{width:172em;top:196em;left:172em}.wf__dark{z-index:70;opacity:0;pointer-events:none;background:#03040e9e;transition:opacity .6s ease-out;position:absolute;inset:0}.wf[data-dark="1"] .wf__dark{opacity:1}.wf[data-hk=mute] .sd__hud[data-hud=mute],.wf[data-hk=mic] .sd__hud[data-hud=mic],.wf[data-hk=dark] .sd__hud[data-hud=dark]{opacity:1;transform:none}.wf__chip{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:0;border-radius:999px;justify-content:space-between;align-items:center;width:322em;height:24em;margin:0;padding:0 4em 0 10em;display:flex;top:322em;left:18em;box-shadow:inset 0 0 0 .6em #fff3}.wf__chip code{color:#ffffffe6;font:500 10em/1 ui-monospace,SF Mono,Menlo,monospace}.wf__copy{background:#3d6bff;border-radius:999px;align-items:center;gap:4em;height:16em;padding:0 8em;display:flex}.wf__copy svg{width:11em;height:11em}.wf__copy b{font-size:9em;font-weight:650}.wf__chip:focus-visible{outline:2px solid var(--cobalt-soft);outline-offset:2px}.wf__run{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.wf__pad [data-slab]{cursor:pointer}@media (width>=1280px){.wf{--k:1.05}.wf[data-act="1"] .wf__strip.is-lit{transform:translateY(-3em)scale(1.015)}.wf__strip{--sx:312;--sw:674;left:30em}.wf__row{--sx:313;--sw:672;top:calc((126 + var(--i) * 68) * 1em)}.wf__head,.wf__label{display:block}.wf__head{top:24em}.wf__label{box-shadow:none;background:0 0;top:88em}.wf__row--3{top:330em}.wf__glow{box-shadow:inset 0 0 0 2.5em #3d6bff}.wf__chk{width:28em;height:28em;margin-top:-14em;right:108em}.wf__chk svg{width:16em;height:16em}.wf__pad{width:250em;height:130em;top:444em;left:24em}.wf__padin{font-size:6.9em}.wf__desk{width:437em;top:466em;left:304em}.wf__chip{width:711em;height:46em;padding:0 6em 0 18em;top:400em;left:30em}.wf__chip code{font-size:14.5em}.wf__copy{gap:6em;height:34em;padding:0 14em}.wf__copy b{font-size:14em}.wf__copy svg{width:16em;height:16em}.bx-t[data-bx=workflows] .bx-cap{max-width:290px}.wf[data-wf=loose] .wf__row--0{transform:translate(-60em,-28em)rotate(-5deg)}.wf[data-wf=loose] .wf__row--1{transform:translate(90em,40em)rotate(4deg)}.wf[data-wf=loose] .wf__row--2{transform:translate(-50em,70em)rotate(-3deg)}.wf[data-wf=loose] .wf__row--3{transform:translate(80em,110em)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.wf__strip,.wf__chk,.wf__glow,.wf__dark{transition:none!important}}.wf__pad .finger{background:radial-gradient(circle at 50% 42%,#ffffff9e 0,#ffffff80 55%,#ffffff38 72%,#0000 76%);box-shadow:inset 0 0 0 .12em #ffffffd9,0 .3em .8em #00000080}.wf[data-hk=dark] .wf__pad .finger{opacity:.95;transform:translate(.9em,18.3em)}.wf[data-hk=dark] .wf__pad .place--bl .lit{opacity:1}
