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

body .elc-iam {
  /* customize iam/tokens */
  --color-black: #221f20;
  --color-primary-50: #f5f5f5;
  --color-primary-100: #a3a3a3;
  --color-primary-300: #e9e9e9;
  --color-primary-500: #6f6d6e;
  --color-primary-550: #666666;
  --color-primary-900: var(--color-black);
  --color-primary-950: #303030;
  --color-error: #ee0000;
  --color-warning: #b98601;
  --color-green: #087443;
  --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-primary-100);
  --crossed-eye-bg: var(--color-primary-900);

  --iam-disclaimer-info-icon-svg: url("data:image/svg+xml,%3Csvg  fill='none' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M7.332 5.167h1.333V6.5H7.332V5.167Zm0 2.667h1.333v4H7.332v-4Zm.667-6A6.67 6.67 0 0 0 1.332 8.5a6.67 6.67 0 0 0 6.667 6.667A6.67 6.67 0 0 0 14.665 8.5 6.67 6.67 0 0 0 8 1.833Zm0 12A5.34 5.34 0 0 1 2.665 8.5 5.34 5.34 0 0 1 8 3.167 5.34 5.34 0 0 1 13.332 8.5a5.34 5.34 0 0 1-5.333 5.334Z'/%3E%3C/svg%3E");
  --iam-disclaimer-tooltip-border: var(--color-black);
  --iam-disclaimer-tooltip-background: var(--color-black);
  --iam-disclaimer-tooltip-shadow: transparent;
  --iam-disclaimer-tooltip-border-radius: 0;

  --iam-alert-warning-color: var(--color-primary-550);
  --checkbox-label-padding-inline-end: 30px;
  --dropdown-wrapper-block-size: 56.5px;
}

body .elc-iam .elc-button {
  --button-color: var(--color-white);
  --button-background-color: var(--color-black);
  --button-hover-color: var(--color-primary);
  --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: auto;
  block-size: auto;
  padding: 12px 24px;
}

body .elc-iam .elc-iam-wrapper {
  background-color: var(--color-white);
  padding-block-end: 0;
}

@media (min-width: 1024px) {
  .elc-iam .elc-iam-wrapper {
    border: 1px solid #d4d4d4;
  }
}

body .elc-iam .elc-tabs__panel {
  padding-block-end: 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 {
  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;
  border-block-end: 1px solid var(--color-primary-500);
}

body .elc-iam .elc-tabs__tab.elc-tabs__tab--current {
  border-block-end: 3px 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-500);
}

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

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

body .elc-iam input {
  --form-input-border-color: var(--color-primary-100);
  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;
  font-family: var(--font-body);
}

.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-black);
  text-transform: none;
}

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-password-criteria-item-wrapper {
  color: var(--color-primary-600);
}

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-password-strength-strong);
}

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-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-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);
}

body .elc-iam .elc-iam-privacy-hidden-text,
body .elc-iam .elc-iam-privacy-hidden-text a {
  color: white;
}

body .iam-loyalty .elc-iam-section-loyaltySection-wrapper {
  --iam-loyalty-background: var(--color-primary-300);
}

body .iam-loyalty .elc-iam-section-loyaltySection-wrapper .elc-iam-loyaltyCallout-wrapper p {
  font-size: 15px;
}

body .elc-iam .elc-checkbox-label {
  --checkbox-label-font-size: 12px;
}

body .elc-iam .elc-eye-icon,
body .elc-iam .elc-eye-crossed-icon {
  opacity: 1;
}

.elc-iam .elc-iam-info-message p,
.elc-iam .elc-iam-warning-message p,
.elc-iam .elc-iam-error-message p {
  border: none;
  font-size: var(--text-base);
}

body .vulcan-iam .elc-iam-guest-checkout .elc-iam-emailPromotions-wrapper {
  margin-block-start: 22px;
}

body .vulcan-iam .elc-checkbox-label {
  --checkbox-label-line-height: 1.2;
}

body .vulcan-iam .iam-loyalty .elc-iam-section-loyaltySection-wrapper {
  padding-block-start: 10px;
}

body .vulcan-iam .iam-loyalty .elc-iam-loyaltyCallout-wrapper::after {
  --iam-loyalty-color: #AFB4BB;
}

body .vulcan-iam .elc-iam-reviewPrivacyNotice-wrapper {
  margin-block-start: 4px;
}

body .vulcan-iam .elc-iam-sign-in-button {
  margin-block-start: 24px;
}

body .vulcan-iam .elc-iam-signup.iam-loyalty .elc-iam-submit-button {
  margin: 16px 0 0;
}

body .vulcan-iam .elc-iam-guest-checkout .elc-iam-submit-button {
  margin: 16px 0 0;
}

body .vulcan-iam .elc-iam-privacy-label__title::before {
  --iam-disclaimer-info-icon-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7.5" stroke="%23221F20"/><path d="M8 11.7334V6.40002" stroke="%23221F20"/><path d="M8 5.33333L8 4.26666" stroke="%23221F20"/></svg>');
  inline-size: 16px;
  block-size: 16px;
  inset-inline-end: -1.45rem;
}

body .vulcan-iam .elc-iam-emailPromotions-wrapper .elc-checkbox {
  margin-block-start: 2px;
}

body .vulcan-iam .elc-tabs__tab {
  height: 58px;
}

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

body .vulcan-iam .elc-input-field {
  --form-input-border-color: var(--color-primary-500);
  --form-input-border-color-focus: var(--color-black);
}

body .vulcan-iam .elc-iam-forgot-password-button {
  font-weight: 400;
}

body .vulcan-iam .elc-iam-submit-button {
  margin: 24px 0 0;
}

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

@media (min-width: 1024px) {
  body .vulcan-iam .elc-tabs__panel {
    padding: 37px 0;
  }

  body .vulcan-iam .elc-iam-signup.iam-loyalty .elc-iam-submit-button {
    margin: 10px 0 10px;
    padding: 12px 24px;
  }
}