:root {
  --color-black: #221f20;
}

body .elc-iam {
  /* customize iam/tokens */
  --color-black: #303030;
  --color-primary-10: #efefef;
  --color-primary-50: #d4d4d4;
  --color-primary-100: #a3a3a3;
  --color-primary-300: rgba(48, 48, 48, 0.2);
  --color-primary-450: #979797;
  --color-primary-500: #6f6d6e;
  --color-primary-550: #666666;
  --color-primary-600: #616161;
  --color-error: #ee0000;
  --color-warning: var(--color-error);
  --color-password-strength-medium: #ffd3ad;
  --color-green: #087443;
  --color-splitter: var(--color-primary-50);
  --title-font: var(--font-body);
  --font-body--bold: var(--font-headline);
  --text-base: 15px;

  /* customize iam/roles */
  --bg-tab-hover: var(--color-secondary);
  --border-input: var(--color-black);
  --crossed-eye-bg: var(--color-black);

  --iam-disclaimer-tooltip-border: var(--color-primary-50);
  --iam-disclaimer-tooltip-background: var(--color-primary-50);
  --iam-alert-warning-color: var(--color-primary-600);
}

body .elc-iam .elc-button {
  --button-color: var(--color-white);
  --button-background-color: var(--color-black);
  --button-hover-color: var(--color-white);
  --button-hover-background-color: var(--color-secondary);
  --button-active-background-color: var(--color-secondary);
  text-transform: inherit;
}

body .elc-iam .elc-iam-sign-in-button,
body .elc-iam .elc-iam-submit-button {
  font-size: 0.9375rem;
  line-height: 1.3;
  min-block-size: 63px;
}

body .elc-iam .elc-iam-wrapper {
  padding-block-end: 0;
}

body .elc-iam .elc-tabs__panel {
  padding: 38px 16px 40px;
}

body .elc-iam .elc-iam-reviewPrivacyNotice-wrapper > div,
body .elc-iam .elc-iam-termsAndConditions-wrapper > div {
  margin-block-start: 10px;
}

body .elc-iam-wrapper a,
body .elc-iam-verifySocialEmail-wrapper .elc-iam-text {
  font-family: var(--font-body);
  font-size: inherit;
}

body .elc-iam-wrapper a:hover {
  color: var(--color-primary-500);
}

body .elc-iam .elc-tabs__tab {
  height: 64px;
  padding: 20px;
}

body .elc-iam .elc-tabs__tab.elc-tabs__tab--current {
  border-block-end: 1px solid var(--color-black);
}

body .elc-iam .elc-tabs__tab .elc-tabs__tab-text {
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: none;
  font-size: 0.9375rem;
  line-height: 1.3;
  color: var(--color-primary-550);
}

body .elc-iam .elc-tabs__tab.elc-tabs__tab--current .elc-tabs__tab-text {
  color: var(--color-black);
}

body .elc-iam .elc-iam-title .elc-iam-title-text {
  font-size: var(--text-lg);
}

body .elc-iam input,
body .elc-iam .elc-floating-label-input {
  --form-input-border-color: var(--color-black);
  color: var(--color-black);
}

body .elc-iam .elc-dropdown-arrow {
  inline-size: auto;
}

body .elc-iam .elc-dropdown-arrow-icon {
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}

body .elc-iam .elc-input-field {
  --form-input-font-size: 0.9375rem;
  --form-input-padding: 17.5px 16px;
  font-family: var(--font-body);
  line-height: 1.3;
}

.elc-iam .elc-dropdown-option,
.elc-iam .elc-dropdown-readonly-input,
.elc-iam.elc-iam-in-store .elc-dropdown-option {
  font-size: 0.9375rem;
}

body .elc-iam-terms-conditions {
  color: var(--color-black);
}

body .elc-iam-terms-conditions {
  font-size: 0.75rem;
  line-height: 1.2;
}

body .elc-iam .elc-dropdown {
  border-color: var(--color-primary-400);
  margin-inline-end: 10px;
}

body .elc-iam .elc-grid-column:last-child .elc-dropdown {
  margin-inline-end: 0;
}

body .elc-iam .elc-floating-label-string,
body .elc-iam .elc-floating-label-string span {
  padding: 0 1px;
  color: var(--color-primary-550);
  text-transform: uppercase;
  font-size: 0.75rem;
}

body .elc-iam.vulcan-iam .elc-floating-label-input-field + .elc-floating-label-string span {
  font-size: 0.75rem;
}

body .elc-iam .elc-iam-label {
  font-size: var(--text-base);
}

body .elc-iam .elc-iam-forgot-password-button {
  font-size: 0.9375rem;
  line-height: 1.3;
  letter-spacing: normal;
}

body .elc-iam .elc-iam-forgot-password-button:hover {
  color: var(--button-hover-background-color);
}

body .elc-iam .elc-iam-password-criteria-title {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: normal;
  margin-block-start: 5px;
}

body .elc-iam .elc-iam-passwordCriteria-wrapper .elc-iam-password-criteria-item {
  color: var(--color-primary-450);
}

body .elc-iam .elc-iam-passwordCriteria-wrapper .elc-iam-password-criteria-item::before {
  color: var(--color-primary-500);
}

body .elc-iam .elc-iam-passwordCriteria-wrapper .elc-iam-password-criteria-item.matched {
  color: var(--color-black);
}

body .elc-iam .elc-iam-passwordCriteria-wrapper .elc-iam-password-criteria-item.matched::before {
  color: var(--color-green);
}

body .elc-iam .elc-checkbox-label {
  --checkbox-label-font-size: var(--text-base);
  --checkbox-label-color: var(--color-black);
}

body .elc-iam .elc-iam-privacy-label {
  font-size: 0.75rem;
}

body .elc-iam .elc-social-wrapper-divider-text {
  padding-inline: 5px;
  font-size: 0.6875rem;
  line-height: 1.82;
  font-weight: 700;
}

body .elc-iam-in-store .elc-social-wrapper-divider-text {
  font-size: var(--text-lg);
  font-weight: unset;
}

body .elc-iam-in-store .elc-floating-label-string,
body .elc-iam-in-store .elc-floating-label-string span {
  font-size: var(--text-base);
}

body .elc-iam-in-store .elc-checkbox-label {
  font-size: 14px;
}

body .elc-iam .elc-dropdown-option,
body .elc-iam .elc-dropdown-readonly-input {
  font-size: var(--text-base);
}

.elc-floating-label-input,
.elc-input-field,
.elc-dropdown,
.elc-textarea {
  --form-input-background-disabled: var(--input-disabled-background);
  --form-input-border-color-disabled: var(--color-primary-100);
  --form-input-color-disabled: var(--color-black);
}

.elc-iam {
  --iam-loyalty-background: var(--color-primary-10);
}

.vulcan-iam .iam-loyalty .elc-iam-loyaltyCallout-wrapper::before {
  min-width: 44px;
  min-height: 46px;
  --brand-logo-loyalty: url("/tenant-web/brands/la_mer/loyalty-logo.png");
}
