jmespath-preview {
  /* Component styles go here */
}
jmespath-preview section {
  flex: 1;
}
jmespath-preview section h2 {
  font-family: sans-serif;
}
jmespath-preview section div * {
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace;
  font-size: 14px;
}
jmespath-preview .expression div {
  margin-bottom: 20px;
  width: 100%;
}
jmespath-preview .expression div input {
  width: inherit;
  padding: 0.5rem;
}
jmespath-preview .results {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
}
jmespath-preview .results section div {
  padding: 0 2%;
  width: 96%;
  height: 60vh;
}
jmespath-preview .results section div pre, jmespath-preview .results section div textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  width: inherit;
  height: inherit;
  padding: 0.5rem;
}
jmespath-preview .output div {
  padding: 1vw;
  background-color: #eee;
}