"use strict";

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

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

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

const SelectBoxInput_1 = require("@skava/ui/dist/forms/input/plugins/Special/SelectBoxInput");

const SelectDropDown_1 = require("@skava/ui/dist/components/molecules/SelectDropDown");

const StyledFormWrapper = styleh_components_1.styled.section`position:relative;@media (max-width:767px){padding-top:1.5rem;}.form-wrapper{display:flex;.invite-form-container{display:flex;flex:1;margin:0 -0.25rem;.email-icon{top:1.125rem;opacity:0.3;}.form-item-wrapper{flex:1 1 100%;padding:0 0.25rem;margin-bottom:2rem;@media (max-width:1023px){margin-bottom:1.5rem;}${TextBox_1.StyledLabel},${SelectBoxInput_1.StyledLabel}{margin-bottom:0.5rem;text-transform:capitalize;font-size:16px;font-weight:400;}${SelectDropDown_1.StyledClickBoundary},${TextBox_1.StyledInput}{height:2.75rem;margin-top:0.5rem;text-transform:capitalize;}${TextBox_1.StyledInput}{font-size:1rem;text-transform:none;padding-left:2.5rem;border-radius:0.25rem;&.input-error{border-color:var(--color-red);}&:focus{~ .email-icon{opacity:1;svg{fill:var(--color-blue);}}}}${SelectDropDown_1.StyledSelect}{padding-right:0.5rem;}&.input-box-wrapper .input-error-message{position:absolute;left:0;bottom:-1.25rem;}}}.button-group{display:flex;flex:0 0 1.25rem;margin-left:0.5rem;height:6.25rem;@media (max-width:1023px){height:4.875rem;align-self:flex-end;}}@media (max-width:1023px){.invite-form-container{flex-wrap:wrap;.drop-down-container{flex:1 1 50%;}}}@media (min-width:768px){.button-group{align-items:center;}}@media (max-width:767px){flex-direction:column;.invite-form-container{flex-direction:column;.form-item-wrapper{flex:auto;}}.button-group{width:100%;height:auto;flex:auto;align-self:auto;justify-content:center;margin:0.25rem 0 0;}}}`;
exports.StyledFormWrapper = StyledFormWrapper;