import styled from 'styled-components'

const LoadingPart = styled.span`
  width: 1.5rem;
  height: 1.5rem;
  border: 5px solid #f8f9fa;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin: 0 0.25rem;

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
`

export default LoadingPart
