/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_brambleberry_core/cartridge/client/default/scss/login.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.login-page {
  margin-top: 1em; }
  .login-page .login-form-nav {
    margin-bottom: 1.25em; }
    .login-page .login-form-nav .tab-pane {
      margin-top: 1em; }
  .login-page .login {
    margin-bottom: 0.938em; }
    .login-page .login .error-message-form {
      padding: 0.625em;
      background-color: #FF1310;
      color: #fff;
      border-radius: 0.188em; }
  .login-page .feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7px;
    text-align: center;
    font-size: 0.625rem;
    line-height: 0.8125rem;
    letter-spacing: -0.2px;
    font-family: var(--skin-body-font-bold);
    font-weight: 400;
    color: #536552; }
  .login-page .main-form .card {
    border: none; }
  .login-page .interested-in-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 0.5rem;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; }
    .login-page .interested-in-section li {
      list-style: none;
      color: #7A7A7A;
      font-size: 14px;
      font-family: var(--skin-body-font);
      font-weight: 400;
      border-radius: 0.375rem;
      border: 1px solid #DDDDDD;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0.5rem 0.75rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 0.5rem;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .login-page .interested-in-section li.selected {
        background-color: #ECEFE7; }
    .login-page .interested-in-section.is-invalid ~ .invalid-feedback {
      display: block; }
  .login-page button[type="submit"] {
    border-radius: 6.25rem;
    max-width: 411px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--skin-body-font-book);
    font-weight: 400;
    height: 42px; }

header ~ #maincontent .container .info-banner {
  border-radius: 10px;
  background: #ECEFE7;
  margin: 0;
  padding: 12px 32px;
  margin-bottom: 20px; }
  header ~ #maincontent .container .info-banner p {
    color: #536552;
    font-size: 1.125rem;
    letter-spacing: -0.36px;
    line-height: 130%;
    margin: 0;
    font-family: var(--skin-body-font);
    font-weight: 400; }
    header ~ #maincontent .container .info-banner p a {
      text-decoration-line: underline;
      color: #536552;
      font-family: var(--skin-body-font-book);
      font-weight: 400; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

.new-password {
  margin-top: 1.5rem; }

.equal-height .card {
  width: 100%; }

.track-order-header {
  font-size: 1.75rem; }

.request-password-title {
  font-size: 1.5rem; }

.sub-label-text {
  color: #7A7A7A;
  font-size: 12px;
  letter-spacing: -0.24px;
  font-family: var(--skin-body-font);
  font-weight: 400; }

.required-field-label::before {
  content: '*';
  color: #FF1310; }

.field-icon {
  position: relative; }
  .field-icon input.form-control {
    padding-right: 50px; }

.icon-password-eye {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.ri-eye-line {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.45825 12C3.73253 7.94288 7.52281 5 12.0004 5C16.4781 5 20.2684 7.94291 21.5426 12C20.2684 16.0571 16.4781 19 12.0005 19C7.52281 19 3.73251 16.0571 2.45825 12Z' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.ri-eye-off-line {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 3L6.58916 6.58916M21 21L17.4112 17.4112M13.8749 18.8246C13.2677 18.9398 12.6411 19 12.0005 19C7.52281 19 3.73251 16.0571 2.45825 12C2.80515 10.8955 3.33851 9.87361 4.02143 8.97118M9.87868 9.87868C10.4216 9.33579 11.1716 9 12 9C13.6569 9 15 10.3431 15 12C15 12.8284 14.6642 13.5784 14.1213 14.1213M9.87868 9.87868L14.1213 14.1213M9.87868 9.87868L6.58916 6.58916M14.1213 14.1213L6.58916 6.58916M14.1213 14.1213L17.4112 17.4112M6.58916 6.58916C8.14898 5.58354 10.0066 5 12.0004 5C16.4781 5 20.2684 7.94291 21.5426 12C20.8357 14.2507 19.3545 16.1585 17.4112 17.4112' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }


/*# sourceMappingURL=login.css.map*/