@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes ComponentTreeDiagram-module-scss-module__oKxHvq__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.ComponentTreeDiagram-module-scss-module__oKxHvq__animation{height:100%;display:block}.ComponentTreeDiagram-module-scss-module__oKxHvq__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate ComponentTreeDiagram-module-scss-module__oKxHvq__cycle-border-color}.ComponentTreeDiagram-module-scss-module__oKxHvq__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate ComponentTreeDiagram-module-scss-module__oKxHvq__cycle-colour}.ComponentTreeDiagram-module-scss-module__oKxHvq__container{text-align:left}.ComponentTreeDiagram-module-scss-module__oKxHvq__columns{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media screen and (min-width:0) and (max-width:800px){.ComponentTreeDiagram-module-scss-module__oKxHvq__columns{grid-template-columns:1fr;gap:1rem}}.ComponentTreeDiagram-module-scss-module__oKxHvq__column{flex-direction:column;gap:.5rem;display:flex}.ComponentTreeDiagram-module-scss-module__oKxHvq__columnHeader{color:var(--font-color);border-bottom:2px solid var(--grey-blue);margin-bottom:.25rem;padding-bottom:.4rem;font-size:.85rem;font-weight:600}.ComponentTreeDiagram-module-scss-module__oKxHvq__columnHeaderGood{border-bottom-color:var(--primary-color)}.ComponentTreeDiagram-module-scss-module__oKxHvq__tree{flex-direction:column;gap:.15rem;font-family:Source Code Pro,monospace;font-size:.75rem;line-height:1.6;display:flex}.ComponentTreeDiagram-module-scss-module__oKxHvq__node{color:var(--font-color);border-radius:3px;padding:.3rem .5rem}.ComponentTreeDiagram-module-scss-module__oKxHvq__nodeHighlight{background:color-mix(in srgb, var(--red) 10%, transparent);border-left:2px solid var(--red)}.ComponentTreeDiagram-module-scss-module__oKxHvq__nodeGood{background:color-mix(in srgb, var(--lime) 8%, transparent);border-left:2px solid var(--lime)}.ComponentTreeDiagram-module-scss-module__oKxHvq__nodeNeutral{border-left:2px solid var(--grey-blue)}.ComponentTreeDiagram-module-scss-module__oKxHvq__indent1{padding-left:1.5rem}.ComponentTreeDiagram-module-scss-module__oKxHvq__indent2{padding-left:3rem}.ComponentTreeDiagram-module-scss-module__oKxHvq__annotation{color:var(--light-grey);margin-left:.5rem;font-family:inherit;font-size:.7rem;font-style:italic}.ComponentTreeDiagram-module-scss-module__oKxHvq__bad{color:var(--red)}.ComponentTreeDiagram-module-scss-module__oKxHvq__good{color:var(--lime)}.ComponentTreeDiagram-module-scss-module__oKxHvq__caption{color:var(--light-grey);text-align:center;margin-top:.5rem;font-size:.75rem;font-style:italic}