"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledBubble = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
var _FontStyle = require("../FontStyle");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledBubble = exports.StyledBubble = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledBubble",
  componentId: "sc-tloccl-0"
})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
  "visibility": "visible",
  "display": "block",
  "borderRadius": "0.5rem",
  "borderWidth": "1px",
  "borderStyle": "solid",
  "borderColor": "var(--color-theme-200)",
  "--tw-bg-opacity": "1",
  "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
  "color": "var(--color-theme-800)",
  "opacity": "1",
  "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
  "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
StyledBubble.displayName = "StyledBubble";
//# sourceMappingURL=Styles.js.map