.form {
  display: flex;
  flex-direction: column;
  gap: var(--block-space);
  max-inline-size: 32rem;
}

.panel-main .form {
  max-inline-size: none;
}

.form__group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.form__label {
  font-size: 0.875rem;
  font-weight: 600;
}

.form__hint {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
}

.form__hint--error {
  color: var(--color-danger, #c0392b);
}

.input {
  background-color: var(--input-background, transparent);
  border-radius: 0.5em;
  border: 1px solid var(--color-border-darker);
  color: var(--color-text);
  font-size: max(16px, 1em);
  inline-size: 100%;
  padding: 0.55em 0.85em;
}

.input:focus {
  border-color: var(--color-selected-dark);
  box-shadow: 0 0 0 var(--hover-size) var(--color-selected-dark);
  outline: none;
}

.input--mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.8125rem;
}

.form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.form__row .input {
  flex: 1 1 8rem;
}

.form--inline {
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
  max-inline-size: none;
}

.form--inline .input-with-action {
  max-inline-size: 16rem;
}

.input--small {
  font-size: 0.875rem;
  max-inline-size: 14rem;
  padding: 0.4em 0.65em;
}

.checkbox-group__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-block-end: var(--block-space);
}

.checkbox-group__items {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.checkbox-group__master {
  font-weight: 600;
}

.input-with-action {
  align-items: stretch;
  display: flex;
  gap: 0.5rem;
}

.input-with-action .input {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.input-with-action--stacked {
  align-items: flex-end;
  flex-direction: column;
}

.input-with-action--stacked .input {
  inline-size: 100%;
}

.input-with-action__btn {
  flex-shrink: 0;
  white-space: nowrap;
}

.input--masked {
  -webkit-text-security: disc;
  text-security: disc;
}

.copyable-block .toolbar {
  margin-block-start: 0.5rem;
}

.copyable-inline {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.copyable-inline--block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}

.copyable-inline code {
  word-break: break-all;
}

.filter-list__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-block-end: 0.65rem;
}

.filter-list__bar {
  margin-block-end: var(--block-space);
  max-inline-size: 20rem;
}

.panel-main .filter-list__bar {
  max-inline-size: none;
}

.panel-main .upload-launch__actions .form__label {
  text-align: start;
}

.paste-field__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block-start: 0.35rem;
}

.sample-deploy__form {
  flex-wrap: wrap;
  justify-content: center;
  margin-block-start: 0.75rem;
}

.sample-deploy__picker {
  min-width: 14rem;
}