/* build/dist/app/main.css */
* {
  box-sizing: border-box;
}
body {
  background-color: black;
  color: white;
  font-family: monospace;
}
nav {
  display: flex;
}
nav a:nth-child(n+2) {
  margin-left: 1ch;
}
a {
  display: inline-block;
  color: white;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: white;
}
h1:before {
  content: ">";
  margin-right: 5px;
}
h2:before,
h3:before,
h4:before,
h5:before {
  content: "#";
  margin-right: 5px;
}

/* build/dist/discord/discord.css */
form:nth-child(odd) {
  background-color: #404040;
}
button {
  min-width: 2em;
}
button + label,
input + label {
  margin-left: 5px;
}
pre {
  border: 3px solid black;
  padding: 15px;
  overflow-y: scroll;
  max-height: 14em;
  border: 3px solid white;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
code {
  display: block;
  word-wrap: break-word;
  white-space: break-spaces;
}
.preview-box {
  border: 3px solid white;
  border-radius: 15px;
  background-image: url(/static/discord/bg_preview_overlay.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 5px;
}
textarea {
  display: block;
}
textarea.copy-paste {
  width: 100%;
  max-width: 500px;
}
textarea.copy-paste {
  min-height: 15em;
}
div.custom-animation textarea,
div.free-css textarea {
  resize: vertical;
  min-height: 6em;
  min-width: 320px;
}
div.controls {
  display: flex;
}
div.controls > * {
  margin: 5px;
}

/* build/dist/discord/vocal_preview.css */
#discord-preview [class*=Voice_voiceContainer__] {
  font-family: Whitney;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] {
  list-style-type: none;
  padding-left: 15px;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] [class*=Voice_voiceState__] {
  height: 50px;
  margin-bottom: 8px;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] [class*=Voice_voiceState__] [class*=Voice_avatar__] {
  height: 50px;
  width: 50px;
  border: 3px solid transparent;
  border-radius: 50%;
  float: left;
  margin-right: 8px;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] [class*=Voice_voiceState__] [class*=Voice_avatar__][class*=Voice_avatarSpeaking__] {
  border-color: #43b581;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] [class*=Voice_voiceState__] [class*=Voice_user__] {
  padding-top: 18px;
}
#discord-preview [class*=Voice_voiceContainer__] [class*=Voice_voiceStates__] [class*=Voice_voiceState__] [class*=Voice_user__] [class*=Voice_name__] {
  background-color: #1e2124;
  border-radius: 3px;
  padding: 4px 6px;
  font-family: system-ui;
}