text: "use strict";
  
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.Inner = exports.SROnly = exports.default = void 0;
  
  var _styledComponents = _interopRequireDefault(require("styled-components"));
  
  var _TransitionGroup = _interopRequireDefault(require("react-transition-group/TransitionGroup"));
  
  var _theme = require("@atlaskit/theme");
  
  var _default = _styledComponents.default.div.withConfig({
    displayName: "styledFlagGroup",
    componentId: "sc-1dirlpz-0"
  })(["\n  bottom: ", "px;\n  left: ", "px;\n  position: fixed;\n  z-index: ", ";\n"], _theme.math.multiply(_theme.gridSize, 6), _theme.math.multiply(_theme.gridSize, 10), _theme.layers.flag);
  
  exports.default = _default;
  
  var SROnly = _styledComponents.default.h1.withConfig({
    displayName: "styledFlagGroup__SROnly",
    componentId: "sc-1dirlpz-1"
  })(["\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"]);
  
  exports.SROnly = SROnly;
  var Inner = (0, _styledComponents.default)(_TransitionGroup.default).withConfig({
    displayName: "styledFlagGroup__Inner",
    componentId: "sc-1dirlpz-2"
  })(["\n  position: relative;\n"]);
  exports.Inner = Inner;