.io-enlighter-pre{
  position:relative;
  font: 12px "courier new";
  overflow-y: auto;
  border: 0;
  color: #444;
  border-radius: 3px;
  padding: .5rem;
  padding-top: 2rem;
  margin: 1.5rem 0;
  line-height: 1.2;
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: #28292f;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.io-enlighter-pre:before {
  content: " ";
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #888;
  width: 10px;
  height: 10px;
  top: 0;
  left: 10px;
  margin-top: 11px;
  -webkit-box-shadow: 16px 0 #888, 32px 0 #888;
  box-shadow: 16px 0 #888, 32px 0 #888;
  transition-duration: .3s;
}
.io-enlighter-pre textarea {
  min-height: 40px;
  max-height: 320px;
  overflow: auto;
  padding: .5rem;
  background: #eee;
}
.io-enlighter-pre code {
  display: block;
  min-height: 40px;
  background:transparent;
}
.enlighter-label{
  position: absolute;
  color: #000;
  right: 0;
  top: 0;
  background-color: #fff;
  border-radius: 15px;
  margin: 6px;
  padding: 2px 10px;
}