.code-wrappers{
  width: 100%;
  height: 452px;
  border-radius: 4px;
  background: #F3F3F3;
  /* margin: 20px; */
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.CodeFlask__textarea{
	  color: rgba(255, 255, 255, .3);
    resize:none;
    z-index:1;
    height:100%;
    -webkit-overflow-scrolling: touch;
}

.CodeFlask__pre{
	color:#95a2bb;
    z-index:2;
    pointer-events:none;
    overflow-y:auto;
	padding-right: 33px;
}


.code-window {
  max-width: 700px;
  height: inherit;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  margin: 22px 0 56px;
  /* display: flex; */
}
.code-window .code-header {
  background: #ececec;
  padding: 0.4rem;
  font-size: 0.9rem;
  position: relative;
  color: #a5a5a5;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.code-window .code-header .code-buttons {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 12px;
  margin-left: 35px;
  width: 11px;
  height: 11px;
  background: #a5a5a5;
  border-radius: 50%;
  box-shadow: -20px 0 0 #a5a5a5, 20px 0 0 #a5a5a5;
}