"use strict";

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

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

const TextBox_1 = require("../../../../inputs/TextBox");

const Wrapper = styleh_components_1.styled.section`.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin-left:-0.25rem;margin-right:-0.25rem;.button-group{flex:0 0 50%;display:flex;justify-content:flex-end;padding:0 0.25rem;@media (max-width:1023px){flex:0 0 100%;justify-content:flex-start;}}.form-item-wrapper{flex:0 0 43%;padding:0 0.25rem;input::placeholder{font-style:italic;font-size:16px;}@media (max-width:1023px){flex:0 0 50%;}@media (max-width:767px){flex:0 0 100%;}&.required-label{flex:0 0 50%;@media (max-width:1023px){flex:0 0 100%;margin-bottom:1rem;order:-1;}display:flex;align-items:center;text-transform:capitalize;font-size:1rem;font-weight:500;}&.first-name{@media (max-width:767px){flex:0 0 75%;}}&.middle-name{flex:0 0 12%;@media (max-width:1023px){flex:0 0 10%;}@media (max-width:767px){flex:0 0 25%;}}&.last-name{flex:0 0 45%;@media (max-width:1023px){flex:0 0 40%;}@media (max-width:767px){flex:0 0 100%;}}&.address{margin-right:60%;@media (max-width:1023px){margin-right:auto;}@media (max-width:767px){flex:0 0 100%;}}&.country,&.phone,&.email{margin-right:60%;@media (max-width:767px){margin-right:auto;flex:0 0 100%;}}&.state{flex:0 0 25%;@media (max-width:1023px){flex:0 0 40%;}@media (max-width:767px){flex:0 0 75%;}}&.postal-code{flex:0 0 20%;@media (max-width:1023px){flex:0 0 10%;}@media (max-width:767px){flex:0 0 25%;}}${TextBox_1.StyledLabel}{display:flex;position:relative;margin-bottom:0.5rem;top:0;text-transform:capitalize;font-size:1rem;font-weight:400;color:var(--color-black);overflow:visible;}}}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map