@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes ThemeCycleDiagram-module-scss-module__65t5Oq__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.ThemeCycleDiagram-module-scss-module__65t5Oq__animation{height:100%;display:block}.ThemeCycleDiagram-module-scss-module__65t5Oq__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate ThemeCycleDiagram-module-scss-module__65t5Oq__cycle-border-color}.ThemeCycleDiagram-module-scss-module__65t5Oq__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate ThemeCycleDiagram-module-scss-module__65t5Oq__cycle-colour}.ThemeCycleDiagram-module-scss-module__65t5Oq__container{text-align:center}.ThemeCycleDiagram-module-scss-module__65t5Oq__diagram{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__label{text-transform:uppercase;letter-spacing:.05em;color:var(--light-grey);margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.ThemeCycleDiagram-module-scss-module__65t5Oq__attributeRow,.ThemeCycleDiagram-module-scss-module__65t5Oq__propertyRow{flex-direction:column;align-items:center;width:100%;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__attributeBox,.ThemeCycleDiagram-module-scss-module__65t5Oq__propertyBox{background:var(--background-color-dark-one);border:1px solid var(--grey-blue);border-radius:6px;width:fit-content;max-width:100%;padding:.6rem 1.2rem}@media screen and (min-width:0) and (max-width:800px){.ThemeCycleDiagram-module-scss-module__65t5Oq__attributeBox,.ThemeCycleDiagram-module-scss-module__65t5Oq__propertyBox{padding:.5rem .7rem}}.ThemeCycleDiagram-module-scss-module__65t5Oq__codeText{color:var(--font-color);word-break:break-word;font-family:Source Code Pro,monospace;font-size:.8rem}@media screen and (min-width:0) and (max-width:800px){.ThemeCycleDiagram-module-scss-module__65t5Oq__codeText{font-size:.7rem}}.ThemeCycleDiagram-module-scss-module__65t5Oq__activeColour{color:var(--primary-color);font-weight:700}.ThemeCycleDiagram-module-scss-module__65t5Oq__arrowDown{flex-direction:column;align-items:center;gap:.1rem;padding:.15rem 0;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__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)}.ThemeCycleDiagram-module-scss-module__65t5Oq__arrowLabel{color:var(--light-grey);font-size:.7rem;font-style:italic}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchSection{flex-direction:column;align-items:center;width:100%;margin-top:.25rem;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchRow{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchRow{gap:.6rem}}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchItem{flex-direction:column;align-items:center;gap:.3rem;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch{border:2px solid var(--grey-blue);border-radius:50%;width:40px;height:40px;transition:transform .2s,border-color .2s}@media screen and (min-width:0) and (max-width:800px){.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch{width:32px;height:32px}}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch_blue{background-color:var(--blue)}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch_lime{background-color:var(--lime)}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch_pink{background-color:var(--pink)}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatch_orange{background-color:var(--orange)}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchActive{border-color:var(--font-color);transform:scale(1.2);box-shadow:0 0 12px #ffffff26}.ThemeCycleDiagram-module-scss-module__65t5Oq__swatchName{color:var(--light-grey);font-family:Source Code Pro,monospace;font-size:.7rem}.ThemeCycleDiagram-module-scss-module__65t5Oq__cycleArrow{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.ThemeCycleDiagram-module-scss-module__65t5Oq__cycleArrowLine{background:var(--primary-color);width:80px;height:2px;display:inline-block;position:relative}.ThemeCycleDiagram-module-scss-module__65t5Oq__cycleArrowLine:after{content:"";border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);width:6px;height:6px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(-45deg)}@media screen and (min-width:0) and (max-width:800px){.ThemeCycleDiagram-module-scss-module__65t5Oq__cycleArrowLine{width:50px}}.ThemeCycleDiagram-module-scss-module__65t5Oq__cycleArrowLabel{color:var(--light-grey);font-size:.7rem;font-style:italic}.ThemeCycleDiagram-module-scss-module__65t5Oq__caption{color:var(--light-grey);text-align:center;margin-top:.75rem;font-size:.75rem;font-style:italic}