import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var MessageBarWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .messageBarContainer {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 34px;\n    width: 624px;\n    max-width: 100%;\n    height: 75px;\n    margin: auto;\n    display: flex;\n    align-items: center;\n    background: rgba(248, 247, 247, 0.9);\n    box-shadow: 3px 4px 41px 3px rgba(0, 0, 0, 0.2);\n    backdrop-filter: blur(14px);\n    border-radius: 24px;\n  }\n\n  .iconContainer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 81px;\n    height: 100%;\n    border-right: solid 1px #d9d9d9;\n  }\n\n  .contentContainer {\n    width: calc(100% - 71px);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 14px 29px 14px 20px;\n  }\n"])));