body {
  background: var(--ground, #181719);
}
.container-custom {
  max-width: 560px;
  margin: 0 auto;
  padding: 1rem;
}
.toast-container {
  max-height: 100vh;
  overflow-y: auto;
}
option {
  background-color: #333;
  color: #fff;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form-control::placeholder {
  opacity: 0.5;
}
.btn-check:checked + .btn {
  background: #a2e436;
}
#interactions label {
  height: 100%;
}
#interactions label img {
  max-width: 100%;
}
#contestants label img {
  max-width: 100%;
}
.stripe-link {
  opacity: 0.5;
}
.body-admin .container-custom {
  max-width: 840px;
}
#admin-actions {
  overflow-y: scroll;
  height: 80vh;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
  border: 1px solid rgba(0,0,0,0.5);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
}
@font-face {
  font-family: 'BlueStone';
  src: url("/fonts/BlueStone.ttf");
}
.body-obs {
  background: none;
  font-family: 'BlueStone', sans-serif;
  text-stroke: 0.11em #000;
  -webkit-text-stroke: 0.11em #000;
  color: #fff;
  zoom: 200%;
}
#obs-goal {
  left: 2%;
  right: 23%;
  margin-top: 1.3rem;
}
#obs-goal-progress {
  height: 2rem;
  text-stroke: initial;
  -webkit-text-stroke: initial;
}
#obs-goal-text {
  margin-top: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
#obs-stamp {
  right: 0%;
  margin-top: 0rem;
  transition: all 1s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transform: translateX(100%);
}
#obs-stamp.show {
  transform: translateX(0%);
}
#obs-stamp-img {
  height: 8rem;
}
#obs-ribbon {
  left: 2%;
  right: 23%;
  margin-top: 2rem;
  transition: all 1s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transform: translateY(-100%);
}
#obs-ribbon.show {
  transform: translateY(0%);
}
#obs-ribbon-label {
  font-size: 2.5rem;
  background: url("/ribbon.png") no-repeat center center/contain;
  padding-bottom: 2rem;
}