"use strict";

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

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

const Buttons_1 = require("../../../Buttons");

const TextBox_1 = require("@skava/ui/dist/inputs/TextBox");

const StyledPaymentForm = styleh_components_1.styled.section`width:100%;.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;.button-group{flex:0 0 100%;}}${TextBox_1.StyledLabel}{position:relative;top:0;text-transform:capitalize;color:var(--color-black);font-size:1rem;overflow:visible;}.cvv-number{${TextBox_1.StyledLabel}{text-transform:uppercase;}}.placeholder-label{position:absolute;color:var(--color-red);}.input-box-wrapper{flex:0 0 100%;margin-bottom:0.5rem;user-select:none;&.left-align{flex:0 0 calc(50% - 0.5rem);}&.right-align{flex:0 0 calc(50% - 0.5rem);}&.card-number{flex:0 0 calc(70% - 0.5rem);}&.cvv-number{flex:0 0 calc(30% - 0.5rem);}&.expiry-month{flex:0 0 calc(60% - 0.5rem);}&.expiry-year{flex:0 0 calc(40% - 0.5rem);}}.default-address{margin:0.5rem 0 1.125rem;align-items:baseline;label{font-size:1rem;color:var(--color-black);user-select:none;align-self:flex-start;}svg{width:1.125rem;height:auto;border-radius:0.125rem;}}input.input-box{width:100%;height:2.75rem;padding:0 0.5rem;font-size:1rem;margin-top:0.5rem;color:var(--color-black);}.billing-address-wrapper{flex:0 0 100%;padding:0.625rem 0;}`;
exports.StyledPaymentForm = StyledPaymentForm;
const StyledPrimaryButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`color:var(--color-pure-white);font-size:1rem;text-transform:capitalize;margin-top:1rem;user-select:none;`;
exports.StyledPrimaryButton = StyledPrimaryButton;