"use strict";

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

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

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

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

const StyledResetPasswordForm = styleh_components_1.styled.section`width:100%;.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;.button-group{flex:1;margin-top:1.5rem;}}${TextBox_1.StyledLabel}{position:relative;top:0;text-transform:capitalize;color:var(--color-black);font-weight:400;font-family:Roboto;font-size:1rem;color:var(--color-black);}.placeholder-label{position:absolute;color:var(--color-red);}.input-box-wrapper{flex:0 0 100%;margin-bottom:1rem;user-select:none;&.left-align{flex:0 0 calc(50% - 8px);}&.right-align{flex:0 0 calc(50% - 8px);}}input.input-box{width:100%;margin:0.5rem 0 0 0;font-size:1.25rem;border-radius:0.25rem;height:2.75rem;}`;
exports.StyledResetPasswordForm = StyledResetPasswordForm;
const StyledPrimaryButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton)`color:var(--color-pure-white);font-family:Roboto;font-weight:500;font-size:1.125rem;text-transform:capitalize;background-color:var(--color-blue);user-select:none;`;
exports.StyledPrimaryButton = StyledPrimaryButton;
const StyledSecondaryButton = styleh_components_1.styled.withComponent(Buttons_1.SecondaryButton)`color:var(--color-pure-white);font-family:Roboto;font-weight:500;font-size:1.125rem;text-transform:capitalize;margin-top:1rem;background-color:var(--color-dark-grey);user-select:none;`;
exports.StyledSecondaryButton = StyledSecondaryButton; //# sourceMappingURL=styled.js.map