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

var _templateObject, _templateObject2;
var ModalPanelWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0px -3px 20px ", ";\n  border-radius: 8px;\n  width: 407px;\n\n  > div:first-child {\n    border-radius: 8px 8px 0px 0px;\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colorBoxShadow;
});
var Panelsub = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 60px 40px 30px;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: 60px;\n\n  >div: first-child {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n  >div: last-child {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n  }\n"])));

export { ModalPanelWrapper, Panelsub };
//# sourceMappingURL=style.js.map
