verdocs-build {
  display: flex;
  flex-direction: column;
  font-family: var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);
}
verdocs-build .content {
  flex: 1;
  gap: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
verdocs-build verdocs-template-attachments,
verdocs-build verdocs-template-roles {
  display: block;
  width: 500px;
  max-width: 95%;
  box-sizing: border-box;
  margin: 20px;
}
verdocs-build verdocs-template-fields {
  border-top: 1px solid #777777;
}
verdocs-build verdocs-template-attachments {
  padding: 20px;
  background: #ffffff;
}
verdocs-build verdocs-template-fields {
  width: 100%;
}
verdocs-build verdocs-preview {
  flex: 1;
}
verdocs-build .preview-container {
  flex-direction: row;
  display: flex;
  width: 100%;
  background-color: #eeeeee;
  max-height: 100%;
}
@media all and (max-width: 450px) {
  verdocs-build .preview-container {
    flex-direction: column;
  }
}
verdocs-build .preview-send-wrapper {
  display: flex;
  flex: 0 0 300px;
  background-color: #ffffff;
  box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);
}
@media all and (max-width: 450px) {
  verdocs-build .preview-send-wrapper {
    flex: 0;
  }
}
verdocs-build .preview-preview-wrapper {
  display: flex;
  flex: 1;
  justify-content: center;
  overflow-y: scroll;
}