@st-namespace 'SkeletonLine-visual-st-css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';

.defaultStylesOverride {
  --red: 255, 0, 0;
  -st-mixin:
    setColor(--wix-ui-tpa-skeleton-line-color-start, null, var(--red), 0.2),
    setColor(--wix-ui-tpa-skeleton-line-color-middle, null, var(--red), 0.6),
    setColor(--wix-ui-tpa-skeleton-line-color-end, null, var(--red), 0.2),
    setVar(--wix-ui-tpa-skeleton-line-border-radius, null, px, 0),
    setVar(--wix-ui-tpa-skeleton-line-height, null, px, 40),
    setVar(--wix-ui-tpa-skeleton-line-width, null, px, 150),
}

.pausedAnimation {
  animation-play-state: paused !important;
  background-position-x: 20% !important;
}

/* st-namespace-reference="../../../../src/components/SkeletonLine/SkeletonLine.visual.st.css" */