/* Ergänzungen zu Pico CSS */

.uppercase {
  text-transform: uppercase;
}

.notice {
  border-left: 0.25rem solid var(--pico-primary);
}

.notice-error {
  border-left-color: var(--pico-del-color);
}

.name-preview output {
  font-family: var(--pico-font-family-monospace);
  font-size: 1.15em;
  font-weight: 600;
  margin-right: 0.5rem;
}

.name-preview output.too-long {
  color: var(--pico-del-color);
}

.template-bar {
  margin-bottom: 0.25rem;
}

#template-status {
  display: block;
  min-height: 1.5em;
  margin-bottom: 1rem;
}

table.functions {
  --pico-form-element-spacing-vertical: 0.3rem;
  --pico-form-element-spacing-horizontal: 0.5rem;
}

table.functions th,
table.functions td {
  padding: 0.25rem 0.5rem;
  vertical-align: middle;
}

table.functions select,
table.functions input {
  margin-bottom: 0;
}

table.functions .code-cell {
  display: flex;
  gap: 0.5rem;
  min-width: 14rem;
}

table.functions .custom-code {
  width: 7rem;
  flex: none;
}

.js table.functions .custom-code.hidden {
  display: none;
}

table.functions tr.locked {
  opacity: 0.5;
}

table.functions .hint {
  font-size: 0.8em;
  color: var(--pico-muted-color);
  min-width: 14rem;
}