"use strict";

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

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

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

const styleh_toolset_1 = require("@skava/styleh-toolset");

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;${styleh_toolset_1.media.tabletOrSmaller`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;}${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 50%;`} ${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 100%;`} &.required-label{flex:0 0 50%;${styleh_toolset_1.media.tabletOrSmaller`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{${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 75%;`};}&.middle-name{flex:0 0 12%;${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 10%;`} ${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 25%;`};}&.last-name{flex:0 0 45%;${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 40%;`} ${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 100%;`};}&.address{margin-right:60%;${styleh_toolset_1.media.tabletOrSmaller`margin-right:auto;`} ${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 100%;`};}&.country,&.phone,&.email{margin-right:60%;${styleh_toolset_1.media.phoneOrSmaller`margin-right:auto;flex:0 0 100%;`};}&.state{flex:0 0 25%;${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 40%;`} ${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 75%;`};}&.postal-code{flex:0 0 20%;${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 10%;`} ${styleh_toolset_1.media.phoneOrSmaller`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:500;color:var(--color-black);overflow:visible;}}}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map