:root{--primary-color:#2d2d33;--red-color:#cb1b21;--red-color-grayed:#df666ad5;--body-color:#717171}.body-color{background-color:var(--body-color)}.primary-color{background-color:var(--primary-color)}.red-color{background-color:var(--red-color)}.red-color:hover,.red-color-grayed{background-color:var(--red-color-grayed)}.rotating-icon{transition:transform .3s}.rotating-icon:hover{transform:rotate(360deg)}p,h1,h3{color:var(--primary-color)}.button-red{border:2px solid var(--red-color);color:var(--red-color);text-align:center;background-color:#fff;border-radius:.375rem;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s}.button-red:hover{background-color:var(--red-color);color:#fff}.healthy{background-color:#38a169}.deployment{background-color:#d69e2e}.critical{background-color:#e53e3e}.logo-wrapper{background-color:#fff;border-radius:.5rem;padding:.25rem}.filter-panel{transition:opacity .2s,transform .2s}.filter-button{white-space:nowrap;transition:all .2s}.filter-button:hover{border-color:var(--red-color);color:var(--red-color)}.filter-button.active{background-color:var(--red-color);color:#fff;border-color:var(--red-color)}.site-item{border:1px solid #0000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #0000004d;margin-top:15px!important}.site-item:hover{cursor:pointer;border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color);transform:translateY(-3px)}