/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.error-text {
  color: #fff;
  background-color: #d70022;
  border-radius: 2px;
  margin: 5px 3px 0 3px;
  /* The padding-top and padding-bottom are referenced by address-form.js */ /* TODO */
  padding: 5px 12px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 100%;
  visibility: hidden;
}

/* ::before is the error on the error text panel */
:is(input, textarea, select) ~ .error-text::before {
  background-color: #d70022;
  top: -7px;
  content: '.';
  height: 16px;
  position: absolute;
  text-indent: -999px;
  transform: rotate(45deg);
  white-space: nowrap;
  width: 16px;
  z-index: -1
}

/* Position the arrow */
.error-text:dir(ltr)::before {
  left: 12px
}

.error-text:dir(rtl)::before {
  right: 12px
}

:is(input, textarea, select):-moz-ui-invalid:focus ~ .error-text {
  visibility: visible;
}

address-form > footer > .cancel-button {
  /* When cancel is shown (during onboarding), it should always be on the left with a space after it */
  margin-right: auto;
}

address-form > footer > .back-button {
  /* When back is shown (outside onboarding) we want "Back <space> Add/Save" */
  /* Bug 1468153 may change the button ordering to match platform conventions */
  margin-right: auto;
}