body { }

@-webkit-keyframes pulse-button {
 0% { box-shadow: 0px 0px 1px 2px rgb(var(--pulse-shadow-color-rgb), 0.4); }

 50% { box-shadow: 0px 0px 1px 5px rgb(var(--pulse-shadow-color-rgb), 0.6); }

 100% { box-shadow: 0px 0px 1px 2px rgb(var(--pulse-shadow-color-rgb), 0.4); }
}

/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@-webkit-keyframes theme-pulse {
 0% { box-shadow: 0px 0px 1px 2px rgb(var(--secondary-theme-color-rgb), 0.4); }

 50% { box-shadow: 0px 0px 1px 5px rgb(var(--secondary-theme-color-rgb), 0.6); }

 100% { box-shadow: 0px 0px 1px 2px rgb(var(--secondary-theme-color-rgb), 0.4); }
}

/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

/* KEYFRAMES */
@keyframes tooltips-vert {
 to { opacity: 0.99; transform: translate(-50%, 0); }
}

@keyframes tooltips-horz {
 to { opacity: 0.99; transform: translate(0, -50%); }
}

/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@-webkit-keyframes clockwise {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes clockwise {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@-webkit-keyframes donut-rotate {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
 100% { -webkit-transform: rotate(0); transform: rotate(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes donut-rotate {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
 100% { -webkit-transform: rotate(0); transform: rotate(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeInAnimation {
 0% { opacity: 0; transform: translate3d(0, -100%, 0); }
 to { opacity: 1; transform: translate3d(0, 0, 0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeOutAnimation {
 0% { opacity: 1; transform: translate3d(0, 0, 0); }
 to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeInLeft {
 0% { opacity: 0; transform: translate3d(-100%, 0, 0); }
 to { opacity: 1; transform: translateZ(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
}