"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 styled_1 = require("../styled");

const Heading = styleh_components_1.styled(styled_1.StyledHeading).attrs({
  'data-qa': 'qa-change-password-heading'
})`margin-bottom:1rem;`;
exports.Heading = Heading;
const ChangePasswordWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-change-password-container'
})`.form-wrapper{.input-box-wrapper{margin:0;width:26.875rem;@media (max-width:1023px){width:100%;}&.confirm-password-wrapper{margin-bottom:0.5rem;}${TextBox_1.StyledLabel}{font-size:1rem;text-transform:capitalize;font-weight:500;color:var(--color-black);}${TextBox_1.StyledInput}{font-size:1rem;margin:0.25rem 0 2.5rem;&::placeholder{font-style:italic;color:var(--color-dark-grey);}}}}`;
exports.ChangePasswordWrapper = ChangePasswordWrapper;