/*==========================================================
  NEXIA UI FRAMEWORK
  COMPONENT : COUNT
  FILE      : count.css
  VERSION   : 1.2.0
  PURPOSE   : Animated number component.
==========================================================*/

/*----------------------------------------------------------
  Root
----------------------------------------------------------*/

.nx-count{

    display:inline-block;

    position:relative;

    white-space:nowrap;

    font-variant-numeric:tabular-nums;

    font-feature-settings:"tnum";

    line-height:1;

    user-select:none;

    will-change:contents;

}

/*----------------------------------------------------------
  States
----------------------------------------------------------*/

.nx-count.is-counting{

    pointer-events:none;

}

.nx-count.is-complete{

    will-change:auto;

}

/*----------------------------------------------------------
  Accessibility
----------------------------------------------------------*/

@media (prefers-reduced-motion: reduce){

    .nx-count{

        transition:none;

    }

}