"use strict";

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const exports_1 = require("@skava/forms/build/dist/exports");

const EmailPlugin_1 = require("@skava/forms/build/dist/new-forms/plugins/EmailPlugin");

const exports_2 = require("@skava/forms/build/dist/exports");

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

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const Wrapper = styleh_components_1.styled.div`max-width:64rem;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;`;
exports.Wrapper = Wrapper;
const StyledTitle = styleh_components_1.styled(Text_1.Heading)`font-size:1.5rem;margin:0 0 1rem 0;font-weight:500;color:var(--color-black);@media (max-width:1023px){font-size:1.25rem;}@media (max-width:767px){font-size:1rem;}`;
exports.StyledTitle = StyledTitle;
const StyledPrimaryButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`width:12.125rem;color:#fff;font-size:1.125rem;text-transform:capitalize;user-select:none;${Button_1.ButtonText}{color:#fff;margin:0;font-weight:500;}@media (min-width:768px){margin-top:0.5rem;}@media (max-width:767px){width:100%;}`;
exports.StyledPrimaryButton = StyledPrimaryButton;
const StyledForm = styleh_components_1.styled(exports_1.OneObserverForm)`display:flex;margin:auto;justify-content:center;flex-wrap:wrap;${exports_2.StyledInput}{width:100%;background-color:#ffffff;text-align:center;}${StyledPrimaryButton}{background:#1b75bc;margin:0;}@media (max-width:767px){width:100%;}`;
exports.StyledForm = StyledForm;
const StyledEmailPlugin = styleh_components_1.styled(EmailPlugin_1.EmailPlugin)`width:24.625rem;padding:0;margin:0 0.5rem 0 0;@media (max-width:1023px){width:19.375rem;}@media (max-width:767px){width:100%;margin:0;}label{color:#535353;}`;
exports.StyledEmailPlugin = StyledEmailPlugin;