@import url("../../../assets/media-workbench.css");

.shieldbadge-tool .suite-actions {
  margin-top: 16px;
}

.shieldbadge-board {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 24px;
  background:
    radial-gradient(circle at top left, rgba(47, 128, 237, 0.16), transparent 32%),
    linear-gradient(180deg, #f8fbff 0%, #edf3fb 100%);
}

.shieldbadge-preview {
  width: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shieldbadge-preview svg {
  max-width: 100%;
  height: auto;
  display: block;
}

.shieldbadge-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--suite-text);
}

.shieldbadge-check input {
  width: 18px;
  height: 18px;
  margin: 0;
}