@charset 'UTF-8';
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/

/* 
    Note:   When new colors have been added, you can directly copy 
            paste into the ~/libraries/assets folder.
*/

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

/* COLORS */
/* 
    PC = Primary Color
    SC = Secondary Color
    FPC = Font Color on Primary Color
    FSC = Font Color on Secondary Color
*/

:root {
    --PC: #77BA43;
    --SC: #443135;
    --FPC: #FFF;
    --FSC: #FFF;
}

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

/* PRELOADERS */

#vue_app {
    opacity: 0;
    transition: opacity 0.2s linear;
}

#afs-preloader {
    display: block;
    box-sizing: border-box;
    width: 7rem;
    height: 7rem;
    border: 0.75rem solid #f8f8f8; 
    border-top: 0.75rem solid #09f; 
    border-radius: 50%;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999999999999999999999999;
    opacity: 1;
    transition: opacity 0.2s linear;
    pointer-events: none;
}

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

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