/* 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/. */

moz-card {
  background-color: var(--sidebar-box-background);
  box-shadow: none;
  color: var(--sidebar-box-color);
  border: var(--sidebar-box-border);
  border-radius: var(--border-radius-medium);
  border-width: var(--sidebar-box-border-width);
  border-color: var(--sidebar-box-border-color);
}

.delete-login-button-container {
  display: flex;
  justify-content: end;
  height: 0;
}

/* Add spacing between fieldset legend text and fields */
moz-input-url,
moz-input-password,
.origin-field-readonly {
  margin-block-start: var(--space-medium);
}

.origin-field-readonly {
  display: flex;
  flex-direction: column;
  gap: var(--space-small);
}

.origin-field-readonly .origin-input {
  text-overflow: ellipsis;
  overflow: hidden;
}

origin-warning,
password-warning {
  display: none;
}

origin-warning.invalid-input,
password-warning.invalid-input {
  display: block;
}

.field-container {
  position: relative;
}

.field-description {
  margin-block: var(--space-small) 0;
  font-size: var(--font-size-small);
  color: var(--text-color-deemphasized);
}

.remove-login-card {
  display: flex;
  flex-direction: column;

  > moz-button-group {
    margin-block-start: var(--space-xxlarge);
  }
}

.remove-card-back {
  display: flex;
  align-items: center;

  > p {
    margin-block: 0;
    margin-inline: var(--space-xsmall);
  }
}

.remove-card-text {
  display: flex;
  flex-direction: column;
  margin: var(--space-medium);
  row-gap: var(--space-small);

  > h3,
  > p {
    margin-block: 0;
  }
}
