"use strict";

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

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

const Text_1 = require("../../../../atoms/Text");

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

const styled_1 = require("../styled");

const UserIdentifierWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-account-user-identifier'
})`display:flex;flex:1;justify-content:flex-end;@media (max-width:767px){padding-top:0.25rem;}`;
exports.UserIdentifierWrapper = UserIdentifierWrapper;
const StyledLabelText = styleh_components_1.styled.withComponent(Text_1.Label)`font-size:1rem;text-transform:uppercase;`;
const UserIdentifierText = styleh_components_1.styled.withComponent(StyledLabelText)`margin-right:0.5rem;color:var(--color-black);@media (min-width:768px){font-size:1.125rem;}`;
exports.UserIdentifierText = UserIdentifierText;
const UserIdentifierValue = styleh_components_1.styled.withComponent(StyledLabelText)`color:var(--color-black);@media (min-width:768px){font-size:1.125rem;}`;
exports.UserIdentifierValue = UserIdentifierValue;
const Heading = styleh_components_1.styled.withComponent(styled_1.StyledHeading).attrs({
  'data-qa': 'qa-my-profile-heading'
})``;
exports.Heading = Heading;
const HeaderWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-my-profile-wrapper'
})`display:flex;align-items:center;margin-bottom:1rem;@media (max-width:767px){flex-direction:column;align-items:baseline;}`;
exports.HeaderWrapper = HeaderWrapper;
const MyProfileForm = styleh_components_1.styled.section.attrs({
  'data-qa': 'qa-my-profile-container'
})`.form-wrapper{.form-input-wrapper{margin:0;.input-form:disabled{background-color:rgb(235,235,228);}&.email-address-wrapper{margin:1.625rem 0 0.5rem 0;}${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 1.5rem;width:26.875rem;color:var(--color-black);@media (max-width:1023px){width:100%;}}}}`;
exports.MyProfileForm = MyProfileForm; //# sourceMappingURL=styled.js.map