@instructure/quiz-taking/src/components/layout/Sidebar/SidebarItem/styles.js

const generateStyle = componentTheme => {
  return {
    itemWrapper: {
      position: 'relative',
    },

    unansweredDot: {
      width: componentTheme.dotSize,
      height: componentTheme.dotSize,
      background: componentTheme.dotBackgroundColor,
      borderRadius: '50%',

      position: 'absolute',
      top: '50%',
      left: `calc(${componentTheme.dotSize} / -2)`,
      marginTop: '-0.3rem',
    },
  }
}

export default generateStyle