body {
  padding: 1px; }

.gist {
  max-width: 800px; }

.k-armed-bandit-plugin {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  font-family: 'Lato', sans-serif; }
  .k-armed-bandit-plugin message {
    display: none; }
  .k-armed-bandit-plugin .banditBlocker {
    top: 0px !important;
    width: 600px;
    height: 190px;
    background-color: rgba(255, 255, 255, 0.9); }
  .k-armed-bandit-plugin .allMessagesContainer {
    top: 194px !important;
    width: 600px;
    height: 186px;
    background-color: rgba(255, 255, 255, 0.9); }
  .k-armed-bandit-plugin .messagesContainer {
    position: absolute;
    width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .k-armed-bandit-plugin .messagesContainer p {
      margin: 10px 30px;
      font-size: 16px; }
  .k-armed-bandit-plugin .messagesContainer.clickable {
    cursor: pointer; }
  .k-armed-bandit-plugin svg {
    background-color: #fff;
    outline: 1px solid black;
    font-family: 'Lato', sans-serif; }
    .k-armed-bandit-plugin svg .pluginButton {
      cursor: pointer; }
    .k-armed-bandit-plugin svg .banditButton:hover rect {
      fill: #a33;
      stroke: #700;
      transition: 0.2s; }
    .k-armed-bandit-plugin svg .banditButton {
      cursor: not-allowed; }
      .k-armed-bandit-plugin svg .banditButton rect {
        fill: #3a3;
        stroke: #070;
        transition: 0.5s; }
      .k-armed-bandit-plugin svg .banditButton .banditValueGives {
        font-size: 13px; }
      .k-armed-bandit-plugin svg .banditButton .banditValueProbability {
        font-size: 11px; }
      .k-armed-bandit-plugin svg .banditButton .trueAverage {
        font-size: 11px; }
    .k-armed-bandit-plugin svg .banditButton.clickable {
      cursor: pointer; }
  .k-armed-bandit-plugin svg.revealMode .banditButton rect {
    fill: rgba(30, 240, 30, 0.08);
    transition: 0.5s; }
  .k-armed-bandit-plugin svg:not(.allowContinue) .pluginButton.continue {
    opacity: 0.4;
    cursor: default; }
  .k-armed-bandit-plugin svg:not(.allowReveal) .pluginButton.reveal {
    opacity: 0.4;
    cursor: default; }
  .k-armed-bandit-plugin svg:not(.allowReplay) .pluginButton.replay {
    opacity: 0.4;
    cursor: default; }
  .k-armed-bandit-plugin svg:not(.allowAnswer) .pluginButton.answer {
    opacity: 0.4;
    cursor: default; }