/* --------------------------------------------------------
* text-strong.css
--------------------------------------------------------*/

/* @group @variables */

[class*="a-strong-effect-slide-in"] {
--strong-color: hsl(62deg 51% 37%);
--strong-action-color: hsl(62deg 51% 32% / 25%);
--strong-start-position: 50%;
--strong-animation-time: 1s .5s;
}

/* @end @variables */

/* @group @a-strong */

[class*="a-strong-effect-slide-in"] {
color: var(--strong-color);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

/* @end @a-strong */

/* @group @a-strong */

/*strong,*/
[class*="a-strong-effect-slide-in"] {
background-image: linear-gradient(transparent var(--strong-start-position), var(--strong-action-color) 0%);
background-size: 0 120%;
background-position: 0 0;
background-repeat: no-repeat;
}

[class*="is-strong-effect-slide-in"] {
animation: strongMarker var(--strong-animation-time) ease;
animation-fill-mode: forwards;
}

/* @end @a-strong */

/* @group @strongMarker */

@keyframes strongMarker {
0% {background-size: 0 120%;}
100% {background-size: 100% 120%;}
}

/* @end @strongMarker */