"use strict";

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

const styleh_components_1 = require("styleh-components");
/**
 * @todo - should be using fill: white; fill: transparent; when we have as svg
 */


const DotLoaderWrapper = styleh_components_1.styled.span``;
exports.DotLoaderWrapper = DotLoaderWrapper;
const DotElement = styleh_components_1.styled.span`@keyframes blink{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;width:20px;height:20px;border-radius:50%;background-color:black;display:inline-block;margin:3px;&:nth-child(2){animation-delay:0.2s;}&:nth-child(3){animation-delay:0.4s;}`;
exports.DotElement = DotElement; //# sourceMappingURL=styled.js.map