/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./publicstorage/cartridges/app_custom_publicstorage/cartridge/client/default/scss/findAccountPage.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ps-offer-banner {
  width: 100%;
  max-width: 23.75rem;
  color: #fff;
  border-radius: 10px;
  background-color: #0F274d;
  padding: 1.375rem; }
  .ps-offer-banner--heading {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.875rem; }
  .ps-offer-banner--desc {
    font-size: 1rem; }
  .ps-offer-banner--cta {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1rem; }
    .ps-offer-banner--cta:hover, .ps-offer-banner--cta:active {
      color: #fff; }

@media (max-width: 1199.98px) {
  .ps-login-signup-page .container {
    max-width: 100%; } }

.ps-login-signup-page .container .align-vertical-center {
  margin-top: auto;
  margin-bottom: auto; }

.ps-login-signup-wrapper .icon-email {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1220_14225)'%3E%3Cpath d='M56.4253 2.63766C55.8136 2.21421 55.0999 2 54.3749 2C53.7438 2.00001 53.1237 2.16492 52.576 2.47839L1.82597 31.3764C0.626439 32.1668 -0.0780568 33.4695 0.00690416 34.7496C0.0918651 36.0297 0.955748 37.3392 2.22948 37.8705L13.9201 42.7427L20.9266 59.3384C21.0928 59.8414 21.4327 60 21.6479 60C21.8825 59.9993 22.1078 59.9084 22.2772 59.7463L31.9911 50.4119L45.6301 56.0941C46.071 56.2788 46.5443 56.374 47.0224 56.3741C47.7717 56.3741 48.3942 56.137 48.7986 55.91C49.2786 55.6407 49.691 55.2656 50.0045 54.8132C50.3179 54.3607 50.5242 53.8429 50.6077 53.2988L57.8577 6.2758C58.1698 4.80031 57.5807 3.42508 56.4253 2.63766ZM3.62488 34.625L46.6831 10.0203L14.0354 38.9637L3.62488 34.625ZM22.7354 54.3699L17.1167 41.0707L43.1147 18.0293L23.9136 44.4352C23.7514 44.6583 23.6422 44.9155 23.5943 45.1872C23.5465 45.4588 23.5612 45.7378 23.6374 46.003C23.7135 46.2682 23.8495 46.5125 24.0348 46.7169C24.2202 46.9213 24.45 47.0805 24.7065 47.1822L28.6034 48.741L22.7354 54.3699ZM47.2042 52.2176L28.2069 44.6776L53.7745 9.52641L47.2042 52.2176Z' fill='%23FF6200'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1220_14225'%3E%3Crect width='58' height='58' fill='white' transform='translate(0 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 3.75rem;
  height: 3.75rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

@media (min-width: 992px) {
  .ps-login-signup-wrapper {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
    border: 1px solid #CCC;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08); } }

.ps-login-signup-wrapper .col-half-width-background {
  background-color: #F2F2EF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  border-top: 1px solid #CCC; }
  @media (min-width: 769px) {
    .ps-login-signup-wrapper .col-half-width-background {
      min-height: 43.75rem;
      border-left: 1px solid #CCC;
      border-top: none; } }

.ps-login-signup-wrapper h1.ps-heading {
  font-size: 1.625rem;
  color: #0F274d;
  line-height: 2.25rem; }
  @media (min-width: 769px) {
    .ps-login-signup-wrapper h1.ps-heading {
      font-size: 1.875rem;
      line-height: 2.5rem; } }

@media (min-width: 992px) {
  .ps-login-signup-grid {
    margin-right: 0;
    margin-left: 0; } }

@media (min-width: 992px) {
  .ps-login-signup-grid > [class*='col-'] {
    padding-right: 0;
    padding-left: 0; } }

.ps-login-signup-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 769px) {
    .ps-login-signup-form-container {
      min-height: 43.75rem; } }
  @media (min-width: 769px) {
    .ps-login-signup-form {
      max-width: 29.375rem; } }
  .ps-login-signup-form form.from-control-container {
    width: 100%;
    max-width: 28.125rem; }
    @media (min-width: 992px) {
      .ps-login-signup-form form.from-control-container {
        max-width: 21.875rem; } }
  .ps-login-signup-form-text {
    color: #636F80;
    text-align: center; }
  .ps-login-signup-form-tip {
    color: #636F80;
    font-size: 1rem; }
  .ps-login-signup-form-tip-xs {
    color: #636F80;
    font-size: 0.875rem; }

.ps-login-signup-confirmation-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 769px) {
    .ps-login-signup-confirmation-message {
      max-width: 29.375rem; } }

.ps-find-account-page {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ps-find-account-page .find-account-container {
    background-color: #fff; }
    .ps-find-account-page .find-account-container .find-account-heading {
      margin-bottom: 0.938rem; }
      @media (min-width: 992px) {
        .ps-find-account-page .find-account-container .find-account-heading {
          margin-bottom: 1.875rem; } }
      .ps-find-account-page .find-account-container .find-account-heading .ps-heading {
        font-size: 1.625rem; }
        @media (min-width: 992px) {
          .ps-find-account-page .find-account-container .find-account-heading .ps-heading {
            font-size: 1.875rem; } }


/*# sourceMappingURL=default\css\findAccountPage.css.map*/