:root {
  --cbsize: 640;
  --mincbsize: 400;
}

div.rightBar {
  width: 180px;
  padding: 0px;
}

div.generalInfo {
  width: 180px;
  padding: 15px;
  border-radius: 12px;
}

div.captured {
  height: 38px;
  margin: 0;
}

div.container {
  gap: 50px;
}

div.containerDialog {
  gap: 30px;
}

div.main-content {
  padding-left: 30px;
  padding-right: 50px;
}

div.intro {
  max-width: 180px;
}

div.movesDisplay {
  min-width: 120px;
}

div.explainMove {
  flex: 1;
  min-width: 120px;
}

div.alignRight {
  min-width: 170px;
}

div.explain {
  width: 240px;
}

div.quizItemInner {
  height: 70%;
}

p.display {
  height: 560px;
}

p.evaluationScore {
    font-size: xx-large;
}

img.buttonIcon {
  width: 32px !important;
}

img.piece {
  display: block;
  padding: 0;
  width: 32px;
  height: 32px;
}

button.panel {
  width: 48px !important;
  height: 48px !important;
}

img.aboutPiece {
  width: 90px;
  height: 90px;
}

#idDialogAnalysis {
  width: 65vw;
  min-height: 60vh;
}