:host {
  padding: var(--mat-sidenav-container-shape);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.editor-items,
.preview {
  flex: 1;
  overflow: auto;
}

pre {
  overflow: auto;
}

.preview {
  display: flex;
  flex-direction: column;
}

.editor-items {
  padding: 16px;
}

.proto-title {
  display: flex;
  justify-content: space-between;
}

mat-button-toggle-group {
  width: fit-content;
}

ngx-monaco-editor,
ngx-monaco-diff-editor {
  height: 100%;
}

.copy-button {
  margin-left: 10px;
}