:host {
  display: block;
}

:host[hidden] {
  display: none;
}

:host > main {
  border: solid 2px rgb(var(--smoothly-primary-color));
}

:host > main > header {
  font-size: 1.2em;
  padding: 0.4em;
  display: flex;
  background-color: rgb(var(--smoothly-primary-color));
  color: rgb(var(--smoothly-primary-contrast));
  font-family: var(--smoothly-font-family);
}

:host > main > header > smoothly-icon {
  width: 1.1em;
  height: auto;
  margin-right: 0.4em;
  fill: rgb(var(--smoothly-primary-contrast));
}

:host > smoothly-submit {
  margin-top: 2rem;
  background-color: rgb(var(--smoothly-success-color));
  color: rgb(var(--smoothly-success-contrast));
  font-family: var(--smoothly-font-family);
}