"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NumberedTabFigure = undefined;

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

var _presets = require("../../utils/presets");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var NumberedTabFigure =
/*#__PURE__*/
exports.NumberedTabFigure = (0, _reactEmotion2["default"])("span", {
  target: "e103dmk10"
})("align-items:center;background:", _presets.palette.grey[300], ";border-radius:50%;color:", _presets.palette.white, ";display:flex;font-family:", _presets.fontFamilies.bodyFontFamily, ";font-size:", _presets.fontSizes["3xs"], ";font-weight:bold;height:20px;justify-content:center;line-height:1;width:20px;.active &{background:", _presets.palette.purple[400], ";margin-right:", _presets.spaces.s, ";}.done &{background:", _presets.palette.purple[300], ";}@media (min-width:", _presets.breakpoints.tablet, "px){margin-right:", _presets.spaces.s, ";}");