@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
#public-metrics:empty {
opacity: 0;
padding: 0;
pointer-events: none;
overflow: hidden;
}
#metrics-preloader {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
height: 228px;
}
#metrics-preloader svg {
width: 60px;
}
#public-metrics {
padding-top: 30px;
padding-bottom: 30px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(150px, max-content));
gap: 25px 16px;
justify-content: space-evenly;
transition: opacity 0.5s ease-in;
opacity: 1;
pointer-events: auto;
}
#public-metrics div {
display: grid;
}
#public-metrics strong {
font-size: 40px;
line-height: 46px;
color: #41302B;
font-weight: 700;
}
#public-metrics span {
font-size: 18px;
line-height: 22px;
color: #000000;
font-weight: 400;
padding-top: 4px
}
@media (min-width: 991px) {
#public-metrics {
grid-template-columns: repeat(3, minmax(150px, max-content));
gap: 32px 16px;
padding-top: 26px;
padding-bottom: 26px;
}
}
@media (max-width: 767px) {
#public-metrics div {
text-align: center;
}
#public-metrics {
grid-template-columns: 1fr;
}
}