@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes AsyncAwaitFlowDiagram-module-scss-module__hF02xW__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__animation{height:100%;display:block}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cycle-border-color}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cycle-colour}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__container{text-align:center;padding:1.5rem 1rem}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__flow{flex-direction:column;align-items:center;gap:0;display:flex}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__step{align-items:center;gap:.75rem;width:100%;max-width:340px;display:flex}@media screen and (min-width:0) and (max-width:800px){.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__step{max-width:100%}}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__stepNumber{width:1.5rem;height:1.5rem;color:var(--background-color-dark-one);background:var(--light-grey);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__card{border-radius:6px;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;padding:.5rem .75rem;display:flex}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardBlue{background:color-mix(in srgb, var(--blue) 10%, transparent);border:1px solid color-mix(in srgb, var(--blue) 30%, transparent)}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardYellow{background:color-mix(in srgb, var(--light-yellow) 10%, transparent);border:1px solid color-mix(in srgb, var(--light-yellow) 30%, transparent)}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardGreen{background:color-mix(in srgb, var(--lime) 10%, transparent);border:1px solid color-mix(in srgb, var(--lime) 30%, transparent)}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardTitle{color:var(--font-color);font-size:.8rem;font-weight:600}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardCode{color:var(--light-grey);font-family:Source Code Pro,monospace;font-size:.7rem}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__cardNote{color:var(--grey-blue);margin-top:.1rem;font-size:.7rem;font-style:italic}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__connector{flex-direction:column;align-items:center;height:1.25rem;margin-left:.75rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__connector{margin-left:.5rem}}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__connectorLine{background:var(--light-grey);opacity:.4;flex:1;width:1px;display:block}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__connectorArrow{border-right:2px solid var(--light-grey);border-bottom:2px solid var(--light-grey);opacity:.6;width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__legend{justify-content:center;gap:1.25rem;margin-top:1rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__legend{flex-direction:column;align-items:center;gap:.4rem}}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__legendItem{color:var(--light-grey);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;display:flex}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__legendDot{border-radius:50%;width:8px;height:8px;display:inline-block}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__dotYellow{background:var(--light-yellow)}.AsyncAwaitFlowDiagram-module-scss-module__hF02xW__dotGreen{background:var(--lime)}