.page-actions[data-v-364e03b8] {
  z-index: 16;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 80px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms ease-in-out, left 500ms linear, right 500ms linear, padding 500ms linear, width 500ms linear !important;
}
.page-actions.right-sm[data-v-364e03b8] {
  right: 56px;
}
.page-actions.right-md[data-v-364e03b8] {
  right: 360px;
}
.page-actions.right-lg[data-v-364e03b8] {
  right: 420px;
}
.page-actions.right-xl[data-v-364e03b8] {
  right: 520px;
}
.page-actions.bottom-sm[data-v-364e03b8] {
  bottom: 56px;
}
.page-actions.left-sm[data-v-364e03b8] {
  left: 0;
}
.page-actions.left-md[data-v-364e03b8] {
  left: 256px;
}

.preview-container[data-v-1e83c1ac] {
  min-height: 400px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.preview-iframe[data-v-1e83c1ac] {
  width: 100%;
  min-height: 400px;
  height: 100%;
  border: none;
}
.example-code[data-v-1e83c1ac] {
  font-size: 12px;
  line-height: 1.5;
  overflow-x: auto;
  margin: 0;
  white-space: pre;
  font-family: 'Courier New', Courier, monospace;
}