import { PaymentsCardIcon } from '@skava/ui/dist/components/atoms/Icons';
import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
/**
 * @todo remove shadow conditionally with these new icons
 */
const StyledCardWrap = styled.div.attrs({
    className: 'card-wrap',
}) `
  box-shadow: 0px 0px 0px 1px var(--color-light-grey);
  width: 100px;
  height: 60px;
  overflow: hidden;
  background: var(--color-pure-white);
  border-radius: 4px;

  svg {
    width: 100px;
    height: 60px;
    &.apple-pay {
      transform: scale(0.8);
    }
    &.paypal {
      transform: scale(1.4);
      margin-right: rem(22);
      ${media.phoneOrSmaller `
        padding-right: 2.5rem;
        transform: scale(1.2);
      `}
    }
  }
`;
const PaymentsCardType = PaymentsCardIcon;
export { StyledCardWrap, PaymentsCardType };
//# sourceMappingURL=styled.js.map