/* Oversized outline numbers use the approved display face and palette. */
.stats-block { isolation: isolate; }
.stats-outline-background {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  color: var(--color-ink-black);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease-out;
}
.stats-block._04 .stats-outline-background { color: var(--color-fresh-grass); }
.stats-block[data-stats-effect-open] .stats-outline-background {
  opacity: 1;
  visibility: visible;
  transition: opacity .45s ease-out;
}
.stats-outline-layer { position: absolute; inset: 0; transform-origin: center; }
.stats-outline-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: scale(1.06);
  transition: transform .65s cubic-bezier(.16, 1, .3, 1);
}
.stats-block[data-stats-effect-open] .stats-outline-svg { transform: scale(1); }
.stats-outline-digit {
  font-family: var(--font-suisseintlcond);
  font-weight: 700;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-opacity: .25;
  vector-effect: non-scaling-stroke;
}
.stats-outline-layer._echo .stats-outline-digit { stroke-width: 1; stroke-opacity: .11; }
.stats-block._04 .stats-outline-digit { stroke-opacity: .38; }
.stats-block._04 .stats-outline-layer._echo .stats-outline-digit { stroke-opacity: .17; }
.stats-block > ._14px-text { position: relative; z-index: 1; }
.stats-block .stats-bottom { right: var(--_paddings--margins---padding); }
.stats-block .stat-descr-wrap { max-width: 100%; }
.stats-block .stat-descr { margin-left: 0; }
.stats-block:focus-visible { outline-offset: -4px; }
@media (min-width: 992px) {
  .stats-block:hover, .stats-block:focus { flex-basis: 16%; }
  .stats-block[data-stats-effect-open] { flex-basis: 100%; }
  html[data-stats-outline-controls] .stats-block:not([data-stats-effect-open]) .stats-bottom { visibility: hidden; }
  html:not([data-stats-outline-controls]) .stats-block:is(:hover, :focus) { flex-basis: 100%; }
}
.stats-block[data-stats-effect-open] .stat-head,
.stats-block[data-stats-effect-open] .stat-descr {
  opacity: 1 !important;
  transform: none !important;
}
/* An intentional static hover/focus fallback if the local control script fails. */
html:not([data-stats-outline-controls]) .stats-block:is(:hover, :focus) .stats-outline-background {
  opacity: 1;
  visibility: visible;
}
html:not([data-stats-outline-controls]) .stats-block:is(:hover, :focus) :is(.stat-head, .stat-descr) {
  opacity: 1 !important;
  transform: none !important;
}
@media (max-width: 767px) {
  .stats-block {
    flex: none;
    height: 64px !important;
    min-height: 64px;
    transition: height .6s cubic-bezier(.645, .045, .355, 1);
  }
  .stats-block[data-stats-open] { height: 260px !important; }
  html[data-stats-outline-controls] .stats-block:not([data-stats-open]) .stats-bottom { visibility: hidden; }
  html:not([data-stats-outline-controls]) .stats-block { height: 260px !important; }
  html:not([data-stats-outline-controls]) .stats-outline-background { opacity: 1; visibility: visible; }
  html:not([data-stats-outline-controls]) .stats-block :is(.stat-head, .stat-descr) {
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .stats-outline-background, .stats-outline-svg, .stats-block { transition: none; }
  .stats-outline-svg { transform: none; }
}