@property --gradient-deg{syntax: "<angle>"; initial-value: -45deg; inherits: true;}@keyframes final-step{0%{--gradient-deg: 0turn}to{--gradient-deg: 1turn}}s[data-astro-cid-3sdlroyb].underline.static{text-decoration:none;position:relative;color:hsl(from var(--text-primary) h s l / .5);&[data-astro-cid-3sdlroyb]:after{display:block;rotate:-2deg;translate:0 -.4lh;z-index:9}}.split[data-astro-cid-3sdlroyb]{display:grid;gap:var(--space-s);grid-template-columns:1fr 1fr;--slide-fs-h2: var(--fs-5);--slide-fs-code: var(--fs-1)}.source[data-astro-cid-3sdlroyb]{position:absolute;bottom:1em;left:1em;padding:.25em .5em;background:var(--text-primary);color:var(--surface-1);border-radius:.325em;font-weight:900;font-size:var(--slide-fs-code);span{font-size:.875em;font-weight:300}}.discount[data-astro-cid-3sdlroyb]{padding:.25em .5em;background:var(--text-primary);color:var(--surface-1);border-radius:.325em;font-weight:900;font-size:1ex;translate:0 -1ex;rotate:-5deg;display:inline-block}.no-cq-img[data-astro-cid-3sdlroyb]{position:absolute;margin:auto;inset:0;opacity:0;animation:noCqImg 0s calc(sibling-index()*2s - 2s) forwards;animation-play-state:paused;box-shadow:0 0 32px #00000040,0 0 0 100vw #0003;.slide:has(&){position:relative;overflow:clip;container-type:scroll-state}@container scroll-state(snapped: inline){animation-play-state:running}&:nth-child(1){rotate:-3deg}&:nth-child(2){rotate:1.5deg;translate:1vi 20vb}&:nth-child(3){rotate:-1.5deg;translate:-10vi -25vb}&:nth-child(4){rotate:2deg;translate:-3vi -5vb}&:nth-child(4){rotate:2deg;translate:8vi -35vb}&:nth-child(5){rotate:5deg;translate:-10vi 25vb}&:nth-child(6){rotate:0deg;translate:0vi 12vb}&:nth-child(7){rotate:-4deg;translate:-10vi -22vb}&:nth-child(8){rotate:4deg;translate:10vi 22vb}}@keyframes noCqImg{to{opacity:1}}.sad[data-astro-cid-3sdlroyb]{position:absolute;font-size:calc(var(--slide-fs-h2) / 2)!important;color:#000;z-index:99;top:1rem;inset-inline:0;text-align:center;margin-inline:auto}.overlapping-code-block[data-astro-cid-3sdlroyb]{position:absolute;z-index:2;inset:0;margin:auto;box-shadow:0 0 32px #00000040,0 0 0 100vw #00000080;width:fit-content;height:fit-content}:has(.overlapping-code-block){overflow:clip}@property --counter-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes --math-animation{0%{rotate:0deg}to{rotate:360deg}}@keyframes --counter-spin{to{--counter-angle: -360deg}}.math-features[data-astro-cid-3sdlroyb]{position:absolute;isolation:isolate;inset:0;width:0;height:0;margin:auto!important;&[data-astro-cid-3sdlroyb]:after{content:"";position:absolute;z-index:-1;inset:-32vmin;border:8px dashed var(--text-muted);border-radius:100vw}>*{--radius: 32vmin;--angle: calc(360deg/sibling-count()*sibling-index()) ;--x: calc(var(--radius) * cos(var(--angle)));--y: calc(var(--radius) * sin(var(--angle)));--counter-angle: 0deg;position:absolute;translate:calc(var(--x) - 50%) calc(var(--y) - 50%);transform:rotate(var(--counter-angle));border:8px solid hsl(0 0% 0% / .325);background-origin:border-box;font-size:var(--fs-4)!important}}.workflow[data-astro-cid-3sdlroyb]{--slide-fs-h2: var(--fs-4);font-size:var(--fs-2);text-align:center;display:flex;align-items:;gap:var(--space-xl);position:relative;>[data-astro-cid-3sdlroyb]{flex:1;padding:var(--space-l) var(--space-s);border:3px solid;border-radius:16px;animation-play-state:paused}.important-step{padding:var(--space-xl);display:grid;align-content:start;gap:3rem;code{background:var(--surface-3);font-size:var(--fs-0)}}.yawn{animation:--workflow 1.5s ease-in calc((sibling-index() - .75)*3s) both;display:grid;height:70%;place-items:center;font-size:7rem}.inner-step{padding:var(--space-s) var(--space-m);border-radius:8px;background:var(--surface-2);inline-size:fit-content;margin-inline:auto;border:3px dashed var(--text-muted);position:relative;height:min-content;&.final-step{linear-gradient(var(--gradient-deg),var(--brand-red),var(--brand-blue)) border-box;animation:--workflow 1.5s ease-in 12s both,final-step 10s linear infinite}small{font-size:var(--fs-0)}animation:--workflow 1.5s ease-in calc((sibling-index() - .75)*3s) both;@container scroll-state(snapped: inline){animation-play-state:running}&.highlighted-step{border:3px dashed var(--surface-1);background:linear-gradient(var(--surface-2)) padding-box,linear-gradient(var(--gradient-deg),var(--brand-red),var(--brand-blue)) border-box}&:not(:nth-child(1 of.inner-step)):before{content:"→" / "";font-weight:900;position:absolute;font-size:1em;color:var(--text-muted);rotate:90deg;top:0;left:0;right:0;margin-inline:auto;translate:0% -94%;inline-size:max-content}}}@keyframes --workflow{0%{opacity:0;translate:0 10%}to{opacity:1;translate:0 0}}</> </SlideDeckLayout>{}