body {
  --color-body-minimal-bg: var(--color-primary-150);
}

:root,
body,
body .elc-iam {
  --bg-tab-hover: var(--color-secondary);
  --color-warning: #e06800;
  --color-warning-background: #fffcf2;
  --checkbox-label-color: var(--color-black);
  --iam-loyalty-background: #eeede9;
  --text-password-criteria: #36563d;
  --color-password-strength-medium: #a86500;
  --color-password-strength-weak: #a80000;
}

@media (min-width: 1024px) {
  body .elc-iam .elc-tabs__tab {
    margin-block-start: 30px;
  }
}

body .elc-iam .elc-button {
  --button-font-size: 18px;
  --button-font-weight: 400;
  block-size: 40px;
}

body .elc-iam .elc-iam-forgot-password-button {
  font-size: 16px;
}

body .elc-iam .elc-iam-sign-in-button {
  margin-block-start: 0;
}

body .elc-iam .elc-iam-wrapper {
  background-color: var(--color-white);
  color: var(--color-black);
}

body .elc-iam .elc-tabs__tab .elc-tabs__tab-text {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
}

body .elc-iam .elc-tabs__tab.elc-tabs__tab--current .elc-tabs__tab-text {
  color: var(--color-black);
  font-size: 1rem;
  font-weight: 600;
}

body .elc-iam .elc-tabs__tab {
  --border-current: #a3a3a3;
}

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

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

body .elc-iam .elc-input-field {
  --form-input-border-color: var(--color-black);
  --form-input-font-size: 20px;
  color: var(--color-black);
}

body .elc-iam input:focus,
body .elc-iam input:focus-visible {
  --tw-ring-color: transparent;
  --form-input-border-color-focus: var(--color-black);
}

body .elc-iam.vulcan-iam .elc-floating-label-string {
  color: var(--color-black);
  padding: 0 2px;
  font-size: 1rem;
}

body .elc-iam.vulcan-iam .elc-floating-label-input-field:focus+.elc-floating-label-string span,
body .elc-iam.vulcan-iam .elc-floating-label-input-field:not(:placeholder-shown)+.elc-floating-label-string span,
body .elc-iam.vulcan-iam .elc-floating-label-input-field+.elc-floating-label-string span {
  font-size: 1rem;
}

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-in-store .elc-dropdown-options-list {
  padding-inline-start: 0;
}

.elc-iam-in-store input.elc-floating-label-input,
.elc-iam-in-store input.elc-input-field,
.elc-iam-in-store input.elc-dropdown,
.elc-iam-in-store .elc-dropdown-wrapper,
.elc-iam-in-store .elc-dropdown-input-wrapper,
.elc-iam-in-store textarea.elc-textarea {
  --form-input-border-color: var(--color-or-medium-grey);
  --form-input-background-disabled: var(--input-disabled-background);
  --form-input-border-color-disabled: var(--color-primary-400);
  --form-input-color-disabled: var(--color-black);
}

.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-400);
  --form-input-color-disabled: var(--color-black);
}

.elc-iam .elc-dropdown-option,
.elc-iam .elc-dropdown-readonly-input,
.elc-iam.elc-iam-in-store .elc-dropdown-option {
  font-size: var(--form-input-font-size);
}

.elc-iam .elc-iam-terms-conditions {
  font-size: 12px;
}

.elc-iam .elc-checkbox {
  --checkbox-label-color: var(--color-black);
}

body .elc-iam input[type='checkbox'] {
  color: var(--color-black);
}

body .elc-iam .elc-iam-privacy-label,
body .elc-iam-terms-conditions,
body .elc-iam-reviewPrivacyNotice-wrapper {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-black);
  margin-block-start: 0.5rem;
}

body .elc-iam .elc-eye-icon,
body .elc-iam .elc-eye-crossed-icon {
  fill: var(--color-black);
  opacity: 1;
}

.elc-iam .elc-iam-info-message p {
  color: var(--color-black);
  background: var(--color-or-light-grey);
  border: none;
}

.elc-iam-alert.elc-iam-alert-warning {
  --iam-alert-warning-color: var(--color-black);
  --iam-alert-warning-bg: var(--color-warning-background);
  --iam-alert-warning-border-color: var(--color-or-warning);
}

.elc-iam-alert-title {
  font-size: 18px;
}

.elc-iam-in-store .elc-iam-alert .elc-button {
  font-size: var(--text-base);
}

.elc-iam-in-store .elc-iam-alert.elc-iam-alert-warning .elc-iam-alert-icon::after {
  background-image: url('../icons/warning-14450865c4e105f035b4d88d752af96d.svg?vsn=d');
}

.elc-iam input.elc-input-field.elc-input-field-highlighted {
  color: var(--color-black);
  border-color: var(--color-or-warning);
}

.elc-iam input.elc-input-field-highlighted+.elc-floating-label-string span.elc-floating-label__text-wrapper {
  color: var(--color-or-warning);
}

body .vulcan-iam .elc-iam-wrapper {
  padding: 8px 0 20px;
}

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

body .vulcan-iam .elc-tabs__tab {
  block-size: 60px;
}

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

@media (min-width: 1024px) {
  body .vulcan-iam .elc-iam-wrapper {
    padding: 0;
    padding-block-end: 30px;
  }

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

  body .vulcan-iam .elc-tabs__tab {
    block-size: 48px;
  }
}