.components-forms__input {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 8px;
  margin-bottom: 8px;
  border: undefined;
  border: 1px solid var(--grey1);
  border-radius: 2px;
  background-color: undefined;
  background-color: var(--white1);
}.components-forms__button {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 8px;
  margin-bottom: 8px;
  border: undefined;
  border: 1px solid var(--grey1);
  border-radius: 2px;
  background-color: undefined;
  background-color: var(--white1);
}

.components-forms__input:focus {
  border-color: undefined;
  border-color: var(--brand1);
}

.components-forms__button {
  margin: 4px 0;
}

.components-forms__button:hover {
  background-color: white;
}

.components-forms__button:active {
  background-color: undefined;
  background-color: var(--grey2);
}

.components-forms__button.components-forms__full {
  width: 100%;
}

.components-containers__panel {
  padding: 16px;
  margin: 8px;
  border: undefined;
  border: 2px solid var(--grey1);
  border-radius: 4px;
  background-color: undefined;
  background-color: var(--white2);
}

.components-containers__centeredX > .components-containers__panel,
.components-containers__centeredY > .components-containers__panel {
  display: inline-block;
}

.components-containers__centeredX {
  display: flex;
  justify-content: center;
  width: 100%;
}

.components-containers__centeredY {
  height: calc(100% - 8px);
  display: flex;
  align-items: center;
}

.components-typography__body {
  font-family: Helvetica, Arial, sans-serif;
  color: undefined;
  color: var(--black1);
}.components-typography__label {
  font-family: Helvetica, Arial, sans-serif;
  color: undefined;
  color: var(--black1);
}

.components-typography__label {
  font-size: 12px;
  line-height: 16px;
}

.components-typography__labelOuter {
  padding-bottom: 4px;
}