/**************************************
* clsLoading.js - JavaScript based loading, busy and progress UI component using Kitchen JS Font Icons
* @version v0.0.1
* clsSelector: v0.0.1
* PEC T3-Tailwind-Theme Latest Version
* TailWind: v^3.3.5
* @lastBuild Sun May 12 2024 16:01:55 GMT-0500 (Central Daylight Time)
* @author KitchenJS
* @link https://github.com/Kitchen-JS/clsLoading.js

**************************************/

.clsLoading
{
  position: relative;
  display: block;
  overflow: hidden;
}

.clsLoading.spinner
{
  width: 6.2rem;
  height: 6.2rem;
}

.clsLoading.loader
{
  width: 15rem;
  height: 7.5rem;
}

.clsLoading i
{
  position: absolute;
  top: .1rem;
  left: .1rem;
}

.clsLoading.spinner i
{
  font-size: 6rem;
}

.clsLoading.loader i
{
  font-size: 14rem;
  top: -3rem;
}

.clsLoading .hidden
{
  display: none;
}