import styled , { keyframes } from 'styled-components' ; const comeInOut = keyframes `
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
` ; const spin = keyframes `
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
` ; export const Container = styled . div `
  position: absolute;
  display: block;
  @media (prefers-reduced-motion: no-preference) {
    animation: ${ comeInOut } 700ms forwards;
  }
` ; export const Svg = styled . svg `
  display: block;
  @media (prefers-reduced-motion: no-preference) {
    animation: ${ spin } 1000ms linear;
  }
` ;