/*
  Version: 1.0
*/


.ap-form {
    border: 1px solid var(--secondary);
    background-color: var(--bg-color);
    transition: background-color 0.3s linear;
}

.ap-form:hover {
    border: 1px solid var(--secondary);
    background-color: #ffffff;
    transition: background-color 0.3s linear;
}

/* .ap-form-input {
    background: transparent;
} */

.ap-form-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid var(--secondary);
  background: var(--bg-color);
}

.ap-form-input:hover:enabled {
  /* border: 2px solid var(--secondary); */
  background: white !important;
}

.ap-form-input:focus {
  /* border: 2px solid var(--secondary); */
  background: white !important;
  box-shadow: inset 0 0 0 1px var(--secondary);
}

.ap-form-input::selection {
  background: var(--secondary) !important;
  color: white;
}

.ap-form-input:disabled {
  color: var(--secondary-text);
  background: lightgray;
}

.ap-form-input-checkbox {
    appearance: checkbox;
    accent-color: var(--secondary);
}

.ap-form-input-button,
[type=button].ap-form-input-button,
[type=submit].ap-form-input-button,
[type=reset].ap-form-input-button {
  transition: background-color 600ms;
  height: 44px;
  background-color: var(--secondary);
  color: white;
  border-radius: 1.5rem;
}

.ap-form-input-button:hover {
  transition: background-color 300ms;
  background-color: var(--secondary-hover);
}

.ap-form-input-button:disabled {
  transition: background-color 600ms;
  background-color: var(--disabled);
}

.inline-link {
    display: inline;
    background-color: #000;
}

.ap-text-subtle {
  color: var(--text-subtle)
}

.ap-text-warning {
  color: var(--text-warning)
}