import styled from 'styled-components/macro'

import { CircleAnimationBar as CircleAnimationBarBase } from 'features/CircleAnimationBar'

export const CircleAnimationBar = styled(CircleAnimationBarBase)`
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  circle {
    stroke: #4086C6;
  }

  text {
    fill: ${({ theme }) => theme.colors.white};
  }
`
