import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2, _templateObject3;
var HelpCenterMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  height: 100vh;\n  position: relative;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimaryBackground;
});
var HelpCenterMenuItemWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%  \n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  justify-content: center;\n\n  &.helpcenter {\n    justify-content: start;\n  }\n"])));
var HelpCenterMenuBodyWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: calc(100vh - 116px);\n  display: flex;\n  flex-direction: column;\n"])));

export { HelpCenterMenuBodyWrapper, HelpCenterMenuItemWrapper, HelpCenterMenuWrapper };
//# sourceMappingURL=style.js.map
