.charts{display:flex;flex-direction:column;padding:60px 0;gap:20px}.charts>.controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;-webkit-align-items:center}.stats{display:flex;gap:10px;flex-direction:column}.metric{display:flex;flex-wrap:wrap;gap:10px}.metric>.col{display:flex;flex-direction:column;padding:30px 20px 20px;background-color:var(--dark-white-mixed);border-radius:var(--radius-md);width:calc(100% / 4 - 8px);position:relative;align-items:baseline;column-gap:5px;overflow:hidden}.metric>.col>p{font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl)}.metric>.col>svg{position:absolute;opacity:.1;transform:scale(5);right:30px}.metric>.col>label{width:100%;cursor:default;color:var(--third-text);display:flex;gap:5px;align-items:end}@media screen and (max-width:1250px){.metric>.col{width:calc(100% / 3 - 7px)}}@media screen and (max-width:910px){.metric>.col{width:calc(100% / 2 - 8px)}}@media screen and (max-width:550px){.metric>.col{width:100%}}.shards{display:flex;flex-wrap:wrap;gap:10px}.shards>h2{width:100%;margin-bottom:10px}.shards>search{width:100%;margin-bottom:5px}.shards>search>input{width:100%;max-width:250px}.shards>.shard{display:flex;width:40px;height:40px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;border-radius:var(--radius-base);background-color:rgb(76 175 80 / 50%)}.shards>.offline{background-color:rgb(255 84 84 / 50%)}.shards>.highlight{animation:highlight-blink 3s infinite}@keyframes highlight-blink{0%,100%{background-color:#4d96f7}50%{background-color:transparent}}