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

@import url("chrome://browser/content/usercontext/usercontext.css");

#name::part(label) {
  font-weight: var(--font-weight-semibold);
}

#containerForm {
  display: flex;
  padding: var(--space-large);
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-large);
}

.swatches::part(inputs) {
  justify-content: space-between;
}

.swatch {
  --visual-picker-item-border-radius: var(--border-radius-circle);
  --visual-picker-item-border-color: transparent;
  inline-size: var(--size-item-large);
  block-size: var(--size-item-large);
}

.swatch .userContext-icon {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-size: 22px;
}

#iconSwatches .userContext-icon {
  fill: var(--icon-color);
  background-size: 16px;
}