.modern :is(#views, #letters-count, #online-now, #clap-total){ container-type: inline-size; width: 100%; min-width: 0; }
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-count-accessible{
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digits{
  display: flex; justify-content: center; width: 100%; max-width: 100%;
  font-size: var(--visit-digit-size, 3.5rem); line-height: 1.15;
  font-variant-numeric: tabular-nums; letter-spacing: 0; white-space: nowrap;
}
@supports (width: 1cqi){.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digits{
    font-size: min(var(--visit-digit-size, 3.5rem), calc(100cqi / var(--visit-width-units, 1)));
  }

}
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digit-wheel{
  display: block; flex: 0 0 .68em; width: .68em; height: 1.15em;
  overflow: hidden; text-align: center;
  mask-image: linear-gradient(transparent, #000 13%, #000 87%, transparent);
}
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digit-track{ display: block; width: 100%; }
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digit-face{ display: block; height: 1.15em; line-height: 1.15; }
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-separator{ display: block; flex: 0 0 .24em; width: .24em; height: 1.15em; line-height: 1.15; }
.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-label{ display: block; text-align: center; }
@media (forced-colors: active){.modern :is(#views, #letters-count, #online-now, #clap-total) .visit-digit-wheel{ mask-image: none; }
 }