.wt-domain {
  max-width: 48rem;
  padding: clamp(20px, 4vw, 40px);
  color: var(--main-fontcolor, #000);
  background: var(--bgcolor, #fff);
  border: 1px solid var(--border-color, #f0f0f0);
  border-radius: var(--border-radius, 20px);
  box-shadow: var(--box-shadow, 0 0 10px #00000020);
  font: var(--main-fontsize, 16px)/var(--main-lineheight, 26px) var(--main-fontfamily, 'Open Sans', sans-serif);
}
.wt-domain h2, .wt-domain h3 {
  color: var(--headline-fontcolor, #032850);
  font-family: var(--head-fontfamily, Montserrat, sans-serif);
  line-height: 1.35;
}
.wt-domain form { margin-block: 1.25rem; }
.wt-domain label { display: block; margin-bottom: 8px; color: var(--label-fontcolor, #032850); }
.wt-domain select {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--input-height, 50px);
  padding: var(--input-space, 10px);
  color: var(--input-fontcolor, #032850);
  background: var(--input-bgcolor, #f0f0f0);
  border: 1px solid var(--input-bordercolor, #ddd);
  border-radius: var(--border-radius-soft, 3px);
  font: inherit;
}
.wt-domain button {
  margin-top: 12px;
  padding: 12px 20px;
  color: var(--button-link-fontcolor, #fff);
  background: var(--button-link-bg, #032850);
  border: 1px solid var(--button-link-bordercolor, #032850);
  border-radius: var(--button-radius, 3px);
  font: inherit;
  cursor: pointer;
}
.wt-domain button:hover {
  color: var(--button-link-fontcolor-hover, #fff);
  background: var(--button-link-bg-hover, #ee7202);
  border-color: var(--button-link-bordercolor-hover, #ee7202);
}
.wt-domain button.wt-domain__link {
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--link-color, #ee7202);
  text-decoration: underline;
}
.wt-domain button.wt-domain__link:hover { color: var(--link-color-hover, #032850); }
.wt-domain :is(button, select):focus-visible { outline: 3px solid var(--main-color, #ee7202); outline-offset: 4px; }
.wt-domain__result, .wt-domain__message {
  padding: 16px;
  border-left: 4px solid var(--main-color, #ee7202);
  background: var(--bgcolorLight, #f0f0f0);
  overflow-wrap: anywhere;
}
.wt-domain__code { font-size: 1.3em; user-select: all; white-space: pre-wrap; }
.wt-domain__hint { font-size: .9em; }

.wt-domain__code-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wt-domain__code-row button { margin-top: 0; }
.wt-domain__copy-status:empty { display: none; }
.wt-domain [hidden] { display: none !important; }

.wt-domain :is(button, select):disabled { opacity: .55; cursor: wait; }
.wt-domain form[aria-busy="true"] { cursor: wait; }

.wt-domain form[aria-busy="true"] :is(button, select) { pointer-events: none; }

.wt-domain form[inert] :is(button, select) { opacity: .55; }