@keyframes article-module-scss-module__aFKHpW__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes article-module-scss-module__aFKHpW__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes article-module-scss-module__aFKHpW__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes article-module-scss-module__aFKHpW__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes article-module-scss-module__aFKHpW__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes article-module-scss-module__aFKHpW__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes article-module-scss-module__aFKHpW__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes article-module-scss-module__aFKHpW__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes article-module-scss-module__aFKHpW__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes article-module-scss-module__aFKHpW__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes article-module-scss-module__aFKHpW__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.article-module-scss-module__aFKHpW__animation{height:100%;display:block}.article-module-scss-module__aFKHpW__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate article-module-scss-module__aFKHpW__cycle-border-color}.article-module-scss-module__aFKHpW__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate article-module-scss-module__aFKHpW__cycle-colour}.article-module-scss-module__aFKHpW__buttonOne{box-sizing:border-box;font:inherit;cursor:pointer;outline:inherit;background-color:var(--background-color-dark-two);border:2px solid var(--primary-color);color:#fff;border-radius:8px;min-width:100px;margin:.5rem;padding:.75rem;transition:all .4s;box-shadow:0 2px 8px #000}.article-module-scss-module__aFKHpW__buttonOne:focus,.article-module-scss-module__aFKHpW__buttonOne:hover{color:#fff;border:2px solid var(--secondary-color);box-shadow:0 2px 8px #000}.article-module-scss-module__aFKHpW__buttonTwo{box-sizing:border-box;font:inherit;cursor:pointer;outline:inherit;background-color:var(--background-color-dark-two);border:2px solid var(--primary-color);color:#fff;border-radius:8px;min-width:200px;margin:2rem;padding:1rem;transition:all .4s;box-shadow:0 2px 8px #000}.article-module-scss-module__aFKHpW__buttonTwo:focus,.article-module-scss-module__aFKHpW__buttonTwo:hover{color:#fff;border:2px solid var(--secondary-color);box-shadow:0 2px 8px #000}.article-module-scss-module__aFKHpW__buttonThree{box-sizing:border-box;font:inherit;cursor:pointer;outline:inherit;background-color:none;border:2px solid var(--primary-color);min-width:300px;color:var(--primary-color);border-radius:8px;margin:2rem;padding:1rem;transition:all .4s;box-shadow:0 2px 8px #000}.article-module-scss-module__aFKHpW__buttonThree:focus,.article-module-scss-module__aFKHpW__buttonThree:hover{color:var(--primary-color);border:2px solid var(--secondary-color);box-shadow:0 2px 8px #000}
@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes MixinFlowDiagram-module-scss-module__V_jB8W__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.MixinFlowDiagram-module-scss-module__V_jB8W__animation{height:100%;display:block}.MixinFlowDiagram-module-scss-module__V_jB8W__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate MixinFlowDiagram-module-scss-module__V_jB8W__cycle-border-color}.MixinFlowDiagram-module-scss-module__V_jB8W__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate MixinFlowDiagram-module-scss-module__V_jB8W__cycle-colour}.MixinFlowDiagram-module-scss-module__V_jB8W__container{text-align:left}.MixinFlowDiagram-module-scss-module__V_jB8W__columns{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}@media screen and (min-width:0) and (max-width:800px){.MixinFlowDiagram-module-scss-module__V_jB8W__columns{grid-template-columns:1fr;gap:.5rem}}.MixinFlowDiagram-module-scss-module__V_jB8W__codeBox{background:var(--background-color-dark-one);border:1px solid var(--grey-blue);border-radius:6px;padding:.6rem}.MixinFlowDiagram-module-scss-module__V_jB8W__codeLabel{text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem;font-size:.7rem;font-weight:600}.MixinFlowDiagram-module-scss-module__V_jB8W__labelSass{color:var(--purple)}.MixinFlowDiagram-module-scss-module__V_jB8W__labelCSS{color:var(--lime)}.MixinFlowDiagram-module-scss-module__V_jB8W__codeLine{color:var(--font-color);font-family:Source Code Pro,monospace;font-size:.72rem;line-height:1.6}.MixinFlowDiagram-module-scss-module__V_jB8W__arrow{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.MixinFlowDiagram-module-scss-module__V_jB8W__arrow{transform:rotate(90deg)}}.MixinFlowDiagram-module-scss-module__V_jB8W__arrowIcon{border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);width:8px;height:8px;display:inline-block;transform:rotate(-45deg)}.MixinFlowDiagram-module-scss-module__V_jB8W__arrowLabel{text-transform:uppercase;letter-spacing:.03em;color:var(--primary-color);font-size:.7rem;font-weight:600;display:block}.MixinFlowDiagram-module-scss-module__V_jB8W__caption{color:var(--light-grey);text-align:center;margin-top:.75rem;font-size:.75rem;font-style:italic}