* {
  color: darkblue;
  font-family: "JetBrains Mono", "Andale Mono", "Droid Sans Mono", monospace;
}
body {
  background-color: #c3c3c4;
  max-width: 800px;
  padding-inline: 8px;
  margin-inline: auto;
}
button,
input[type="submit"] {
  cursor: pointer;
  font-size: 1em;
  background-color: midnightblue;
  color: white;
  border-radius: 0.3em;
}
button:active,
input[type="submit"]:active {
  background-color: #323dca;
}
input[type="checkbox"] {
  accent-color: darkorange;
}
input[type="text"].invalid-input {
  border: 2px solid red;
}
hr {
  width: 100%;
}
.text-secondary {
  color: #323dca;
}
.text-secondary.small {
  font-size: 0.8em;
}
select {
  cursor: pointer;
}
.danger-stripes {
  --stripe-color1: rgba(255, 165, 0, 0.5);
  --stripe-color2: rgba(255, 213, 0, 0.5);
  background-color: white;
  background-size: 200%;
  background-image: repeating-linear-gradient(108deg, var(--stripe-color1) 0%, var(--stripe-color1) 5%, var(--stripe-color2) 5%, var(--stripe-color2) 10%, var(--stripe-color1) 10%);
  animation: stripes-scroll 10s linear infinite;
}
@keyframes stripes-scroll {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 100%;
  }
}
.boilerplate-generators-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.boilerplate-generator.collapsed :not(.boilerplate-generator-title) {
  display: none;
}
.boilerplate-generator-title {
  cursor: pointer;
  margin-block: 0.5em;
}
.boilerplate-generator:not(.collapsed) .boilerplate-generator-title {
  color: darkorange;
  background-color: darkblue;
  padding: 0.5em;
  border-radius: 0.5em;
}
.boilerplate-generator hr {
  margin-block: 1.2em;
}
.boilerplate-generator-output-block {
  display: flex;
  flex-direction: column;
}
.boilerplate-generator-output {
  margin-block: 0;
  margin-block-end: 8px;
  min-height: 1em;
  line-height: 1em;
  word-break: keep-all;
  white-space: pre-wrap;
  padding-inline: 0.5em;
  padding-block: 0.9em;
  border-radius: 0.3em;
  font-family: monospace;
  font-size: 1.5em;
  color: #c3c3c4;
  background-color: #0f0f30;
}
.boilerplate-generator-output.terminal {
  color: white;
}
.boilerplate-generator-output.terminal::before,
.boilerplate-generator-output.terminal::after {
  color: #ff8c00a5;
}
.boilerplate-generator-output.terminal::before {
  content: 'cwd>';
}
.boilerplate-generator-output.terminal::after {
  content: '_';
}
body.cursor .boilerplate-generator-output.terminal::after {
  content: '█';
}
.boilerplate-generator-error-list:empty {
  display: none;
}
.boilerplate-generator-output-copy-button.temporary-text-visible {
  pointer-events: none;
}
.boilerplate-generator-presets {
  all: unset;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
.boilerplate-generator-presets:empty {
  display: none;
}
.boilerplate-generator-presets:empty + hr {
  display: none;
}
form.boilerplate-generator-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 650px;
  margin-inline: auto;
}
.boilerplate-generator-form-input input[type='checkbox']:checked + label[data-token]::after {
  margin-inline-start: 8px;
  font-size: 0.8em;
  color: #c3c3c4;
  background-color: #a4a4a8;
  padding-inline: 0.25em;
  border-radius: 0.3em;
  content: attr(data-token);
}
.boilerplate-generator-dependent-inputs .boilerplate-generator-form-input::before {
  content: attr(data-treeview-branch);
  white-space: pre;
  color: #a4a4a8;
}
.boilerplate-generator-form-input input[type='checkbox']:not(:checked) ~ .boilerplate-generator-dependent-inputs {
  opacity: 0.5;
  pointer-events: none;
}
/*# sourceMappingURL=index.css.map */