@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes PromiseStateDiagram-module-scss-module__fFrkIG__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.PromiseStateDiagram-module-scss-module__fFrkIG__animation{height:100%;display:block}.PromiseStateDiagram-module-scss-module__fFrkIG__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate PromiseStateDiagram-module-scss-module__fFrkIG__cycle-border-color}.PromiseStateDiagram-module-scss-module__fFrkIG__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate PromiseStateDiagram-module-scss-module__fFrkIG__cycle-colour}.PromiseStateDiagram-module-scss-module__fFrkIG__container{text-align:center}.PromiseStateDiagram-module-scss-module__fFrkIG__flow{justify-content:center;align-items:center;gap:0;display:flex}@media screen and (min-width:0) and (max-width:800px){.PromiseStateDiagram-module-scss-module__fFrkIG__flow{flex-direction:column}}.PromiseStateDiagram-module-scss-module__fFrkIG__state{border-radius:6px;flex-direction:column;align-items:center;gap:.2rem;min-width:100px;padding:.6rem 1rem;display:flex}.PromiseStateDiagram-module-scss-module__fFrkIG__statePending{background:color-mix(in srgb, var(--light-yellow) 10%, transparent);border:1px solid color-mix(in srgb, var(--light-yellow) 30%, transparent)}.PromiseStateDiagram-module-scss-module__fFrkIG__stateFulfilled{background:color-mix(in srgb, var(--lime) 10%, transparent);border:1px solid color-mix(in srgb, var(--lime) 30%, transparent)}.PromiseStateDiagram-module-scss-module__fFrkIG__stateRejected{background:color-mix(in srgb, var(--red) 10%, transparent);border:1px solid color-mix(in srgb, var(--red) 30%, transparent)}.PromiseStateDiagram-module-scss-module__fFrkIG__stateName{font-size:.85rem;font-weight:600}.PromiseStateDiagram-module-scss-module__fFrkIG__pending{color:var(--light-yellow)}.PromiseStateDiagram-module-scss-module__fFrkIG__fulfilled{color:var(--lime)}.PromiseStateDiagram-module-scss-module__fFrkIG__rejected{color:var(--red)}.PromiseStateDiagram-module-scss-module__fFrkIG__stateDesc{color:var(--light-grey);font-family:Source Code Pro,monospace;font-size:.7rem}.PromiseStateDiagram-module-scss-module__fFrkIG__arrow{flex-direction:column;align-items:center;gap:.15rem;padding:0 .5rem;display:flex}.PromiseStateDiagram-module-scss-module__fFrkIG__arrowIcon{border-right:2px solid var(--light-grey);border-bottom:2px solid var(--light-grey);width:8px;height:8px;display:inline-block;transform:rotate(-45deg)}.PromiseStateDiagram-module-scss-module__fFrkIG__arrowLabel{color:var(--light-grey);white-space:nowrap;font-family:Source Code Pro,monospace;font-size:.7rem}.PromiseStateDiagram-module-scss-module__fFrkIG__outcomes{flex-direction:column;gap:.5rem;display:flex}.PromiseStateDiagram-module-scss-module__fFrkIG__settledLabel{text-transform:uppercase;letter-spacing:.03em;color:var(--light-grey);margin-top:.75rem;font-size:.7rem;font-weight:600}@media screen and (min-width:0) and (max-width:800px){.PromiseStateDiagram-module-scss-module__fFrkIG__arrow{flex-direction:row;gap:.3rem;padding:.25rem 0}.PromiseStateDiagram-module-scss-module__fFrkIG__arrowIcon{transform:rotate(90deg)}.PromiseStateDiagram-module-scss-module__fFrkIG__outcomes{gap:.3rem}}