text: import { css } from 'styled-components';
  
  export const ShimmerEffect = css`
    background-image: linear-gradient(
      -90deg,
      ${props => props.theme.colors.shimmerEffect} 0%,
      #00000020 50%,
      ${props => props.theme.colors.shimmerEffect} 100%
    );
    
    background-size: 400% 400%;
    animation: shimmer 1.2s ease-in-out infinite;
    @keyframes shimmer {
      0% {
        background-position: 0% 0%;
      }
      100% {
        background-position: -135% 0%;
      }
    }
  `;