/* ===== ow_monthlys_chart_html (HTML form) =====
   Loaded eagerly from anvil.yaml native_deps.head_html. Both rules are scoped
   :where(.ow-monthlys-root), which adds no specificity, so neither can change which rule wins.

   The hint rule carries the hint span's styling, which a template may not hold as an inline
   style attribute. It needs no second class: the span carries no .px-* class of its own, and .px-card-header's
   font-size, font-weight and color only reach it by inheritance, which always loses to a declared
   value. */

:where(.ow-monthlys-root) #ow-monthlys-chart {
    width: 100%;
    min-height: 360px;
}

:where(.ow-monthlys-root) .ow-chart-hint {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--px-text-muted);
}