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

var _templateObject, _templateObject2;
var AddPaymentMethodWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: fit-content;\n  padding: 20px;\n  background: ", ";\n  border-radius: 8px;\n  cursor: pointer;\n  border: 1px dashed ", ";\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialBorder;
});
var VisaCardWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 296px;\n  height: 172px;\n  background: ", ";\n  border-radius: 8px;\n  filter: drop-shadow(0px -3px 20px rgba(0, 0, 0, 0.1));\n  padding: 20px 20px 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  > div {\n    display: grid;\n    gap: 15px;\n  }\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialPrimary;
});

export { AddPaymentMethodWrapper, VisaCardWrapper };
//# sourceMappingURL=style.js.map
