/*
 ==============================================================================
 Project Name    : Esyasoft.BlazorKit
 File Name       : sparkline.css
 File Purpose    : Token-driven stylesheet for Sparkline micro-visualization.
 Created By      : Anmol Manocha
 Created Date    : 2026-11-03
 ==============================================================================
 MODIFICATION HISTORY:
 Date (YYYY-MM-DD) | Modified By       | Task / CR #  | Description of Changes
 ------------------------------------------------------------------------------
 2026-11-03        | Anmol Manocha     | BLAZORKIT-01 | Created token-driven stylesheet for Sparkline.
 ------------------------------------------------------------------------------
*/

.uuc-sparkline {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
    flex-shrink: 0;
}

.uuc-sparkline-area {
    transition: opacity 0.2s ease;
}

.uuc-sparkline-line {
    fill: none;
    transition: stroke 0.2s ease, stroke-width 0.2s ease;
}

.uuc-sparkline-dot {
    transition: r 0.15s ease, fill 0.15s ease;
}

.uuc-sparkline:hover .uuc-sparkline-dot {
    r: calc(var(--dot-radius, 1.8px) + 0.8px);
}