@import url(https://fonts.googleapis.com/css?family=Open+Sans);

*, *::before, *::after {
  box-sizing: border-box;
}


.sg-container, .sg-backdrop, textarea {
  width: 100%;
  height: 90px;
}

.highlights, .suggest, textarea {
  padding: 10px;
  font: 14px/28px 'Open Sans', sans-serif;
  letter-spacing: 1px;
}

.sg-container {
  left: 0px;
  display: block;
  margin: 0 auto;
  transform: translateZ(0);
  -webkit-text-size-adjust: none;
}

.backdrop {
  position: absolute;
  z-index: 1;
  border: 1px solid #685972;
  background-color: #fff;
  overflow: auto;
  pointer-events: none;
  transition: transform 1s;
}

.highlights {
	white-space: pre-wrap;
	word-wrap: break-word;
	color: transparent;
}

textarea {
  left: 0px;
  top: 0px;
  display: block;
  position: absolute;
  z-index: 2;
  margin: 0;
  /*border: 2px solid #74637f;*/
  border-radius: 5px;
  color: #444;
  background-color: transparent;
  overflow: auto;
  resize: none;
  transition: transform 1s;
}

mark {
  border-radius: 3px;
  color: transparent;
  background-color: #efbad0;
}

textarea:focus, button:focus {
  outline: none;
  box-shadow: 0 0 0 1px #24cabc;
}