.popup-container {
  --iv-auth-surface: #1d1d1d;
  --iv-auth-field-bg: #2a2a2a;
  --iv-auth-field-border: rgba(255, 255, 255, 0.14);
  --iv-auth-field-border-focus: #fc4c02;
  --iv-auth-field-text: #ffffff;
  --iv-auth-field-placeholder: rgba(255, 255, 255, 0.56);
  --iv-auth-focus-ring: rgba(252, 76, 2, 0.24);
}

.popup-container .iv-auth-field-gap {
  margin-top: 10px;
}

.popup-container .iv-auth-hidden {
  display: none;
}

.popup-container .iv-auth-feedback {
  line-height: 1.45;
}

.popup-container .iv-auth-feedback-success {
  color: #7ed88f;
}

.popup-container .iv-auth-feedback-error {
  color: #ff8a80;
}

.popup-container .form-group {
  border: 1px solid var(--iv-auth-field-border);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.popup-container .form-group:focus-within {
  background: var(--iv-auth-field-bg);
  border-color: var(--iv-auth-field-border-focus);
  box-shadow: 0 0 0 3px var(--iv-auth-focus-ring);
}

.popup-container .form-group input,
.popup-container .form-group select,
.popup-container .otp-boxes input {
  caret-color: var(--iv-auth-field-border-focus);
}

.popup-container .form-group input:focus,
.popup-container .form-group select:focus,
.popup-container .otp-boxes input:focus {
  background: transparent;
  color: var(--iv-auth-field-text);
  outline: none;
}

.popup-container .form-group input::placeholder {
  color: var(--iv-auth-field-placeholder);
}

.popup-container .form-group input:-webkit-autofill,
.popup-container .form-group input:-webkit-autofill:hover,
.popup-container .form-group input:-webkit-autofill:focus,
.popup-container .form-group input:-webkit-autofill:active {
  border: 0;
  -webkit-box-shadow: 0 0 0 1000px var(--iv-auth-field-bg) inset;
  box-shadow: 0 0 0 1000px var(--iv-auth-field-bg) inset;
  -webkit-text-fill-color: var(--iv-auth-field-text);
  transition: background-color 9999s ease-in-out 0s;
}

.popup-container .otp-boxes input {
  border: 1px solid var(--iv-auth-field-border);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.popup-container .otp-boxes input:focus {
  background: var(--iv-auth-field-bg);
  border-color: var(--iv-auth-field-border-focus);
  box-shadow: 0 0 0 3px var(--iv-auth-focus-ring);
}