:host(*) {
  --header-background-color: rgb(var(--contrast-600));
  display: flex;
  flex-direction: column;
  border: 1px dashed rgb(var(--contrast-700));
  overflow: clip;
  border-radius: 0.75rem;
  background-color: rgb(var(--contrast-500));
}

* {
  box-sizing: border-box;
}

.label {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.config-component {
  display: grid;
  column-gap: 1rem;
  row-gap: 1rem;
  margin: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}