/*
====================================
Everyone — what /everyone and /everyone-all-time share
====================================
The tooltip, chart hit areas and entrance animations, drawn by
/assets/everyone.js and each page's own charts. `.ev-still` on the page's
main element switches the animations off after a resize.
*/

.ev-tip {
  position: fixed; pointer-events: none; z-index: 10; background: var(--ink); color: #fff;
  border-radius: 10px; padding: 8px 11px; font: 500 13px/1.4 var(--sans); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
  opacity: 0; transition: opacity .12s var(--ease); max-width: 260px;
}
.ev-tip strong { font-weight: 700; font-size: 15px; display: block; }
.ev-tip div { color: rgba(255, 255, 255, 0.72); }

.ev-hit { fill: transparent; outline: none; }
.ev-hit:focus-visible { stroke: var(--ink); stroke-width: 1; }
.ev-axis { font: 500 11px var(--sans); fill: var(--muted); font-variant-numeric: tabular-nums; }
.ev-line { fill: none; stroke-linejoin: round; stroke-linecap: round; }

@media (prefers-reduced-motion: no-preference) {
  .ev-fill { animation: ev-fill .5s var(--ease) both; }
  .ev-draw { stroke-dasharray: 1; animation: ev-draw 1.3s var(--ease) both; }
}
.ev-still .ev-fill, .ev-still .ev-draw { animation: none; }
@keyframes ev-fill { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes ev-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }