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