"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const PaymentAddCardHeader = styleh_components_1.styled.div`
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding: 16px 8px;
`;
exports.PaymentAddCardHeader = PaymentAddCardHeader;
const PaymentAddCardHeadingSection = styleh_components_1.styled.div`
  position: relative;
  flex: 1;
`;
exports.PaymentAddCardHeadingSection = PaymentAddCardHeadingSection;
const PaymentAddCardButtonSection = styleh_components_1.styled.div`
  position: relative;
  flex: 0 0 160px;
  display: flex;
  justify-content: flex-end;

  @media (max-width: 767px) {
    flex: 0 0 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
  }
`;
exports.PaymentAddCardButtonSection = PaymentAddCardButtonSection;
const PaymentAddCardWrapper = styleh_components_1.styled.section`
  position: relative;
`;
exports.PaymentAddCardWrapper = PaymentAddCardWrapper; //# sourceMappingURL=styled.js.map