.wrapper :global(.prism-code-editor),
.textarea {
  font-size: 0.875rem;
  color: var(--np-gray-700);
  width: 100%;
  background-color: white;
  border-color: var(--np-gray-300);
  border-radius: 0.25rem;
  border-width: 1px;
  transition: all 150ms var(--np-ease-out-expo);
  padding: 0.25rem 0.5rem;
}

.textarea {
  tab-size: 4;
}

.wrapper :global(.prism-code-editor):hover,
.textarea:hover {
  box-shadow:
    0 0 0 1px white,
    0 0 0 3px var(--np-accent-300);
  outline: none;
}

.wrapper :global(.prism-code-editor.pce-focus),
.textarea:focus {
  border-bottom-color: transparent;
  box-shadow:
    0 0 0 1px white,
    0 0 0 3px var(--np-accent-400);
  outline: none;
}

.parents-label {
  display: contents;
}