/* night-mode-specific colours */
/* Copyright: Ankitects Pty Ltd and contributors
 * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
anki-body hr {
  background-color: #ccc;
}

.anki-body {
  padding: 1rem;
  margin: auto;
  margin-top: 2rem;
}

.anki-body.nightMode {
  background-color: #2f2f31;
  color: white;
}

anki-body img {
  max-width: 95%;
  max-height: 95vh;
}

.anki-body #_flag {
  position: fixed;
  right: 10px;
  top: 0;
  font-size: 30px;
  display: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.anki-body #_mark {
  position: fixed;
  left: 10px;
  top: 0;
  font-size: 30px;
  color: yellow;
  display: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.anki-body #typeans {
  width: 100%;
  box-sizing: border-box;
}

.anki-body .typeGood {
  background: #0f0;
}

.anki-body .typeBad {
  background: #f00;
}

.anki-body .typeMissed {
  background: #ccc;
}

.anki-body .replay-button {
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  margin: 3px;
}
.anki-body .replay-button svg {
  width: 40px;
  height: 40px;
}
.anki-body .replay-button svg circle {
  fill: #fff;
  stroke: #414141;
}
.anki-body .replay-button svg path {
  fill: #414141;
}

.anki-body .nightMode .latex {
  filter: invert(100%);
}

.anki-body .drawing {
  zoom: 50%;
}

.anki-body .nightMode img.drawing {
  filter: invert(1) hue-rotate(180deg);
}

#toggle-card-btn {
	display: block;
	margin: auto;
	margin-top: 2rem;
}