.hidden {
  display: none;
}

.hugo-goplay-summary {
  cursor: pointer;
}

.hugo-goplay-textarea {
  padding: 1rem;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / 0.1);
  font-family: monospace;
}

.hugo-goplay-result pre {
  padding: 1rem;
}

.hugo-goplay-result code {
  background: none !important;
  border: 0 !important;
}

.hugo-goplay-result .system {
  color: green;
}

.hugo-goplay-result .stderr {
  color: red;
}

.hugo-goplay-toolbox {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2rem;
}

.hugo-goplay-toolbox .hugo-goplay-button {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid var(--primary);
  padding: 0.15rem 0.75rem;
  border-radius: 4px;
  margin-left: 0.5rem;
  color: var(--primary);
  background-color: var(--theme);
}

.hugo-goplay-toolbox .hugo-goplay-button:hover {
  border: 1px solid var(--theme);
  color: var(--theme);
  background-color: var(--primary);
}

.hugo-goplay-toolbox .hugo-goplay-button:first-child {
  margin-left: 0;
}