@import '../themes/themes.scss';

alert-config-sk {
  algo-select-sk {
    display: block;
  }
}

alert-config-sk > h3 {
  margin: 1em 0 0.2em 0;
}

alert-config-sk > h4 {
  margin: 1em 0 0.2em 1em;
}

alert-config-sk > button {
  padding: 0.4em;
  height: initial;
  text-transform: initial;
}

alert-config-sk > input {
  display: block;
  color: var(--on-surface);
  background: var(--surface);
}

alert-config-sk > div,
alert-config-sk > input,
alert-config-sk > button,
alert-config-sk > checkbox-sk,
alert-config-sk > select-sk,
alert-config-sk > multi-select-sk,
alert-config-sk > query-chooser-sk,
alert-config-sk > algo-select-sk {
  margin-left: 3em;
}

alert-config-sk > query-chooser-sk {
  display: block;
}

alert-config-sk > query-chooser-sk button {
  margin: 0;
}

alert-config-sk a {
  color: var(--primary);
}

alert-config-sk > label {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  padding: 0.4em;
  margin-left: 3em;
  display: block;
}

alert-config-sk > spinner-sk {
  width: 12px;
  height: 12px;
  margin: 0;
  top: 0.25em;
  position: relative;
}

select-sk > *[selected] {
  color: var(--on-surface);
}