/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT SIZE CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.text-none {font-size:0;}
.text-base {font-size: var(--text-base);}
.text-xs {font-size: var(--text-xs);}
.text-sm, small {font-size: var(--text-sm);}
.text-md, h4 {font-size: var(--text-md);}
.text-lg, h3 {font-size: var(--text-lg);}
.text-xl, h2 {font-size: var(--text-xl);}
.text-xxl, h1 {font-size: var(--text-xxl);}
.text-xxxl {font-size: var(--text-xxxl);}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT SIZE CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT ALIGN CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT ALIGN CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT WEIGHT CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.weight-normal {font-weight:normal;}
.weight-100 {font-weight:100;}
.weight-200 {font-weight:200;}
.weight-300 {font-weight:300;}
.weight-400 {font-weight:400;}
.weight-500 {font-weight:500;}
.weight-600 {font-weight:600;}
.weight-700 {font-weight:700;}
.hoverweight-700:hover {font-weight:700;}
.weight-800 {font-weight:800;}
.weight-900 {font-weight:900;}
.hoverweight-900:hover {font-weight:900;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT WEIGHT CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT STYLE CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.style-normal {font-style:normal;}
.hoverstyle-normal:hover {font-style:normal;}
.style-italic {font-style:italic;}
.hoverstyle-italic:hover {font-style:italic;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT STYLE CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT TRANSFORM CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.capitalize {text-transform:capitalize;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.capitalize-first {text-transform:lowercase;}
.capitalize-first:first-letter {text-transform:uppercase;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT TRANSFORM CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > TEXT WRAP CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ws-normal {white-space:normal;}
.ws-wrap {white-space:wrap;}
.ws-nowrap {white-space:nowrap;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > TEXT WRAP CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > LINK DECORATION CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.underline-on {text-decoration:underline;}
.underline-off {text-decoration:none;}
.underline-hover {text-decoration:none;}
.underline-hover:hover {text-decoration:underline;}
.underline-through {text-decoration:line-through;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > LINK DECORATION CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > LINK ANIMATION CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
[class*="underline-animation"] {position:relative;display:inline-block;text-decoration:none;}
[class*="underline-animation"]:after {display:block;margin:0 0 -2px 0;padding:0;content:"";border-bottom:solid 2px currentColor;transform:scaleX(0);transition:transform 200ms ease-in-out;}

.underline-animation-255:after {border-bottom-color:rgba(255, 255, 255, 1);}
.underline-animation-0:after {border-bottom-color:rgba(0, 0, 0, 1);}

.underline-animation-red:after {border-bottom-color:rgba(var(--red), 1);}
.underline-animation-red-light:after {border-bottom-color:rgba(var(--red-light), 1);}
.underline-animation-red-dark:after {border-bottom-color:rgba(var(--red-dark), 1);}

.underline-animation-green:after {border-bottom-color:rgba(var(--green), 1);}
.underline-animation-green-light:after {border-bottom-color:rgba(var(--green-light), 1);}
.underline-animation-green-dark:after {border-bottom-color:rgba(var(--green-dark), 1);}

.underline-animation-blue:after {border-bottom-color:rgba(var(--blue), 1);}
.underline-animation-blue-light:after {border-bottom-color:rgba(var(--blue-light), 1);}
.underline-animation-blue-dark:after {border-bottom-color:rgba(var(--blue-dark), 1);}

.underline-animation-yellow:after {border-bottom-color:rgba(var(--yellow), 1);}
.underline-animation-yellow-light:after {border-bottom-color:rgba(var(--yellow-light), 1);}
.underline-animation-yellow-dark:after {border-bottom-color:rgba(var(--yellow-dark), 1);}

.underline-animation-orange:after {border-bottom-color:rgba(var(--orange), 1);}
.underline-animation-orange-light:after {border-bottom-color:rgba(var(--orange-light), 1);}
.underline-animation-orange-dark:after {border-bottom-color:rgba(var(--orange-dark), 1);}

[class*="underline-animation"]:hover:after {transform:scaleX(1);}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > LINK ANIMATION CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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