body {
  min-width: 500px;
}

vscode-tab-panel {
  padding: 0 10px;
}

#label-box {
  overflow: hidden;
}

.rotation {
  transition: none;
  max-width: 500px;
  max-height: 700px;
}

.deg0 {
  max-width: 500px;
  max-height: 700px;
  transform-origin: left bottom;
  transition: 0.5s ease-in-out;
}

.deg90 {
  max-width: 700px;
  max-height: 500px;
  transform: translateY(-100%) rotate(90deg);
  transform-origin: left bottom;
  transition: 0.5s ease-in-out;
}

.deg180 {
  max-width: 500px;
  max-height: 700px;
  transform: translateX(100%) translateY(-100%) rotate(180deg);
  transform-origin: left bottom;
  transition: 0.5s ease-in-out;
}

.deg270 {
  max-width: 700px;
  max-height: 500px;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: top right;
  transition: 0.5s ease-in-out;
}

#label_size__width {
  width: 30px;
  margin-right: 10px;
}

#label_size__height {
  width: 30px;
  margin: 0 10px;
}

#label_size__units {
  width: 70px;
  margin-right: 10px;
}

#source-code-panel {
  background-color: #424242;
}

#source-code-panel pre {
  overflow-x: scroll;
  padding: 15px;
  line-height: 20px;
  margin: 0;
  min-height: 20px;
}
